@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px;color:#333;}
p{padding:10px 0;}
#wrapper{width:1004px; margin:0 auto;  background:url(../images/pagebg.jpg) repeat-x left top;}
#wrapper-inner{width:1004px; margin:0 auto;  background:url(../images/pagebg2.jpg) repeat-x left top;}
#header .logo{float:left; width:200px; padding:4px 50px }
#header .topmeu{ width:300px; float:right; line-height:45px; text-align:center;}
#header .serach{width:500px; float:right;text-align:center;}
#header .serach .textfield{height:23px; width:300px; border:1px solid #afc6d6;}
/*menu*/
#menu {width:1004px; height:19px; margin:0 10px;z-index:100; }
#menu ul {display:inline-block;} 
#menu ul.top-level {margin-left:0;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;} 
#menu li {margin:0; padding:0; z-index:100;  text-align:center; background:transparent;}
#menu a {display:block; font:bold 12px arial,sans-serif; color:#000; line-height:36px; text-decoration:none; padding:0; text-transform:uppercase;} 
* html #menu ul.top-level {margin-left:0;} /* I don't know why, but this centers IE5.5 ?? */
/*menu*/
#menu{width:980px; height:36px; border-bottom:1px solid #ffffff; color:#ffffff; z-index:100; }
#menu li:hover{background-color:#01c7e4;}
#menu li:hover > ul {visibility:visible; display:inline-block; text-align:  }
#menu a:hover ul,
#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {visibility:visible;}
#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {visibility:hidden;}

#menu ul.top-level {margin:0 auto;} 
#menu li.top-level-li {  float:left; position:relative; border-right:1px solid #ffffff; text-align:center; text-transform:uppercase;}
#menu li.top-level-a,.last{border-right:none !important;}

#menu a.top-level-a {
background:transparent url(anywidth/taba.gif) no-repeat scroll left top;
color:#FFFFFF;
/*float:left;
padding:0 0 0 20px;
*/text-align:center;
}
#menu a.top-level-a b {
background:transparent url(anywidth/tabb.gif) no-repeat scroll right top;
cursor:pointer;
/*float:left;
padding:0 20px 0 0;*/
text-align:center;
}
#menu a.down b {
background:transparent url(anywidth/tabc.gif) no-repeat scroll right top;
cursor:pointer;
/*float:left;
padding:0 20px 0 0;*/
}

#menu a.top-level-a:hover {white-space:nowrap; background:url(anywidth/taba.gif) no-repeat left -37px;z-index:100; }
#menu a.top-level-a:hover b, 
#menu a.top-level-a:focus b, 
#menu a.top-level-a:active b {color:#fff; cursor:pointer;}
#menu a.down:hover b, 
#menu a.down:focus b, 
#menu a.down:active b {color:#fff;cursor:pointer; }

#menu li.top-level-li:hover > a {white-space:nowrap; }
#menu li.top-level-li:hover > a b {color:#fff; }
#menu li.top-level-li:hover > a.down b {color:#fff;  }

#menu li ul {display:block; position:absolute; visibility:hidden; background:#135f95; padding:1px 1px 0px 1px; left:0; text-transform:capitalize;z-index:100; }
#menu li li {border-bottom:1px solid #505060; text-transform:capitalize;z-index:100;  }
#menu li li a {

line-height:25px;
padding-left:15px;
white-space:normal;

text-align:left;
width:160px;
text-transform:capitalize;z-index:1; }
#menu li li a:hover {background:#01c7e4;z-index:100; color:#FFF; } 
#menu li li:hover > a {background:#01c7e4;z-index:100; }
#menu li li a.fly { width:170px;z-index:100; }
#menu li li a.fly:hover {z-index:100; } 
#menu li li:hover > a.fly {z-index:100; }

#menu ul.drop-down {top:36px;z-index:100; background:transparent url(../images/opaque.png); } 
#menu li li ul {left:100%; margin-top:-23px; margin-left:0;z-index:100; }

