@charset "utf-8";


/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	color: #011949;
	text-align:center;
}

.clear {
	clear: both;
}

h1 {font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:normal;color: #fff;line-height: 23px;}
h2 {font-size: 12px;font-weight: normal;margin-left: 15px;padding:5px 15px 0 0;line-height: 17px;	}
h3 {margin: 0;padding-left: 9px;font: 11px "Arial";font-weight: bold;color: #999999;}
h4 {background: url(../images/txtbg.jpg);width: 480px;color: #011949;font-weight: bold;font-size: 16px;padding:5px;border-bottom : #cccccc 1px solid;}


li {
	line-height: 17px;
}

.small {
	font-size: 10px;
	}
.small2 {
	font-size: 11px;
	}
#wrapper {margin: 0 auto;width: 874px;padding: 0;text-align:left;}
#header {	margin: 0 auto;width: 810px;height: 88px;}
#logo {float: left;margin:8px 0 0 8px;width:120px;height:60px;}
#indexflash {background: url(../images/indexflash_bg.jpg);width: 874px;height: 307px;}

#indexflashcontent {
	width: 810px;
	height: 307px;
	margin: 0 auto;
}

#indexflashswf {
	width: 810px;
	height: 230px;
	margin: 0 auto;
}

#indexflashbar {
	width: 790px;
	height: 69px;
	margin: 0 auto;
	padding-left: 12px;
	padding-top: 5px;
}

#subflash {
	background: url(../images/subflash_bg.jpg);
	width: 874px;
	height: 186px;
	margin: 0 auto;
}

#subflashswf {
	width: 810px;
	height: 176px;
	margin: 0 auto;
}

#subflashcontent {
	width: 810px;
	height: 186px;
	margin: 0 auto;
}

#thirdflash {
	background: url(../images/3rd_level_flash_bg.jpg);
	width: 874px;
	height: 98px;
	margin: 0 auto;
}
#subflashcontent2 {
	width: 810px;
	height: 92px;
	margin: 0 auto;
}
#topflashswf {
	width: 810px;
	height: 92px;
	margin: 0 auto;
}

#content {
	width: 850px;
	height: 100%;
	padding-left: 31px;
	margin: 0 auto;
	
}

#subcontent {
	width:540px;
    float:left;
    padding-left: 31px;
    margin: 0 auto;
}
#subcontent2 {
	width:500px;
    float:left;
    padding-left: 31px;
    margin: 0 auto;
}

#col1 {
	background: url(../images/col1_bg.jpg);
	float: left;
	width: 269px;
	height: 315px;
	margin-top: 1px;
	border-right: #d4d4d4 1px solid;
}
#col2 {
	background: url(../images/col1_bg.jpg);
	float:left;
	width: 269px;
	height: 315px;
	margin-top: 1px;
	border-right: #d4d4d4 1px solid;
}
#col3 {
	background: url(../images/col1_bg.jpg);
	float:left;
	width:270px;
	height:315px;
	margin-top: 1px;
}
#scol1 {
	display: inline;
	float:left;
	width: 540px;
	height:100%;
}
#scol1 li{
	list-style:none;
}
#scol1-2 {
	display: inline;
	float:left;
	width: 810px;
}
#scol2 {
	display: inline;
	float: right;
	width: 269px;
	margin-right: 32px
}
#scol3 {
	background-color: #cccccc;
	display: inline;
	float: right;
	width: 269px;
	height:1px;
	margin-right: 31px
}

#gradient-bg {
	background: url(../images/scolbg.jpg);
	padding: 25px;
}

#gradient-bg-lrg {
	display:block;
	background: url(../images/scolbg-lrg.jpg);
	padding: 15px;
}

#nav, #nav ul {
	padding:0 0 5px 0;
	margin:0;
	list-style:none;
	position:relative;
	z-index:200;
}

#nav {float: right;width:300px;height:25px;padding: 60px 0px 0 0;}
#nav ul {background: #0a2455;border: 3px solid #ffffff;}
#nav li {float:left;padding-left: 25px;}

#nav li li {
	float:none;
	padding:  2px 15px;
}

