body {
background-color: #3D51DF;
font-size: normal;
font-family: Trebuchet MS, helvetica, Arial, Sans-Serif;
color:#262940;
padding:0;
margin:0;
}

b {color:#000000;}

a {color: #262940;}
a:visited {color:#262940;}
a:hover {color: #262940;}
a:active { color:#262940;}

A.white:link { color:#FFFFFF;}
A.white:visited { color:#FFFFFF;}
A.white:active { color:#FFFFFF;}
A.white:hover { color:#FFEE99;}


h1 {
font-size: x-large;
padding-top:15px;
padding-bottom:5px;
margin:0 ;
color:#FF6600;
line-height:1.3em;
}

h1 a {color:#FF6600;}
h1 a:visited {color:#FF66000;}
h1 a:hover {color: #FF6600;}
h1 a:active { color:#FF6600;}

h2 {
font-size: large;
margin:0;
color:#FF6600;
padding-bottom:5px;
padding-top:15px;
}
h2 a {color:#FF6600;}
h2 a:visited {color:#FF66000;}
h2 a:hover {color: #FF6600;}
h2 a:active { color:#FF6600;}

h3 {
font-size: large;
margin:0;
color:#3D51DF;
padding-bottom:5px;
padding-top:15px;
}

h3 a {color:#3D51DF;}
h3 a:visited {color:#3D51DF;}
h3 a:hover {color:#3D51DF;}
h3 a:active { color:#3D51DF;}

h4 {
font-size: large;
margin:0;
color:#58BC1D;
padding-bottom:5px;
padding-top:15px;
}

h5 {
font-size: large;
margin:0;
color:#000000;
padding-bottom:5px;
padding-top:15px;
}

h6 {
margin:0;
color:#FF3300;
padding-bottom:5px;
}

img.download {vertical-align:middle;}

.red {color: #CC0A02}
.green {color: #75AA33}
.blue {color: #3D51DF}
.orange {color: #FF9900}
.darkorange {color: #FE2B00}
.white {color: #FFFFFF}

/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #FFFFFF;
}

#containertop {
background: url('top_bg.jpg') no-repeat;
height:130px;
}


#logo {width: 350px; float:left; padding-left:40px; padding-top:10px; }



/* ----------banner for logo-------------- */
#banner {
background-color: #000000;
text-align: right;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px;} 


.larger {font-size:1.6em; font-weight:bold;}
.largerblue {font-size:1.6em; font-weight:bold; color:#435AC7;}
.largergreen {font-size:1.6em; font-weight:bold; color:#7DB335;}
.largerorange {font-size:1.6em; font-weight:bold; color:#FF6802;}

/* -----------------content--------------------- */
#content {
background-color: #ffffff;
padding-right: 10px;
padding-bottom: 40px;
margin: 0 50px;
line-height:1.6em;
font-size:smaller;
}
div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}




#pop {background-color: #ffffff; padding-left:10px; padding-bottom:20px;}
/* --------------left navi------------- */
#left {
float: left;
width: 185px;
margin: 0;
padding-left: 25px;
font-size:smaller;
padding-bottom: 25px;
}
#right {
float: right;
width: 210px;
margin: 0;
padding-top: 10px;
padding-right: 10px;
font-size:smaller;
color: #2E324B;
border: 0px solid #000;
}


#greyline
{
width:180px;
border: 1px solid #EEEEEE;
padding:7px;
}

.box
{
margin-top:10px;
width:170px;
border: 1px solid #AFB8F3;
padding:7px;
}

#breakoutitem1 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #CED7F0 1px solid; margin-bottom:10px;}
#breakout a {	color: #000;}
#breakoutitem2 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #9AABE1 1px solid; margin-bottom:10px;}
#breakoutitem3 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #FBA550 1px solid; margin-bottom:10px;}
#breakoutitem4 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #A2CCA2 1px solid; margin-bottom:10px;}
#breakoutitem5 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #EBB96B 1px solid; margin-bottom:10px;}
#breakoutitem6 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #171D86 1px solid; margin-bottom:10px;}
#breakoutitem7 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000 1px solid; margin-bottom:10px;}
#breakoutitem8 { left: 0px; padding: 8px; height: auto; width: 182px; position: relative; background-color:#FFF; color: #000; line-height: 1.3em; border: #000066 1px solid; margin-bottom:10px;}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 5px;
padding-top: 5px;
text-align: left;
color:#FFFFF;
background: url('footer.jpg') repeat;
}

#footer A {font-size:smaller; text-decoration: none; color:#FFFFFF; padding-right:20px; }
#footer A:hover {text-decoration: underline; color:#FFFFFF; }