@charset "utf-8";
/* CSS Document */

.links { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}
.linkshome { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6f71; text-decoration: none}
.linkshome:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: none}
.linksdark { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6d6f71; line-height: 1.5em; text-decoration: none}
.linksdark:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A8A9AA; line-height: 1.5em; text-decoration: none}

.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
}
.style4 {
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	font-size: 12px;
}
.style8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}
.style9 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
}
.revwhite12pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 1px;
	text-decoration: none;
}
.12ptArialGray  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	}
.10ptArialGray  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	}
.10ptArialGrayLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none
	}
.12ptBoldGray {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none}
.el01 {width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px} /* Width */
.style10 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.style1040 {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
}
.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999999;
	font-weight: bold;
	text-decoration: none
}
.style101 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
}
.style12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px;
}
.style13 {color: #FFFFFF}
.style14 {color: white}
.floatright {
	float:right;
	margin: 8px 8px 8px 8px;
}

.floatleft {
	float:left;
	margin: 4px 8px 4px 0px;
}

/* buttons for support pages  */

.btn { display: block; position: relative; background: #ffffff; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url(btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #ffffff; font-size:12px }

.btn:hover { background-color: #eeeeee; }
.btn:active { background-color: #333333; }
.btn[class] {  background-image: url(../images/about/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #ffffff; }
* html .btn:hover { border-color: #eeeeee; }

p { clear: both; padding-bottom: 2em; }
form { margin-top: 2em; }
form p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}
.style10 {font-size: 12px}
.btn1 {display: block; position: relative; background: #ffffff; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn1 {background: #ffffff; }
.btn1 {background-image: url(../images/about/shade.png); background-position: bottom; }

/* layout */
		body{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		margin:0;
		padding:10px 0 0 0;
		text-align:left;
		background:#ffffff url(../images/common/headerbar10.jpg) repeat-x top left;
		}	

	#container{	
		margin:0px auto;
		width:975px;
		text-align:left;
		position:relative;
		}
	.inner{
		position:relative;
		}
	#header{

		}	
	#footer{
		position:relative;

		padding-top:12px;
		text-align:center;
		clear:both;
		}	
		
	.content{
		clear:both;
		padding:.5em 0;

		}
	.main, .secondary, .tertiary, .quaternary{
		float:left;
		display:inline;
		}
	.main{width:65%; margin-top: 30px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:8px 0 0 8px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
	.secondary{width:30%;margin-left:30px; margin-top:30px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:8px 0 0 8px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
	.tertiary{}
	.quaternary{}
	.mainwide{
		float:left;
		display:inline;
		}
	.mainwide{width:100%; margin-top: 45px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; padding:8px 0 0 8px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px}
	/* grid */
		
		.cols{} /* main column container class */
		.col{
			float:left;
			display:inline;
			width:48%;margin-left:4%; /* 2 equal width columns layout - default */
			}	
		.cols3 .col{width:30%;margin-left:5%;} /* 3 equal width columns layout */
		.cols4 .col{width:22%;margin-left:4%;} /* 4 equal width columns layout */
		
		/* use following classes to build custom grid (add as many as you want) */
		
		.col1, .col2, .col3{float:left;display:inline;}
		.col1{}
		.col2{}
		.col3{}
		
		.indent1{}
		.indent2{}
		.indent3{}
		
	/* grid */	

/* // layout */



/* header */

	#header{
		
		margin:0;
		}
	
	#header h1{
		line-height:50px;
		height:50px;
		margin:0;
		}
	#header h1 a{		
		}		

/* // header */
	
/* content */

	.content a, .content a:visited{
		text-decoration:underline;
		}
	
/* // content */

/* sticky footer */
	
	#footer a, #footer a:visited{
		text-decoration:none;
		color:#ffffff;
		
		}
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:37px;
	}
 
	html>body #footer{position:fixed}/* for moz/opera and others*/
 
	#footer-inner {
		height: 37px;
		background-image:url(../images/common/stickyfooter.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
	}
 
	/* margin-bottom ensures that last content is not obscured by footer */
	#content {
		margin-bottom: 378px;
	}

 
<!--[if lte IE 6]>

		html, body{
			height:100%;
			overflow:hidden;
		}
 
		#outer {
			overflow:auto;
			height:99.9%;
		}
 
		#contain-all{
			position:absolute;
			overflow:auto;
			width:100%;
			height:100%;
		}
 
		/* add a margin to the footer to avoid obscuring the scroll-bar */
		#footer-inner {
			margin-right:0px;
		}
/* // footer */

/* clearfix */

	.inner:after, .content:after, .cols:after, .fixed:after{
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
		}
	.inner, .content, .cols, .fixed{display:block;min-height:1%;}
	* html .inner, * html .content, * html .cols, * html .fixed{height:1%;}

/* // clearfix */

/* inside or nested slideshow */
#rotate	ul, ol, dl{padding:0; margin:0;}
#rotate	ul ul, ul ol, ol ol, ol ul, dd{margin:0;}
#rotate	li{margin:0; display:list-item}	
#gallery {
	width:900px;
	height:500px;
	margin-top:10px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
}
#gallery a.previous {display:block; height:48px; width:38px; background:url(../images/common/left.gif); position:absolute; left:0; top:300px;}
#gallery a.next {display:block; height:48px; width:38px; background:url(../images/common/right.gif); position:absolute; right:0; top:300px;}
#gallery a b {display:none;}
#gallery #fullsize {
	position:absolute;
	left:0;
	top:-90px;
	height:600px;
	width:900px;
	overflow:hidden;
}
#gallery #fullsize div {width:900px; height:610px; padding-top:10px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; padding-top:100px; border:0;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:0px 0; margin:0; font-size:12px; line-height:18px;}