@charset "UTF-8";
/* CSS Document */

/* ###########################
				  general reset & typo
	########################### */

html, body, div, span, applet, object, iframe,/* table,*/ caption, /*tbody, tfoot, thead,tr, th, td,*/ 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	}

body {
	line-height: 1;
	color: black;
	font-size: 10px;
	}

ol, ul {
	list-style: none;
	}


a {
		color: #254786;
		text-decoration:underline;
	}
	
/* hx */

	h1 {
		font-family: Arial, sans-serif,Helvetica;		
		font-size: 18px;
		font-weight: bold;
		color:#254786;
		padding: 0;
	}
		
	h2 {
		/*
		font-family: Arial, sans-serif,Helvetica;
		font-size: 12px;
		color: #FFF;
		*/
		font-family: Arial, sans-serif,Helvetica;
		font-size: 14px;
		font-weight: bold;
		color: #254786;
		padding-bottom:6px;
	}
	
	h3 {
		font-family: Arial, sans-serif,Helvetica;
		font-size: 14px;
		font-weight: bold;
		color: #254786;
		padding-bottom:6px;
	}
	
	h4 {
	
	}
	
/* ###########################
				        general site
	########################### */
	
html { height: 100%; margin-bottom: 1px; }
  
* { margin:0; padding: 0; }

body {

    font-size: 100.01%;
	
    color: #424242;

    background: #000;

    text-align: left;
	
	font-family:Arial,sans-serif,Helvetica,Verdana;
	
	background:transparent url(images/structure/html_background.png) repeat-x;

}

body, html {
	
	height:100% !important;
	
	padding:0pt;
	
	line-height:normal;
	
}

body, html { height: 100% !important; padding: 0; }

#header, #main, #footer,{ clear:both; }

#pagewrap {

	position:relative !important;
	
	min-height:100%;
	
	height: auto !important;

}

* html #pagewrap { height:100% !important; }

body, #pagewrap, #page { margin:0; padding: 0; border: 0; }

#pagewrap, #page { min-width:0; max-width: none; }

#pagewrap { text-align:left; margin: 0 auto; width: 904px; background:url(images/structure/page_background.png) repeat-y;}
  
#page { padding-bottom: 30px; width: 904px; float:left;background:url(images/structure/page_background.png) repeat-y;}

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

fieldset, img { border: 0 solid; }


/*  - - - - - - - - - - Header General  - - - - - - - - - - */

#header{
	
	background:transparent url(images/structure/header_background.png) repeat scroll 0%;
	height:105px;
	
}

#logo_container{ padding:20px 0 0 40px; }

#logo{ padding: 6px 0px 0px 0px; }

#logo_slogan{
	
	padding: 8px 0px 0px 0px;
	
}

#login_container{
	
	color:#797979;
	font-family:Arial;
	font-size:11px;
	height:18px;
	padding-top:2px;
	position:absolute;
	right:30px;
	top:20px;
	width:270px;

}

#gender_statistic{
	
	color:#345391;
	height:35px;
	position:absolute;
	right:330px;
	top:15px;

}

#female_statistic, #male_statistic{padding:10px 4px 0px 4px; font-size: 12px;}

#female_statistic, #male_statistic, #icon_gender_statistic {
	float:left;
}

/*  - - - - - - - - - - Content General  - - - - - - - - - - */

#main{
	
	background:transparent url(images/structure/content_background.png) no-repeat;
	min-height:305px;
	height:305px !important;

}

/*  - - - - - - - - - - Footer General  - - - - - - - - - - */

#footer{

	width: 862px;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:15px;
	padding:20px 0px 0px 20px;
}

#footer a{
	
	color:#254786;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	
	text-decoration:underline;
	
}

#footer #dashedHorizontal{
	
	width:860px;
	height:1px;
	line-height:1px;
	background:url(images/pattern/dashedHorizontal.gif) repeat-x;
	
}

/* ###########################
					two column system
	########################### */
	
/*  - - - - - - - - - - Left Content  - - - - - - - - - - */

.sidebar_left{
	
	float:left;
	padding:10px 0px 0px 22px;
	width:320px;
	
}


.content_lp_wrapper{
	
	float:left;
	padding:10px 0px 0px 8px;
	width:532px;
	
}

#content_lp_inner_wrap{
	
	float:left;
	width:532px;
	
}

.content_lp_inner_box_title{
	
	float:left;
	background:url(images/structure/lp_content_title_background.png);
	background-repeat:no-repeat;
	width:532px;
	height:30px;
	
}

.content_lp_inner_box_title .title{padding:8px 0px 0px 10px;}

.content_lp_inner_box_middle{
	float:left;
	background:url(images/structure/lp_content_middle_background.png);
	background-repeat:repeat-y;
	width:532px;
	height:auto;
	
}

.content_lp_inner_box_footer{
	float:left;
	background:url(images/structure/lp_content_bottom_background.png);
	background-repeat:no-repeat;
	width:532px;
	height:5px;
	
}

.content_lp_inner_box_padded{
	
	padding:10px;
	font-size:12px;

}

span.submitted { 
	display:block; 
	padding-bottom:5px; 
	font-size:12px; 
	font-style:italic;  
}
div.content_lp_inner_box_middle h2 { padding:6px 0; }