/**** GLOBAL *************************************************************************************/
html, body { height:100%; margin:0; padding:0; font:1em Tahoma; }
div, ul, li, h1, h2, h3, h4, p, a, form, label, input, textarea, img, span { margin:0; padding:0; }
a { outline:none; }
a:link, a:active, a:visited { text-decoration:none; }

.preload { width:0; height:0; overflow:hidden; }

/**** LAYOUT:PAGE ********************************************************************************/
div#page { min-width:800px; min-height:100%; margin:0 auto -129px auto; background-color:rgb(30, 100, 200); }

/**** LAYOUT:HEADER ******************************************************************************/
div#page div#header div.wrapper { width:800px; height:130px; margin:0 auto; position:relative; }
div#page div#header div.wrapper div#logo { width:467px; height:95px; margin:20px 0 0 0; float:left; background:url('../images/logo.png') no-repeat; }
div#page div#header div.wrapper div#search { width:321px; height:55px; position:absolute; right:0; top:60px; background:url('../images/search_bar.png') no-repeat; }
div#page div#header div.wrapper div#search input.text { width:252px; height:21px; margin:10px 0 10px 15px; float:left; padding:3px; border:none; font:1em Tahoma; font-weight:bold; background:none; color:white; }
div#page div#header div.wrapper div#search input.button { width:32px; height:26px; margin:10px 16px 0 0; padding-bottom:3px; float:left; font:1em Tahoma; color:white; border:none; background:url('../images/search_button.png') no-repeat 0 0; }
div#page div#header div.wrapper div#search input.button:hover { background-position:0 -26px; }
div#page div#header div.wrapper div#search input.button:active { background-position:0 -52px; }

/**** LAYOUT: MENU ********************************************************************************/
div#page div#menu { width: 800px; margin: 0 auto; }

div#page div#menu ul#nav {
	width:			754px;
	margin:			0;
	padding:		0 6px 7px;
	background:		url(../images/menu_bg.png) repeat-x;
	line-height:		100%;
	float:left;
}

div#page div#menu ul#nav li {
	margin:		0 5px;
	padding:	0 0 8px;
	float:		left;
	position:	relative;
	list-style:	none;
}

/* main level link */
div#page div#menu ul#nav a {
	line-height:		100%;
	font-weight:		bold;
	color:			#fff;
	text-decoration:	none;
	display:		block;
	padding:		16px 20px 14px;
	margin:			0;
}

div#page div#menu div.left { width:17px; height:54px; float:left; background:url('../images/menu_lt.png') no-repeat; }
div#page div#menu div.right { width:17px; height:54px; float:left; background:url('../images/menu_rt.png') no-repeat; }

div#page div#menu ul#nav span.left { position:absolute; left:-4px; top:0; width:7px; height:54px; background:none; }
div#page div#menu ul#nav span.right { position:absolute; right:-4px; top:0; width:7px; height:54px; background:none; }

div#page div#menu ul#nav .current span.left, 
div#page div#menu ul#nav li:hover > span.left { background:url('../images/menu_btn_lt_hl.png') no-repeat; }


div#page div#menu ul#nav .current span.right, 
div#page div#menu ul#nav li:hover > span.right { background:url('../images/menu_btn_rt_hl.png') no-repeat; }


div#page div#menu ul#nav li ul a { height:auto; padding: 8px 20px 8px;}

div#page div#menu ul#nav a:hover { background: #000; color: #fff; }

/* main level link hover */
div#page div#menu ul#nav .current a, 
div#page div#menu ul#nav li:hover > a {
	background:		url(../images/menu_btn_bg_hl.png) repeat-x;
	color:			#000;
}

/* sub levels link hover */
div#page div#menu ul#nav ul li:hover a, 
div#page div#menu ul#nav li:hover li a {
	background:		none;
	border:			none;
	color:			#fff;
}

div#page div#menu ul#nav ul a:hover {
	color:			#000 !important;
}

/* dropdown */
div#page div#menu ul#nav li:hover > ul { display: block; }

/* level 2 list */
div#page div#menu ul#nav ul {
z-index:999;
	display:		none;
	margin:			13px 0 0;
	padding:		0;
	width:			185px;
	position:		absolute;
	top:			35px;
	left:			0;
}

