/*

***********************************************************



Title:			styleMain.css



Created: 		Feb.04.2008

Last modified: 	Feb.04.2008



***********************************************************

*/





/* Global reset */

/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; line-height: 18px; }

table { border-collapse:collapse; border-spacing:0; text-align: left; }

fieldset, img { border:0 }

address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }

ol, ul, li { list-style:none }

caption, th { text-align:left }

h1, h2, h3, h5, h5, h6 { font-size:100% }

/*q:before, q:after { content:''}*/



/* Global reset-RESET */



strong { font-weight: bold }

em { font-style: italic }

/*ol, ul, li { list-style:none }*/





/* Basics */



* { margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; }

html { margin:0; padding:0; text-align:center; }

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #8b8b8b;

	background-color: #e4ddcb; /*#e8e3d0;*/	

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}



/* font style */



h1{

font-style:italic;

font-size: 15px;

color:#003366;

}



/* .subnav */

h2{

color: #4e4e4e;	

font-size: 12px;

line-height: 2;

}



/* .content */

.content h1{

color:#643c44;

font-size: 13px;

}



/* .content */

.content h2{

width: 400px;

color:#3f5e6d;

font-size: 13px;

margin:30px 0px 0px 0px;

}



.content h3, .content h4, .content h5, .content h6, .content h7{

width: 400px;

color:#000000;

font-size: 13px;

margin:10px 0px 0px 0px;

}



/* images in content text */

.content img.imgleft {

float: left;

margin: 5px 10px 5px 0;

}



.content img.imgright {

float: right;

margin: 5px 0 5px 10px;

}



p{

color: #222222;	

font-size: 11px;

}



.italic{

font-style:italic;

/*margin: 25px 0px;*/

}



ol, ul, li {

color: #222222;	

font-size: 11px;

}



.imgCaption {

font-size: 11px;

font-style:italic;

padding-left: 10px;

}





/** a { position:relative }  Gets links displaying over a PNG background */

a img { border:0; } /* Gets rid of IE's blue borders */

/*a .alt{ display: none; }*/

.bold { font-weight:bold; }

.gregTxt { color: #484848; }

.desc {}

.stuff { margin: 10px 0px 10px 0px; }



/*--------------------------------------------------*/

/* exyra class for news								*/

/*--------------------------------------------------*/

h3.newsCaption {

font-size: 13px;

font-style:italic;

padding-left: 8px;

width: 200px;

}



.newsImg {

margin-left: 2px;

}



/* Typography */

/*

a:link {color: #FF0000}     - unvisited link 

a:visited {color: #00FF00}  -visited link 

a:hover {color: #FF00FF}    -mouse over link 

a:active {color: #0000FF}   - selected link 

*/





/*--------------------------------------------------*/

/* class for background								*/

/*--------------------------------------------------*/

#header_bgContainer {

position: absolute;

top: 0px;

left: 0px;

width: 100%;

height: 118px;

}

.background_header {

background-repeat: repeat-y;

background-position: top right;

width: 100%;

height: 118px;

}



.background_header_bar {

background-color:#004667;

width: 100%;

height: 53px;

}



.background_filler {

background-image: url(../img/bg_filler.jpg);

background-repeat: repeat-x;

background-position: top center;

background-color: #d9ceb2;

width: 100%;

height: 100%;

}



.footer {

background-image: url(../img/bg_footer.gif);

background-repeat: repeat-x;

position:relative;

left: 50%;

width: 930px;

height: 62px;

margin: 0px 0px 0px -465px;

clear:both;

}

	.footer p {

	text-align: center;

	padding: 3px 0px 0px 0px;

	}

	

	.footer a{

	text-decoration:none;

	color: #FFFFFF;

	}

	

	.footer a.policy {

	color: #643c44;

	font-size: 11px;

	padding-top: 12px;

	float: right;

	}
	
	
	.footer a.terms {

	color: #643c44;

	font-size: 11px;

	padding-top: 12px;

	position: absolute;
	
	right: 100px;

	}

/*--------------------------------------------------*/

/* class for container								*/

/*--------------------------------------------------*/

.container {

position: absolute;

top: 0px;

left: 50%;

width: 930px;

height: 100%;

margin-left: -465px; /* width/2 */

padding: 0px;

}



/* class for header --------------------------------*/

.header {

width: 929px;

height: 118px;

margin: 0px;

padding: 0px;

text-align:left;

}



/* class for navigation ----------------------------*/

.primary_nav {

width: 929px;

height: 25px;

margin: 0px;

padding: 0px;

margin-left: 0px;

text-align:center;

}



	ul.main_navigation {

	list-style-type: none;

	white-space: nowrap;

	margin: 0px;

	margin-bottom: -6px;

	padding: 0px;

	}

	

	li.main_navigation {

	display: inline;

	margin: 0px;

	margin-right: -4px;

	*margin-right: 0px;

	padding: 0px;

	padding-right: 2px;

	}



/* class for content_box ----------------------------*/

.content_box{

background-image: url(../img/content_bg_line.png);

background-repeat:repeat-y;

overflow: hidden;

*overflow:visible;

/*position: relative;*/

width: 929px;

margin: 0px auto;

padding: 16px 0px 10px 23px;

text-align:left;

min-height: 100%;

height: auto !important;

height: 100%;

}



/* class for subnav ----------------------------*/

.subnav_header{

background-repeat:no-repeat;

background-position: left 6px;

width: 900px;

height: 55px;

}



	.subnav_header h1{

	padding: 20px 0px 0px 275px;

	}



	.subnav_header .index{

	padding: 20px 0px 0px 22px;

	float: left;

	}

	

	.subnav_header .news_btn {

	display: block;

	width: 253px;

	height: 52px;

	float: left;

	}



.subnav{

float:left;

background-image:url(../img/subnav_border.jpg);

background-repeat:repeat-y;

width: 255px;

}

	div.subnav h2{

	margin: 15px 0px 0px 0px;

	padding-left: 23px;	

	}

	

	.subnav_act{

	background-color:#ddd5bc;

	}

	

	.subnav * a{

	/*width: 215px;*/

	text-decoration:none;

	color: #4e4e4e;

	}

	

	.subnav * a:hover{

	text-decoration: underline;

	color: #004667;

	}



	.subnav_bottom{

	background-image:url(../img/subnav_bottom.jpg);

	background-repeat: no-repeat;

	width: 255px;

	height: 25px;

	}

	

	div.subnav_1 ul {

	/*width: 215px;	

	margin: 5px 0px 0px 25px;

	margin: 0;

	padding: 0;*/

	}

	

	.subnav_1 li{

/*	list-style-image: url(../img/icon_unselected.jpg); */

	background: url(../img/icon_unselected.jpg) no-repeat 0px 5px;

	margin: 5px 0px 0px 25px;

	padding-left: 15px;

	}

	

	.highlight_1{

	background-color:#c3c3c3;

	margin: 0;

	*margin: 0px -15px 0px -23px;	

	*padding-left: 23px;

	}

	

	li.selected {

/*	list-style-image: url(../img/icon_selected.jpg); */

	background: url(../img/icon_selected.jpg) no-repeat 0px 5px;

	}

	

	.subnav_1 h2 a{/*** was .subnav_1 * a ***/

	color: #6a6a6a;

	font-size: 11px;

	}



/* class for content ----------------------------*/

.content{

/*float:right;

clear: both;*/

margin: 0px;

margin-left: 294px;

*margin-left: 289px;

padding: 0px;

width: 610px;

	color: #222222;

}





	.content_right{

	float:right;

	margin: 0px;

	padding:0px 4px 0px 4px;

	*padding:0px 2px 0px 4px;

	width: 200px;

	}

	

	.content_right ul{

	margin:0px 0px 0px 15px;

	padding: 0px;

	}

	

		.subnav_2{

		background-color:#f4f1e6;

		padding:0px 5px;

		margin: 0px;

		}

		

		.subnav_2 * a{

		/*color: #514a36;    hard coded in displaySubnav_2() func*/

		font-size: 11px;

		text-decoration:none;

		}

		

		.content * .subnav_2 * a{

		color: #514a36;

		text-decoration:none;

		}

		.content * .subnav_2 * a:hover{

		text-decoration: underline;

		color: #004667;

		}

		

		.subnav_2_top{

		background-color: #ddd5bc;

		padding-left: 5px;		

		margin: 0px;

		color: #4e4e4e;	

		font-size: 12px;

		font-weight: bold;

		line-height: 2;

		}

		

		.subnav_2_bottom{

		background-color: #ddd5bc;

		height: 10px;

		padding: 0px;		

		margin: 0px;	

		}

				

		li.listStyle_2 {

		/* hard coded in displaySubnav_2() func*/

		/*list-style-image: url(../img/icon_list_2.gif);

		*list-style-image: url(../img/icon_list_2.gif);*/

		margin:5px 0px 0px 0px;

		padding: 0px;	

		}

		

		.subnav_3{	

		padding:5px 0px;

		margin: 0px;

		}

		

		.subnav_3 * a{

		/*color: #8c8262;   hard coded in displaySubnav_31() and displaySubnav_32() func*/

		}

		

		.content_right li .listStyle_3{

		/*list-style-image:none;  hard coded in displaySubnav_31() and displaySubnav_32() func*/

		margin: 5px 0px;

		}	

		

		.subnav_4{

		background-color:#723a45;

		padding:5px 5px;

		margin: 0px 0px 0px 0px;

		}

		

		.subnav_4 * a{

		/*color: #ffffff;  hard coded in displaySubnav_4() func*/

		font-size: 11px;

		text-decoration:none;

		}

		

		.subnav_4_bottom{

		background:url(../img/subnav_4_bottom.gif) no-repeat 0 0;

		height: 12px;

		}

		

		li .listStyle_4{

		list-style-image:none;

		}	

		

		li .listStyle_4_act{

		/*list-style-image:url(../img/icon_list_4.gif);*/

		}		

		

		.content_right img{

		margin: 10px 10px;

		/*width: 146px;*/

		}

	

	.content p{

	/*width: 400px;

	width: 550px;*/

	}

	

	.content * a{

	color: #000066;

	font-size: 11px;

	text-decoration:underline;

	}

	