/* a hack for IE5.x and IE6 */
* html #nav li li {
	float:left;
}

#nav li a {
	padding:1px 4px;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	height:25px;
	line-height:25px;
	text-decoration:none;
	white-space:nowrap;
}

#nav li li a {
	height:20px;
	line-height:20px;
	float:none;
}

#nav li:hover {
	position:relative;
	z-index:300;
}

#nav li:hover ul {
	left:0;
	top:22px;
}

/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {
	left:10px;
}

#nav ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* yet another hack for IE5.x and IE6 */
* html #nav ul {
	width:1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}

/* keep further levels hidden */
#nav li:hover > ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:auto;
}

/* show path followed */
#nav li:hover > a {
	background: #0a2455;
	color:white !important;
}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {
	left:-15px;
	margin-left:100%;
	top:-1px;
}

/* keep further levels hidden */
#nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

/* show path followed */
#nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a {
	text-decoration:none;
	color:#ff9900;
}

/* hide futher possible paths */
#nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a {
	text-decoration:none;
	color:#ff9900;
}

/* End dropdown CSS */


.indextitles {
	color: #011949;
	font-weight: bold;
	font-size: 14px;
	margin-left: 25px;
	padding-top: 50px;
}
.character {
	font-size: 23px;
	font-weight: normal;
	color: #f9b013;
}
.indexcolumntext {
	margin-left: 115px;
	padding-top: 15px;
	line-height: 15px;
	
}
.indexcolumntext2 {
	margin-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	line-height: 17px;
	font-size: 12px;
}
.indexcolumntext2title {
	margin-left: 15px;
	padding-right: 15px;
	padding-top: 9px;
	line-height: 17px;
	font-size: 16px;
	font-weight: bold;
}
#subcolumntext {
	padding-top: 23px;
	padding-left: 35px;
	padding-right: 35px;
	line-height: 18px;
}

#footer {
	background: #cccccc;
	clear: both;
	margin: 0 auto;
	width: 810px;
	height: 50px;
	font-size: 11px;
	text-align: left;
	border-top : #d4d4d4 1px solid;
	padding-top:15px;
}
#footermenu{float:right;width:720px;height:30px;padding-right: 8px;}
#bbb {
	float:left;
	padding-right: 15px;
	width:55px;
}
.copy {
	line-height: 17px;
}
.copysub {
	padding-left: 8px;
	padding-right: 15px;
	line-height: 17px;
}
.copylist{
	margin-left: 8px;
	color: #011949;
}
.newstitle {
	font-family: "Myriad Pro";
	font-size: 18px;
	color: #c10c21;
	padding: 2px;
}
a:link {
	color: #011949;
}
a:active {
	color: #ff9900;
}
a:visited {
	color: #011949;
}
a:hover {
	color: #ff9900;
	}
ul {
	font-size: 12px;
 	padding-left: 30px;
	line-height: 22px;
	color: #011949;
	}
.subsmallbox1, .subsmallbox2, .subsmallbox3, .subsmallbox4 {
	display:block;
	float:left;
	padding-left: 23px;
	padding-right: 10px;
	padding-bottom: 25px;
}
.webtitle1{
	display:block;
	float: left;
	margin-left: 9px;
	padding: 1px;
	width: 228px;
}
.webtitle2{
	display:block;
	float: left;
	margin-left: 7px;
	padding: 1px;
	width: 228px;
}
.webbox {
	display:block;
	background: url(../images/webbg.jpg);
	float: left;
	width:228px;
	margin-left: 9px;
	margin-top: 5px;
	padding-top: 4px;
	padding-bottom: 25px;
}
.webbox2 {
	display:block;
	background: url(../images/webbg.jpg);
	float: left;
	width:228px;
	margin-left: 2px;
	margin-top: 15px;
	padding:6px;
	line-height:23px;
}
.bbImage {float: left;margin: 0 10px 10px;width:32px;height:40px;}	
.logo {
	display: inline;
	float: left;
	width: 228px;
	height: 168px;
	margin: 20px 0 0 9px;

}