div#page div#menu ul#nav ul li {
background:url(../images/dropdown_bg.png) repeat-y;
}

div#page div#menu ul#nav ul li:hover {
background:url(../images/dropdown_bg_hl.png) repeat-y;
}
div#page div#menu ul#nav ul ul { margin:0; }

div#page div#menu ul#nav li.headfoot,
div#page div#menu ul#nav li.headfoot:hover { background:none; }
div#page div#menu ul#nav li.headfoot div.top { width:185px; height:10px; background:url(../images/dropdown_top.png) no-repeat; }
div#page div#menu ul#nav li.headfoot div.bottom { width:185px; height:15px; bottom:0; background:url(../images/dropdown_bottom.png) no-repeat; }

div#page div#menu ul#nav ul li {
	float:		none;
	margin:		0;
	padding:	0;
}

div#page div#menu ul#nav ul a {
	font-weight: normal;
	background:url(../images/dropdown_bg.png) repeat-y;
}

/* level 3+ list */
div#page div#menu ul#nav ul ul { left: 180px; top: -3px; }

/* clearfix */
div#page div#menu ul#nav:after {
	content:	".";
	display:	block;
	clear:		both;
	visibility:	hidden;
	line-height:	0;
	height:		0;
}

div#page div#menu ul#nav { display: inline-block; } 

/**** LAYOUT:BODY ********************************************************************************/
div#page div#body div.wrapper { width:800px; margin:10px auto; color:white; }
div#page div#body div.wrapper p.tip { margin-bottom:10px; font:1em Verdana; }
div#page div#body div.wrapper p.tip a { width:775px; padding:5px 10px; display:inline-block; color:white; text-decoration:none; background:#6598e1; }
div#page div#body div.wrapper p.tip a:hover { color:black; background:#f2b65f; }

div#page div#body div.wrapper div.button_left { width:220px; height:221px; float:left; margin:10px 15px 10px 0; padding:15px; }
div#page div#body div.wrapper div.button_middle { width:250px; height:251px; float:left; margin:10px; }
div#page div#body div.wrapper div.button_right { width:250px; height:251px; float:left; margin:10px 0 10px 15px; }
div#page div#body div.wrapper div.red { background:url('../images/button_red.png') no-repeat; }
div#page div#body div.wrapper div.blue { background:url('../images/button_blue.png') no-repeat; }
div#page div#body div.wrapper div.green { background:url('../images/button_green.png') no-repeat; }

/**** LAYOUT:FOOTER ******************************************************************************/
div#page div#footer_buffer { height:129px; }
div#footer { height:109px; background:none; }
div#footer div.wrapper { width:800px; height:109px; margin:10px auto 10px auto; }
div#footer div.wrapper a { text-decoration:none; color:white; }
div#footer div.wrapper a:hover { text-decoration:underline; }
div#footer div.wrapper div.nav { width:150px; margin:10px 5px 0 0; color:white; font:1em Tahoma; float:right; }
div#footer div.wrapper div.nav ul { list-style:none; }
div#footer div.wrapper div.nav ul li a { width:130px; padding:2px 10px; display:inline-block; color:white; text-decoration:none; }
div#footer div.wrapper div.nav ul li a:hover { background:#6598e1; }
div#footer div.wrapper div.legal { color:white; font:1em Tahoma; float:left; margin:10px 10px 10px 0; }
div#footer div.wrapper div.validator { width:200px; margin:10px 0 0 0; }
div#footer div.wrapper div.validator img { border:0; width:88px; height:31px; }

/**** LAYOUT:FORM ********************************************************************************/
div#page div#body div.wrapper div.group { width:500px; padding-top:5px; display:inline-block; }
div#page div#body div.wrapper div.group div.top_left { width:10px; height:10px; float:left; background:url('../images/form_tp_lt.png') no-repeat; }
div#page div#body div.wrapper div.group div.top_center { width:480px; height:10px; float:left; background:url('../images/form_tp_bg.png') repeat-x; }
div#page div#body div.wrapper div.group div.top_right { width:10px; height:10px; float:left; background:url('../images/form_tp_rt.png') no-repeat; }

