/* CSS Document */
body{position:relative; padding:0px; margin:0px; background:url(images/bg.jpg) 0 0 repeat #fff; color:#5E5E5E; font:13px Arial, Helvetica, sans-serif;}
div, p, ul, h2, h3, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

/* BORDER: top, right, bottom, and left */

/*----TOP PANEL----*/
#topPanel{
width:800px; 
height:150px; 
position:relative; 
margin:0 auto; 
background: #046598; 
color:#fff;
}

/*----MENU BOX----*/
#topMenu{width:750px; height:18px; position:absolute; top:125px; left:30px;}
#topMenu ul{width:740px; border:}
#topMenu ul li{width:105px; float:left;}
#topMenu ul li a{display:block; background:#fff; color:#4A4A4A; font:12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; text-align:center; text-transform:uppercase;}
#topMenu ul li a:hover{background:#fff; color:#0574AF; text-decoration:none; border: 1px solid gray;}

/*----MAIN CONTENT CONTAINER----*/
#container{
width: 800px;
height:auto;
margin: auto;
background-color: #fff;
color: #333;
line-height: 130%;
}

/*----FLASH PANEL----*/
#flashpanel{
width:800px; 
height:150px; 
z-index: 0;
padding: 0;
background-color: #ddd;
}
#flashpanel img.logo{
width:245px; 
height:37px; 
position:absolute; 
top:33px; 
left:43px;
}

/*----INTRO PANEL----*/
#intropanel{
width: 750px; 
padding: 15px;
background-color: #fff;
}
#intropanel p {
background:#fff; 
color:#4F4F4F;
}
#intropanel p span{
background:#fff; 
color:#046598; 
font-weight:bold;
}

/*----CONTENT CONTAINER----*/
#content{
width: 800px;
}

#content h2{
color:#00111A; 
font:24px, Arial, Helvetica, sans-serif; 
font-weight:bold;
}
#content h2 span{color:#046598; font-weight:bold;}

/*----LEFT CONTENT PANEL----*/
/* BORDER: top, right, bottom, and left */
#leftpanel{
float: left;
width: 490px;
padding: 15px 7px 7px 7px;
border: 1px solid gray;
background-color: #fff;
}
#leftpanel p {padding: 5px 10px 10px 15px;}
#leftpanel img {float:left; padding: 5px 15px 0 0;}

/*----RIGHT CONTENT PANEL----*/
/* BORDER: top, right, bottom, and left */
#rightpanel{
width: 265px;
padding: 15px 7px 7px 7px;
margin-left: 515px;
background-color: #ddd;
}

#rightpanel ul{width:180px; margin:0 0 10px 15px;}
#rightpanel ul li{width:180px; height:20px;}
#rightpanel ul li a{width:200px; height:18px; display:block; background:url(images/button.gif) 0 6px no-repeat #F3F3F3; color:#1A1A1A; text-decoration:none; padding:0 0 0 20px;}
#rightpanel ul li a:hover{background:url(images/button-hover.gif) 0 6px no-repeat #F3F3F3; color:#797878; text-decoration:none;}

#rightpanel p{padding: 0 0 0 10px;}
#rightpanel p.boldtext{padding:3px 0px 3px 5px; font-size:14px; background:#F3F3F3; color:#1A1A1A; font-weight:bold;}


/*----BLURB COMPONENT----*/
#comboBlurb{
width:480px; 
height:73px;  
position:relative; 
border:1px 
solid #DADADA; 
background:#F3F3F3; 
color:#1A1A1A; 
}
#comboBlurb p{
	position:absolute;
	top:7px;
	left:72px;
	width:382px;
	text-align:left;
	color:#046598;
	font:13px Arial, Helvetica, sans-serif;
	height: 42px;
}

#comboBlurb img{
width: 60px; 
height: 60px;
border: 1px solid #DADADA; 
padding: 0px; 
margin: 6px 6px 0;
}

/*----FOOTER PANEL----*/
#footer{
clear: both;
height:90px; 
width:800px; 
background: url("images/footerbg.gif") 0 0 repeat-x #fff; 
color:#010101;
}

/*----FOOTER CONTENT----*/
#footerMenu{
width:540px; 
height:20px; 
top:15px; 
left:11px;
position:relative; 
margin:0 auto;
}

#footerMenu ul{position:relative;}
#footerMenu li{float:left;}
#footerMenu ul li a{padding:0 10px 0; color:#010101; text-decoration:none;}
#footerMenu ul li a:hover{text-decoration:underline;}

#footerEnd{
	width:480px;
	height:20px;
	position:relative;
	top:32px;
	margin:0 auto;
}

#copyright{
	width:480px;
	height:15px;
	position:absolute;
	color:#04496D;
	font-size:12px;
	text-align: center;
}
#htmlValidate{width:55px; height:15px; position:absolute; top:1px; left:205px; display:block; }
#htmlValidate a{width:48px; height:11px; display:block; background:url(images/blue-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#htmlValidate a:hover{background:url(images/gray-arrow.gif) 85% 60% no-repeat #fff; color:#4F4F4F;}

