/* CSS Document */

body {
	background: #FFF;
	text-align: center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color: #09C;  
	margin: 0;
	padding: 0;
	background: url(../images/bg-page.jpg);
}
p{
	margin-top: 1.2em;
	margin-bottom: .5em;
	font-size: 1em; 
}
td, tr {
	font-size: 1em;
}
a:link{
	text-decoration: underline;
	color: #990000;
}	
a:visited{
	text-decoration: underline;
	color: #990000;
}	
a:hover, a:active{
	text-decoration: none;
}
h1{
	font-size: 1.6em;
	font-weight: normal;
	margin-top: .5em;
	margin-bottom: 1.2em;
}
h2{
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: .5em;
	color: #900;
}
h3{
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: .5em;
}
h4{
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: .5em;
}


/*layout*/
/*main page holders incl tricky semi-opaque bit*/
#page{
	width: 800px;
	height: 530px;
	margin: 50px auto 0 auto;
	text-align: left;
	position: relative;
}
#transparent{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 530px;
	background: url(../images/bg-transparent.gif) no-repeat;
	filter:alpha(opacity=85);
	-moz-opacity: .85;
	opacity: .85;
}
#opaque{
	position: absolute;
	top: 0;
	left: 0;
	width: 800px;
	height: 530px;
}
/*left side of page*/
#navigation{
	width: 180px;
	height: 530px;
	float: left;
	text-align: center;
}
#navigation ul{
	list-style: none;
	margin: 0;
	padding: 8px 0 52px 0;
}
#navigation p{
	margin: 12px 0;
	padding: 0;
}
/*right side of page*/
#content{
	float: left;
	padding-left: 20px;
	width: 600px;	
	height: 530px;
	background: url(../images/bg-content.gif) bottom right no-repeat;
	color: #333;
}
.logo{
	padding-left: 420px;
}
#content-left{
	width: 400px;
	height: 380px;
	float: left;
	margin-left: 20px;
}
#content-right{
	width: 180px;
	height: 380px;
	float: left;
	color: #FFF;
}
/*and the content within*/
#content-right ul, #content-right p{
	display: block;
	list-style: none;
	padding: 0;
	margin: 15px 20px;
}
#content-right ul{
	text-align: left;
}
#content-right p.image{
	padding: 0;
	text-align: center;
}
#content-right ul li{
	display: block;
	padding: 0;
	margin: 7px 0 0 0;
}
#content-right ul ul{ 
	visibility: hidden;
	padding: 0;
	margin: 0;
	float: right;
	clear: none;
}
#content-right ul ul li{ 
	padding: 0;
	margin: 0;
	height: 1px;
	width: 1px;
	float: right;
	visibility: hidden;
}
#content-right ul li a:link, #content-right ul li a:visited{
	color: #FFF;
	text-decoration: none;
}
#content-right ul li a:hover, #content-right ul li a:active{
	color: #900;
	text-decoration: underline;
}
#content-left p, #content-left h1, #content-left h2, #content-right h1, #content-left-scroll h1, #content-left-scroll h2, #content-left-scroll p{
	padding: 5px 20px 10px 20px;
	margin: 0;
}
#content-left h1,  #content-right h1, #content-left-scroll h1{
	padding-top: 15px;
}
#footer{
	width: 800px;
	margin: 5px auto;
	color: #990000;
}
#footer a{
	color: #900;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
.right{
	float: right;
}
#content-left p.email, #content-left-scroll p.email{
	padding: 5px 20px;
}
#content-left p.home-image{
	text-align: center;
}
#content-left ul, #content-left-scroll ul{
	margin: 0 0 5px 0;
}
#team-special{
	background: url(../images/team-freq.jpg) no-repeat;
	width: 360px;
	height: 229px;
	margin: 20px;
}



/*content area with scroll*/
#content-left-scroll{
	width: 380px;
	height: 340px;
	float: left;
	margin: 20px 0 20px 20px;
    overflow: auto;
}
#scroll_up {
	cursor: pointer;
	padding-top: 20px
}
#scroll_down {
	cursor: pointer;
	padding-top: 310px;
}
#content-left-scroll {
}
#scroll-arrows{
	width: 20px;
	height: 380px;
	float: left;
}
/*special styles for scroll area content*/
#content-left-scroll h1{
	margin-top: 0;
	padding-top: 0;
}
/*special box for sublease*/
#sublease{
	width: 180px;
	height: 149px;
	background: url(../images/bg-tile-sublease.gif) no-repeat;
}
#sublease p{
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	padding: 20px 5px;
	margin: 0;
}
#sublease a{
	color: #FFF;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
}
/*special box for refresh campaign*/
#refresh{
	width: 180px;
	height: 149px;
}