div#page div#body div.wrapper div.group div.center_left { width:475px; float:left; padding-left:10px; background:url('../images/dropdown_left.png') repeat-y #3e7ed9 left; }
div#page div#body div.wrapper div.group div.center_right { width:500px; float:right; background:url('../images/dropdown_right.png') repeat-y transparent right; }

div#page div#body div.wrapper div.group div.bottom_left { width:10px; height:15px; float:left; background:url('../images/form_bm_lt.png') no-repeat; }
div#page div#body div.wrapper div.group div.bottom_center { width:480px; height:15px; float:left; background:url('../images/form_bm_bg.png') repeat-x; }
div#page div#body div.wrapper div.group div.bottom_right { width:10px; height:15px; float:left; background:url('../images/form_bm_rt.png') no-repeat; }

div#page div#body div.wrapper fieldset { border:none; font:1em Verdana; margin:0; width:475px; position:relative; display:block; padding:0; }
div#page div#body div.wrapper legend { font:1.2em Tahoma; font-weight:bold; color:white; }
div#page div#body div.wrapper fieldset h1 { font:1em Verdana; color:black; padding:5px 10px; margin-top:15px; background:#6598e1; border:1px solid rgb(30, 100, 200); }
div#page div#body div.wrapper fieldset p { width:100%; display:inline-block; margin-top:4px; position:relative; }
div#page div#body div.wrapper fieldset p a { color:white; text-decoration:none; }
div#page div#body div.wrapper fieldset p a:hover { text-decoration:underline; }
div#page div#body div.wrapper fieldset p span { float:left; margin-left:15px; }
div#page div#body div.wrapper fieldset p span.left { width:35%; }
div#page div#body div.wrapper fieldset p span.right { margin:0; }
div#page div#body div.wrapper fieldset p span.error { width:300px; position:absolute; left:485px; padding-top:4px; }
div#page div#body div.wrapper fieldset p label { background:url('../images/input_label_bg.png') no-repeat 0 0; color:#000000; font:.9em Verdana; font-weight:bold; border-width:0px; display:block; float:left; width:150px; height:31px; text-align:left; margin:0; padding:5px 0px 0px 8px; }
div#page div#body div.wrapper fieldset p label.required { background-position:0 -36px }
div#page div#body div.wrapper fieldset p input.text { background-color:#FFFFFF; height:24px; margin:0; border-width:1px; border-style:solid; border-color:#1e64c8; color:#000000; display:block; float:left; padding:1px 2px; font:.9em Verdana; font-weight:bold; }
div#page div#body div.wrapper fieldset p input.text:focus { margin-top:-1px; border:solid 2px black; }
div#page div#body div.wrapper fieldset p input.long { width:311px; }
div#page div#body div.wrapper fieldset p input.long:focus { width:309px; }
div#page div#body div.wrapper fieldset p input.short { width:150px; }
div#page div#body div.wrapper fieldset p input.short:focus { width:148px; }
div#page div#body div.wrapper fieldset p select { width:317px; background-color:#FFFFFF; height:28px; margin:0; border-width:1px; border-style:solid; border-color:#1e64c8; color:#000000; display:block; float:left; padding:3px 2px; font:.9em Verdana; font-weight:bold; }
div#page div#body div.wrapper fieldset p select:focus { margin-top:0px; border:solid 2px black; }
div#page div#body div.wrapper fieldset p select.short { width:156px; }
div#page div#body div.wrapper fieldset p textarea { width:311px; background-color:#FFFFFF; height:100px; margin:0; border-width:1px; border-style:solid; border-color:#1e64c8; color:#000000; display:block; float:left; padding:3px 2px; font:.9em Verdana; font-weight:bold; }
div#page div#body div.wrapper fieldset p textarea:focus { width:309px; margin:-1px 0 -1px 0; border:solid 2px black; }
div#page div#body div.wrapper fieldset p .button { background-color:#6598e1; background-image:none; border:solid 1px #1e64c8; color:#000000; font-size:1.1em; font-weight:bold; width:auto; padding:2px 4px; margin-left:10px; float:right; }
div#page div#body div.wrapper fieldset p .button:hover,
div#page div#body div.wrapper fieldset p .button:focus { margin:-1px -1px -1px 9px; background-color:#6598e1; border-color:black; border-width:2px; }