#cssValidate{width:55px; height:15px; position:absolute; top:1px; left:275px; display:block;}
#cssValidate a{width:40px; height:11px; display:block; background:url(images/blue-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F; border:1px solid #DEDEDE; line-height:11px; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 0 0 10px; text-transform:uppercase;}
#cssValidate a:hover{background:url(images/gray-arrow.gif) 35px 3px no-repeat #fff; color:#4F4F4F;}

#eyesci{width:135px; height:15px; position:absolute; left:345px; color:#04496D; display:block; font-size:12px;}
#eyesci a{color:#04496D; font-size:12px; text-decoration:none;}
#eyesci a:hover{text-decoration:underline;}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
background: transparent url(images/examplebox2.png) no-repeat bottom right; 
} 
.cssbox { 
width: 335px !important; /* intended total box width - padding-right(next) */ 
width: 320px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin: 20px auto; /* use to position the box */ 
margin-left: 510px;
} 
/* set the top-right image */ 
.cssbox_head { background-position: top right; margin-right: -15px; /* pull the right image over on top of border */ padding-right: 40px; /* right-image-gap + right-inside padding */ }
 /* set the top-left image */ 
.cssbox_head h2 { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ } 
/* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 25px; /* interior-padding right */ padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ } 



/******* NEWS SECTION **********/
#leftpanel_news{
float: left;
width: 640px;
padding: 7px 0px 7px 10px;
background-color:#eee;

}
#leftpanel_news p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; padding: 5px 0px 10px 5px;}
#leftpanel_news p a:link, #leftpanel_news p a:visited {color: #cc335e; text-decoration:none;}
#leftpanel_news p a:hover, #leftpanel_news p a:active {color: #cc335e; text-decoration: none; border-bottom: 1px solid #cc335e;}
#leftpanel_news img {float:left; padding: 0; margin:0;}

#toparea {width: 632px; height: 25px;}
#toparea {font-size: 11px; color: #999;}
#toparea a:link, #toparea a:visited {color: #666; text-decoration:underline;}
#toparea a:hover, #toparea a:active {color: #cc335e; text-decoration: underline;}

#newsletter_wrapper {width: 632px; height: 100%;float: left;}
#newsletter_content {width: 632px; height: 100%; float: left; background-color:white;}

div.topic_container {width: 296px; /*height: 134px;*/ height:190px; float: left; background: white; padding: 5px 10px 5px 10px;}
div.topic_container p {line-height: 18px;}
div.topic_container p.p_jp {line-height: 18px; font-size: 14px;}
div.topic_container p a:link, div.topic_container p a:visited {color: #cc335e; text-decoration:none;}
div.topic_container p a:hover, div.topic_container p a:active {color: #cc335e; text-decoration: underline;}

.clear {clear:both; height: 0; margin: 0; padding: 0;}

h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px; line-height: 24px;}
h4 {font-size: 13px; color: #5b830a; font-weight:bold; line-height: 28px; margin: 0; padding: 5px 0 0 0;}

#newsletter_content .main_subtitle {font-size: 12px;}
#newsletter_content .title {font-size: 12px; font-weight:bold;}
#newsletter_content .milestone {font-size: 12px;}
#newsletter_content .green {color: #5b830a;}
#newsletter_content .pink {color: #cc335e; font-weight: bold;}
#newsletter_content .firstletter {font-size: 24px;}



.dotted {border-bottom: dotted 2px #ccc;}

#rightpanel_news{
float: left;
width: 140px;
height: 100%;
padding: 10px 5px 7px 5px;
background-color:white;

}

#rightpanel_news p {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; padding: 5px 0px 10px 5px;}
#rightpanel_news p a:link, #rightpanel_news p a:visited {color: #cc335e; text-decoration:none;}
#rightpanel_news p a:hover, #rightpanel_news p a:active {color: #cc335e; text-decoration: none; border-bottom: 1px solid #cc335e;}
#rightpanel_news img {float:left; padding: 0; margin:0;}

#rightpanel_news ul {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; padding: 20px 0px 10px 5px;}
#rightpanel_news ul li { padding-left: 10px;}
#rightpanel_news ul li a {color: #cc335e; text-decoration: none;}


/************* NEWSLETTER **************/
div.topic_box {width: 296px; /*height: 134px;*/ height:190px; float: left; background: white; padding: 5px 10px 5px 10px;}
div.topic_box p {line-height: 18px;}
div.topic_box p.p_jp {line-height: 18px;link font-size: 14px;}
div.topic_box p a:link, div.topic_box p a:visited {color: #cc335e; text-decoration:none;}
div.topic_box p a:hover, div.topic_box p a:active {color: #cc335e; text-decoration: underline;}


td a:link, td a:visited {color: #cc335e; text-decoration:none;}
td a:hover, td a:active {color: #cc335e; text-decoration: underline;}

table a:link {color: #cc335e;}

.main_subtitle {font-size: 12px;}
.title {font-size: 12px; font-weight:bold;}
.milestone {font-size: 12px;}
.green {color: #5b830a;}
.pink {color: #cc335e; font-weight: bold;}
.firstletter {font-size: 24px;}