#menu table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#menu table ul li a {padding-left:0; padd\ing-left:20px;z-index:100; }
#menu table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#menu table table ul {margin-top:-4px; marg\in-top:-7px;}
#header .banner{background:url(../images/banner_bg.jpg) repeat-x left top;  height: 291px;width:1004px; z-index:0; }
#header .banner .container {
	width: 987px;
	padding: 0;
	margin: 0 auto;
	z-index:1;
	
}
.folio_block {
	position: absolute;
	height: 291px;
	width:987px;
	z-index:1;
}
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:291px;	width: 987px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	z-index:1;
}
.image_reel {
	position: absolute;
	top: 0; left: 2px;
	z-index:1;
	
}
.image_reel img {float: left; z-index:0;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px;
	width: 178px; height:47px;z-index:100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background:url(images/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding:3px 6px;
	text-decoration: none;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; 
	border: 1px solid #046cb8;
	background: #046cb8; 
}
.paging a.active {
	font-weight: bold; 
	background: #424242; 
	border: 1px solid #610000;
	padding:3px 6px;
}
.paging a:hover
{
font-weight: bold;
padding:3px 6px;
border: 1px solid #610000;
background: #424242; 
}


#sitepart{ padding:8px 50px; }

#sitepartinner{ padding:12px 20px; }

#sitepartinner h1{color:#04a6cc; line-height:25px; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; padding:10px 0; margin-bottom:8px; border-bottom:1px dashed #cccccc;}
#sitepartinner h2{color:#000000; line-height:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; padding:20px 0; background:url(../images/arrow-head.png) no-repeat left 22px; padding-left:30px;}
#sitepartinner ul{ list-style:none; padding-bottom:10px;}
#sitepartinner li{ background:url(../images/arrow.jpg) no-repeat 3px 17px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding:10px 5px 0 15px ; line-height:20px;   }

#sitepartinner a:link{color:#333333; text-decoration:none;}
#sitepartinner a:hover{color:#0d6498;}
#sitepart .box{ background:url(../images/blockbg-1.jpg) repeat-y left 6px; width:267px; float:left; margin:0 15px;  }
#sitepart .box .headbg{ background:url(../images/bluebg.png) no-repeat 10px top; width:260px;  height:38px; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; line-height:38px; }
#sitepart .box .content{ padding:10px 10px 10px 18px; width:230px; height:230px; }
#sitepart .box .content ul{ list-style:none; padding-top:10px; }
#sitepart .box .content .imgs{ height:125px; text-align:center;}
#sitepartinner .breadcrum{  text-align:right; padding-right:20px; line-height:35px;}
#sitepartinner .breadcrum a{  color:#333; text-decoration:none;}
#sitepartinner .breadcrum a:hover {  color:#0988c3; text-decoration:none;}
#sitepart .box .content ul{ list-style:none; }
#sitepart .box .content li{ background:url(../images/arrow.jpg) no-repeat 3px 17px; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding:10px 5px 0 15px ; line-height:20px;   }
#footer{ background: #fff url(../images/footbg.jpg) repeat-x left top; height:87px; text-align:center; padding:10px; color:#333333 }
#footer ul{ list-style-type: square;}
#footer li{ display:block; text-align:left;padding:5px 10px; line-height:10px}
#footer li a{ color:#333333; text-decoration:none; font-size:11px;}
#footer li a:hover{color:#39F; text-decoration:underline;}
#footer a{color:#333333; text-decoration:none;}
#footer a:hover{color:#0d6498;}

.innerbanner{margin:0 auto;}
A:link.up{font-family:Arial, Helvetica, sans-serif; font-size: 12px;  color:#333333;text-decoration:none;}
A:visited.up{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#333333; text-decoration:none;}
A:hover.up{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#0d6498; text-decoration:none;}

.blackheading{ font-family:"Trebuchet MS"; font-size:25px; color:#007ea3; text-decoration:none; border-bottom:1px dashed #007ea3; margin-bottom:20px;}
.textmargin{padding:0 0 0 20px; margin:0px; line-height:18px;}


.redtext{font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#f50c00; text-decoration:underline;}