/* CSS Document */

html,body{
	margin:0;padding:0
}

BODY {
	 margin-bottom: 60%;
	 background-image: url(images/background.gif);
     background-repeat: no-repeat;
     background-position: right bottom;
}  
#tagline{
	color:#0987C8; 
	font-family:arial,sans-serif; 
	font-size: 12px;
}

#wrapper{
	float:right;
	width:100%;
	height:100%;
	margin-bottom:0; 
	margin-right:-33%;
}

#header{
	position:absolute; 
	top: 60px; 
	left: 40px;
	width: 600px;
}
#header p{
	font-family:arial,sans-serif;
	font-size:12px; 
	color:#0987C8;
	text-decoration:none;
	position:absolute; 
	left: 5px;
}
#header h1{
	font-family:arial,sans-serif;
	font-size:24px; 
	color:#0987C8;
	position:absolute; 
	top: 60px; 
	left: 5px;
}
#nav{
	position:absolute; 
	top: 160px; 
	left: 45px;
	font-family:arial,sans-serif;
	font-size:24px; 
	font-weight: bold;
	color:#0987C8;
}
#nav a{
	color:#0987C8;
	text-decoration:none;
}
#nav a:hover{
	color:#03A7FC; 
	text-decoration: underline; 
}
#subnav {
	font-family:arial,sans-serif;
	font-size:12px; 
	font-weight: bold;
	color:#0987C8;
	position:absolute; 
	top: 10px; 
	left: 275px;
}
#subnav a{
	color:#0987C8;
	text-decoration: none; 
}
#subnav a:hover{
	color:#03A7FC; 
	text-decoration: underline; 
}

#transbox {
	position:absolute; 
	top: 140px; 
	left: -2px; 
	width: 90%; 
	margin: 0 50px; 
	background-color: #f3f7f9; 
	filter:alpha(opacity=60); 
	-moz-opacity:0.6; 
	opacity: 0.6;
}

#transcontent {
	position:absolute; 
	top: 120px; 
	left: 10px; 
	width: 300px; 
	margin: 10px 50px; 
	font-family:arial,sans-serif; 
}
#transcontent h1{
	font-family:arial,sans-serif;
	font-size:24px; 
	color:#0987C8;
	position:absolute; 
	top: 0px; 
	left: 0px;
}
#transcontent h2{
	font-weight: bold; 
	font-size:18px; 
	color:#0987C8;
}

#transcontent h3{
	font-weight: bold; 
	font-size:14px; 
	color:#7c7c7c; 
	margin: 0px; 
	padding: 0px;
}

#transcontent img{
	margin: 0px 10px 0px 0px;
}

#transcontent a{
	color:#0987C8; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none; 
}

#transcontent a:hover{
	color:#03A7FC; 
	text-decoration: underline;
}

#transtop {
	position:absolute; 
	top: 35px; 
	left: 10px; 
	width: 525px;  
}

#transtop p{
	font-size:12px; 
	color:#0987C8;
}

#transleft {
	position:absolute; 
	top: 110px; 
	left: 10px; 
	width: 170px;  
}
#transleftwide {
	position:absolute; 
	top: 60px; 
	left: 10px; 
	width: 515px;  
}

#transmid {
	position:absolute; 
	top: 110px; 
	left: 200px; 
	width: 345px; 
}

#transmid p{
	font-size:12px; 
	color:#7c7c7c;
}

#transright {
	position:absolute; 
	top: 90px; 
	left: 580px; 
	width: 245px;
}

#transrightwide {
	position:absolute; 
	top: 60px; 
	left: 580px; 
	width: 370px;
}

#transrightwide p{
	font-size:12px; 
	color:#7c7c7c;
}
#transrightwide em{
	font-size:12px;
	font-style:normal;
	font-weight:bold; 
	color:#0987C8;
}
#transrightwide ul li{
	font-size:12px; 
	color:#7c7c7c;
	list-style-type: square;
}

#transfarright {
	position:absolute; 
	top: 135px; 
	left: 640px; 
	width: 245px;
}

#transfarright p{
	font-size:12px; 
	color:#7c7c7c; 
	padding-left: 50px;
}

#transfarright a{
	color:#7c7c7c; 
	font-size: 10px; 
	font-weight: normal; 
	text-decoration: none; 
}

#transfarright a:hover{
	color:#0987C8; 
	text-decoration: underline;
}


#toggle {
	position:absolute; 
	top: 350px; 
	left: 896px; 
	width: 370px;
}
#toggle a{
	color:#0987C8; 
	font-size: 12px; 
	font-weight: normal; 
	text-decoration: none;
}

#gohome {
	position:absolute; 
	top: 450px; 
	left: 900px; 
	width: 345px;
}

#gohome a{
	font-size:12px;
	font-style:normal;
	font-weight:bold; 
	color:#0987C8; 
	font-size: 12px; 
	text-decoration: none;
}

#footer{
	position:absolute; 
	top:645px; 
	left: 47px; 
	width:400px; 
	font-size:12px; 
	font-weight:bold;
}