@charset "utf-8";


body {
	margin: 0px;
	padding: 0px;
	background:#FFF url(../images/body-bg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; color:#656565;
}
#wrapper{
	background:url(../images/wrapper-bg.png) no-repeat center 382px;
}
p{ padding:0px; margin:10px 0px;}
h1{color:#0a628a; font-size:24px; font-weight:bold; margin:0px; font-family:Georgia, "Times New Roman", Times, serif;}
h2{ color:#999; font-size:16px; font-weight:bold; margin:5px 0px; font-family:Georgia, "Times New Roman", Times, serif;}
h3{
	color:#0a628a;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfc4c9;
}
a:link,a:visited{ color:#0a628a; text-decoration:none;}
a:hover{ color:#25dfeb; text-decoration:none;}
#header{width:1000px; height:474px; float:none; margin:auto; background:url(../images/mainbg-new.jpg) no-repeat center top;}
#headpic{float:right; position:relative; z-index:1;}
#cutline{position:absolute;}
.pagetext{ font-family:Georgia, "Times New Roman", Times, serif; font-size:50px; color:#fff;}
.subpagetext{ font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#25dfeb;}
.left{float:left;}
.right{float:right;}
#logo{float:left; display:block; margin:20px 20px;}
.colmask{float:none; width:1000px; position:relative; margin:auto; overflow:hidden;}
.colright .colleft{
	position:relative;
}
.col1,.col2,.col1-1,.col1-2,.col1-3,.colport1,.colport2,.colport3,.colport4,.colport5{
	position:relative;
	overflow:hidden;
	float:left;
}
.colright .col1{width:590px; left:55px;}
.colright .threecol .col1{width:590px; left:0px;}
.colright .col2{width:296px; left:60px;}
.colright .col1-1{width:280px; left:0px;}
.colright .col1-2{width:280px; left:20px;}
.colright .col1-3{width:280px; left:20px;}
.colport1{ width:200px; left:0px;}
.colport2{ width:200px; left:35px;}
.colport3{ width:200px; left:70px;}
.colport4{ width:200px; left:105px;}
.colport5{ width:200px; left:140px;}

.colport1 img, .colport2 img,.colport3 img, .colport4 img, .colport5 img{
	border: 1px solid #dedede;
	padding:5px;
	background:#f4f4f4;
}

.bluefont{color:#0a628a;}
.skyblue{ color:#25dfeb;}
#footer{display:block; height:160px; background:#414141; margin-top:50px;}
#footercontent{ width:1000px; float:none; margin:auto; font-size:12px; color:#FFF;}
#footer #addr{ float:left; position:relative; left:55px; top:36px; width:300px; overflow:hidden; border-right:solid #575757 1px;}
#footer #copy{ float:left; position:relative; left:65px; width:650px; overflow:hidden; top:30px;}
#footer ul{ list-style:none; float:left; padding:0px; margin:0px;}
#footer li{ display:inline-block; float:left; padding:5px; font-weight:bold;}
#footer li a:link,#footer li a:visited{text-decoration:none; color:#25dfeb;}
#footer li a:hover{text-decoration:underline; color:#25dfeb;}
#footer ul ul{padding:0px; float:none; display:list-item;}
#footer li li{padding:0px; display:list-item; clear:both; font-weight:normal;}
#footer li li a:link,#footer li li a:visited{ text-decoration:none; color:#fff;}
#footer li li a:hover{ text-decoration:none; color:#25dfeb;}

.subjectfont{ color:#0a628a; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}

#mainnav{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; font-weight:bold; background:url(../images/nav-bg.gif) no-repeat; display:block; width:1000px; height:50px; position:relative; z-index:2;}
ul.topnav {
	list-style: none;
	padding: 0px 20px;	
	margin: 0 auto;
	float: right;
	width: 880px;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a:link,ul.topnav li a:visited{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.png) no-repeat center top;
}
ul.topnav li a.selectednav:link,ul.topnav li a.selectednav:visited{
	background: url(../images/topnav_hover.png) no-repeat center top;
	color:#25dfeb;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #04354b;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #002839;
	font-size:11px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #00121b; /*--Create bevel effect--*/
	border-bottom: 1px solid #003b5a; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #012030 url(../img/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #064a66 url(../img/dropdown_linkbg.gif) no-repeat 10px center; 
}
.txt,.txtarea{background:#f4f4f4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #b9bbbd;
	padding:3px;
	width:300px;
	margin:5px 0px;
	}
ul.sitelist{
	margin-left:120px;
	_margin-left:160px;
	margin-top:80px;
}	
ul.sitelist li{
	padding:0px;
	list-style-image:url(../images/link_icon.gif);
	font-weight:bold;
	line-height:18px;
}
 ul.sitelist li ul li{
	padding:0px;
	list-style-image:url(../images/link-icon-grey.png);
	font-weight:normal;
	line-height:18px;
}
/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 14px Georgia, "Times New Roman", Times, serif; /* set font as desired */
border-bottom: 1px solid #0c6d95; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background: #fff!important;/* set background color to match above border color */
}

body#tab1 li.tab1 a:link, body#tab2 li.tab2 a:link, body#tab3 li.tab3 a:link, body#tab4 li.tab4 a:link,body#tab1 li.tab1 a:visited, body#tab2 li.tab2 a:visited, body#tab3 li.tab3 a:visited, body#tab4 li.tab4 a:visited { /* settings for selected tab link */
background: url(../images/selected-port.gif) repeat-x #fff; /* set selected tab background color as desired */
color: #0c6d95; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
border-bottom:#FFF!important;
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
 border: 1px solid #0c6d95;/* set border COLOR as desired; usually matches border color specified in #tabnav */
 -moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background: url(../images/nav-normal-port.gif) repeat-x #fff; /*set unselected tab background color as desired */
color: #006188; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: url(../images/selected-port.gif) repeat-x #fff;
color:#0c6d95;
}

/* end css tabs */
.orangecolor{
	color:#fe860c;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.orange12{
	color:#fe860c;
	font-size:12px;
	font-weight:bold;
}
.portrow{ margin-top:40px; height:80px;}

/*-------------------------------------  Internal Dialog Box -----------------------------------------*/
.sectionbox {
 width:100%;
 min-width:20em;
 max-width:690px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#666;
 display:block;
 font-size:12px;
}

.sectionbox .hd .c,
.sectionbox .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.sectionbox .ft .c {
 height:24px;
}

.sectionbox .hd {
 background:transparent url(../images/itl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.sectionbox .hd .c {
 background:transparent url(../images/itr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.sectionbox .bd {
 background:transparent url(../images/iml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.sectionbox .bd .c {
 background:transparent url(../images/imr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.sectionbox .bd .c .s {
 margin:0px 4px 0px 4px;
 background:#fff url(../images/ims.gif) repeat-x 0px 0px;
 padding:0.7em;
}

.sectionbox .ft {
 background:transparent url(../images/ibl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.sectionbox .ft .c {
 background:transparent url(../images/ibr.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.sectionbox h2 {
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 margin-top:0em;
}
.hilighttxt{
	color:#999;
	font-size:14px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#thumb_mag img{
	margin:2px;
	border:#CCC solid 2px;
	
}
#postit{position:absolute; left:730px;_left:-150px; top:110px;_ top:100px;}
#postit img{border:none; margin:0px !important;}
.imgborder{
	padding: 3px;
	border: 1px solid #E6E8ED;
}
.orangelink:link,.orangelink:visited{color:#1fbed0; text-decoration:none;}
.orangelink:hover{color:#1fbed0; text-decoration:underline;}
hr{
	border-top-width: 1px;
	border-top-style: solid;
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top-color: #CCC;
}
.requiredtext{ color:#9a1919;}
/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

.anythingSlider *{padding:0px; margin:0px;}
.anythingSlider                         { width: 296px; height: 225px; position: relative; margin: 0 auto; background:url(../images/banner.gif) no-repeat;}
.anythingSlider .wrapper                { width: 296px; overflow: auto; height: 146px; margin: 60px 0px 0px 0px; position: absolute; top: 0; left: 0;}

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0;;margin: 0;}
.anythingSlider ul li                   { display: block; float: left; padding: 0px; height: 165px; width: 296px; margin:1px 0px;}
.anythingSlider .wrapper .contentarea{ margin:0px 20px 20px 20px;}
.anythingSlider .wrapper .signature{ text-align:right; font-style:italic; color:#999; margin:-10px 20px; font-size:0.9em;}
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; visibility:hidden; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px;visibility:hidden;}
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 225px; text-align: center; visibility:hidden; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; visibility:hidden; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }