/* css reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}

/* end css reset */

@media screen {

	body {
		background-color: #d0e5e3;
		background-image: url(images/bg_body.jpg);
		background-repeat: repeat-x;
		text-align: center;
	}

}

@media print {

	body {
		text-align: center;
	}

}

#main_frame {
	width: 900px;
	background-image: url(images/bg_main_frame.png);
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
}

#translate { position: relative; }

h3 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0d3459;
	padding: 20px 0 0 0;	
}

p {
	padding: 8px 0;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0d3459;
}

#header {
	/*background-image: url(images/bg_header.jpg);*/
	width: 900px;
	height: 100px;
	position: relative;
	z-index: 0;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}



@media screen {
	
	#top_nav {
		background-image: url(images/bg_top_nav.png);
		height: 26px;
		width: 575px;
		position: absolute;
		bottom: 10px;
		right: 0px;
	}
	
	#top_nav li {
		display: inline;
	}
	
	#top_nav a {
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		color: #072a4e;
		display: block;
		float: left;
		background-color: transparent;
		padding: 6px 10px;
	}
	
	#top_nav a:hover {
		background-color: #fff;
	}
	
	
	#left_nav {
		width: 233px;
		padding-bottom: 20px;
		float: left;
	}
	
	#left_nav ul {
		padding: 10px;
	}
	
	#left_nav h3, .blue_half h3 {
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		padding: 8px;	
	}
	
	#left_nav a {
		display: block;
		padding: 8px 0 8px 14px;
		text-decoration: none;
		background-image: url(images/bg_left_nav_a.gif);
		background-position: left center;
		background-repeat: no-repeat;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
	}
	
	#left_nav .red {
		background-image: url(images/bg_left_nav_red.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #9b1616;
		margin-top: 8px;
	}
	
	#left_nav .red a:hover {
		background-color: #cc6666;
	}
	
	
	#left_nav .green {
		background-image: url(images/bg_left_nav_green.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #385b35;
		margin-top: 8px;
	}
	
	#left_nav .green a:hover {
		background-color: #9bb498;
	}
	
	#left_nav .blue {
		background-image: url(images/bg_left_nav_blue.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #275193;
		margin-top: 8px;
	}
	
	#left_nav .blue a:hover {
		background-color: #a2bde6;
	}
	
	#left_nav .pink {
		background-image: url(images/bg_left_nav_pink.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #932741;
		margin-top: 8px;
	}
	
	#left_nav .blue a:pink {
		background-color: #e195a7;
	}
	
	
	#left_nav .yellow {
		background-image: url(images/bg_left_nav_yellow.gif);
		background-position: top;
		background-repeat: no-repeat;
		background-color: #ba7200;
		margin-top: 8px;
	}
	
	#left_nav .yellow a:hover {
		background-color: #f2cd93;
	}
	
	#left_nav .yellow h4 {
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		padding: 8px;
		display: block;
		background-color: #d56f1b;
		border-top: 1px dotted #fff;
		border-bottom: 1px dotted #fff;
	}
	
	#left_nav .yellow h4 a {
		font-family: Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		padding: 0 12px;
	}
	
}

@media print {
	
	#top_nav { display: none; }
	#left_nav { display: none; }
	#translate_button { display:none; }
	#english_button { display:none; }

}

.banner_left {
	width: 233px;
	margin-top: 8px;
}

#content {
	width: 652px;
	float: left;
	display: inline;
	margin: 8px 0 0 15px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0d3459;
}

.blue_half {
	width: 320px;
	height: 190px;
	background-image: url(images/bg_blue_half.gif);
	background-repeat: no-repeat;
	background-color: #7a96ac;
	margin-top: 8px;
	float: left;
}

.blue_half img {
	padding: 12px 0 0 12px;
}

.note {
	float: left;
	margin-top: 8px;
	padding-left: 2px;
	display: inline;
}

.gray_full {
	width: 652px;
	background-image: url(images/bg_gray_full.gif);
	background-repeat: no-repeat;
	background-color: #dbdbdb;
	margin-top: 8px;
	float: left;
}

.pink_full {
	width: 652px;
	background-image: url(images/bg_pink_full.gif);
	background-repeat: no-repeat;
	background-color: #f0c6c6;
	margin-top: 8px;
	float: left;
}

.green_full {
	width: 652px;
	background-image: url(images/bg_green_full.gif);
	background-repeat: no-repeat;
	background-color: #d5e8cf;
	margin-top: 8px;
	float: left;
}



.gray_full h3, .pink_full h3, .green_full h3 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #0d3459;
	padding: 8px 8px 15px 8px;	
}

.gray_full p, .pink_full p {
	display: inline;
	float: left;
	width: 300px;
	padding: 12px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0d3459;
}

.green_full p {
	display: inline;
	float: left;
	width: 300px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #0d3459;
	padding: 6px 12px;
}

.banner_full {
	width: 652px;
	margin-top: 8px;
	float: left;
}

.banner_half_left {
	widows: 321px;
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}

.banner_half_right {
	widows: 321px;
	float: left;
	margin-top: 8px;
}

#content {
	line-height: 16px;
}

#content ul {
	padding: 10px 20px;
}

#content ol {
	padding: 10px 20px;
}


#content ul li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 4px 0;
	color: #0d3459;
	list-style: square;
	
}

#content ol li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 4px 0;
	color: #0d3459;
	list-style-type: decimal;
	
}

#content ol ol li {
	font-family: Arial, sans-serif;
	font-size: 12px;
	margin: 4px 0;
	color: #0d3459;
	list-style-type: lower-alpha;
	
}

#content a {
	color: #395b7b;
	font-size: 12px;
}

#content a:hover {
	color: #78afdb;
	font-size: 12px;
}

#inner_header {
	height: 34px;
	background-image: url(images/bg_inner_header.gif);
	background-repeat: no-repeat;
}

#inner_header h2 {
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 8px;	
}

@media screen {

	#inner_subheader {
		background-image: url(images/bg_inner_subheader.gif);
		background-repeat: repeat-x;
		padding: 10px 0 0 10px;
		height: 145px;
		border-top: 1px dotted #76add9;
	}
	
	#inner_submenu {
		padding: 5px;
		margin-top: 1px;
		background-color: #cfe5e3;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #0d3459;
	}
	
	#inner_submenu ul {
		margin: 0;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#inner_submenu ul li {
		display: inline;
		padding-right: 7px;
		padding-left: 7px;
		margin: 0;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#inner_submenu ul li a:link, #inner_submenu ul li a:visited {
		font-weight: normal;
		padding-bottom: 0;
		padding-top: 0;
	}
	
	#inner_submenu select {
		border: 1px #7a96ac solid;
		width: 50%;
	}

	#footer {
		height: 59px;
		background-image: url(images/bg_footer.gif);
		background-repeat: repeat-x;
	}
	
	#footer p {
		font-family: Arial, sans-serif;
		font-size: 10px;
		color: #fff;
		text-align: center;
		padding-top: 10px;
	}
	
	#bottom_logos {
		text-align: center;
	}
	
	#bottom_shadow {
		margin-bottom: 20px;
	}
	
	#videos {
		padding: 5px;
		margin-top: 1px;
		background-color: #cfe5e3;
		text-align: left;
		font-family: Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #0d3459;
	}

}

@media print {
	
	#inner_subheader { display:none; }
	#inner_submenu { display:none; }
	#footer { display:none; }
	#bottom_logos { display:none; }
	#bottom_shadow { display:none; }

}

b {
	font-weight: bold;
}
strong {
     font-weight: bold;
}

table.regtbl {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}
table.regtbl th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.regtbl td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.regtbl {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: transparent;
}
table.regtbl th {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
	line-height: 15px;
}
table.regtbl td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: transparent;
	-moz-border-radius: 0px 0px 0px 0px;
}
.imgTop {
     display:block;
 	text-align: right;
}

#grid 
{
	border:1px solid #AECAE0;
	border-collapse:collapse;
}
#grid td
{
	padding:5px;
}

#credit a { text-decoration:none; color:#ffffff !important; }

/* translations */	
.popup { visibility:hidden; border:2px solid #344E81; z-index:20; position:absolute; top:30px; right:10px; background-color:#ffffff;}
.popup_table { padding:14px 18px 20px 18px;}
.buttons { text-align:right; padding-top:12px;}
.popup_field { color:#000000; font-size:12px; line-height:15px; padding-top:4px;padding-bottom:5px;padding-left:8px;}
.popup_label { background-color:#FFF; color:#000000; font-size:12px; line-height:15px; padding-top:6px; padding-bottom:8px;padding-right:6px; text-align:right;}
.shim { visibility: hidden; z-index:10; position:absolute; top:30px; right:10px; background: transparent;}
.yellow_button { background-color:#83ACCC; border-width:1px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#000000; text-decoration:none; height:24px; }
#translate { position: absolute; top: 0; right: 20px; }
#translate_button { position: absolute; right: 10px; width:380px; }
	#translate_button a { color: #fff; font-weight: bold; font-size: 11px; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; }
#english_button	 { position: absolute; right: 10px; width:380px;  }
	#english_button a { color: #000; font-weight: bold; font-size: 11px; font-family: Arial, helvetica, sans-serif; text-transform: uppercase; }