/*

	.content * a{

	color: #222222;

	font-size: 11px;

	text-decoration:none;

	}

	

	.content h3{

	margin:0px 0px 5px 0px;	

	}

	

	.content h4{

	margin:50px 0px 0px 0px;	

	}

	

	.content h5{

	margin:10px 0px 0px 0px;	

	}

*/

	.content ul {

	/*width: 350px;*/

	margin:0px 0px 0px 15px;

	padding: 0px;

	}

	

	.content li {

	list-style-image: url(../img/icon_list_1.jpg);

	*list-style-image: url(../img/icon_list_1.jpg);

	margin:5px 0px 0px 0px;

	padding: 0px;	

	}

	

		

	/*By Megumi*/

	.content ul.listStyle_inside {

	margin:0px 0px 0px 15px;

	padding: 0px;

	}

	

	.content li.listStyle_inside {

	margin: 5px 0px 0px 0px;

	padding: 0px;	

	list-style-type:lower-alpha;

	}

	

	

	.content_video {

	width: 200px;

	height: 150px;

	background: url(../img/bg_blue.jpg) no-repeat;

	margin-top: 10px;

	

	}

	

	.content_video h1{

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	text-align: left;

	padding-left: 20px;

	width: 200px;	

	}

	

	.content_video p{

	width: 90px;

	}

	

	.content_img {

	width: 200px;

	height: 105px;

	padding-left: 15px;

	}

	

	.content_img img{

	float: left;

	margin: 0;

	padding: 0;

	}

	

	.content_img img.videoImg{

	width:80px;

	height:100;

	margin: 7px 2px 0 14px;

	}

	

	.content_img img.videoIcon {

	width:16px;

	height:16px;

	margin: 0 12px;

	}

	

	.content_img p{

	padding: 7px 0;

	text-align: center;

	width: 85px;

	font-size: 9px;

	color: #003466;

	}

	

	.content_txt{

	width: 85px; 

	float: left;

	}

	/*

	.content_img img.videoImg{

	width:80px;

	*width:60px;

	height:100;

	border: 1px solid;

	margin:0px;

	margin-left: 30px;

	margin-top: 7px;

	}

	

	.content_img img.videoIcon{

	width:16px; height:16px;

	margin-bottom: 0px;

	}

	

	.content_img p{

	font-size: 9px;

	text-align: left;

	color: #003466;

	margin-bottom: 0px;

	}

	

	.content_txt{

	width: 40px; 

	margin-top: 10px;

	float: right;

	padding-right: 50px; 

	*padding-right: 5px;

	}

	*/

	

	/*table*/

	.content table{

	width: 95%;

	}

	

	.content td{

	height: 120px;

	color: #222222;

	font-size: 11px;

	padding: 2px;

	vertical-align: top;

	}

	

	.content td img{

	margin-top: 10px;

	margin-bottom: 10px;

	}

	

	

	.content p.txt1{

	color: #3f5e6d;

	font-weight: bold;

	font-size: 14px;

	width: 250px;

	margin-left: 8px;

	}

	

	.content p.txt2{

	width: 250px;

	margin-left: 8px;

	}

	

	.content p.txt3{

	width: 400px;

	color: #3f5e6d;

	font-weight: bold;

	font-size: 14px;

	text-align: center;

	}

	

	.btn{

	margin-left: 8px;

	margin-right: 8px;

	}

	/*end--table*/

	

	/*END*/

	

/* thumbnail enlarge Image - start */

.thumbnail{

position: relative;

z-index: 0;

}



.thumbnail:hover{

background-color: transparent;

z-index: 50;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

left: -100px;

padding: 0px;

*padding: 55px;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span{ /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: -30px; /*position where enlarged image should offset horizontally */

}



/* thumbnail enlarge Image - end */