/* ********** [ GENERAL ] ********** */



* {

	margin: 0px;

	padding: 0px; }



div.clear {

	clear: both; }



body {

	margin: 0px;

	padding: 0px;

	cursor: default;

	font: 11px arial, verdana, sans-serif;

	color: #222222;

	background: #ffffff; }





/* ********** [ PAGE ] ********** */



div#page_wrap { }



	div#page { width: 770px; min-width: 760px; width: auto;}

	

	.min-width-ie {

		width: 770px;

	}





/* ********** [ HEADER ] ********** */



div#header_wrap {

	margin: 0px auto;

	/*width: 920px;*/

	width:98%;

	height: 144px;

	overflow: hidden;

	background: #ffffff; }



		div#header  {

			position: relative;

			float: left;

			background: url('header2_side.gif') ;

			background-repeat:repeat-x;

			width:100%;

			overflow:hidden;

			 }

			

			div#header h1 span { }





/* ********** [ CONTAINER ] ********** */



div#container_wrap {

	margin: 0px auto;

	/*width: 920px;*/ 

	width:98%;

	}



  	div#container { }





/* ********** [ FOOTER ] ********** */



div#footer_wrap {

	margin: 0px auto;

	padding-top: 1%;

	

	/*width: 920px;*/ 

	width:98%;

	}



	div#footer {

		padding: 10px 0px;

		border-top: 2px solid #2370BC;

		text-align: center; }





/* ********** [ CONTENT ] ********** */



#content_wrap {

	float: right;

	position: relative;

	right: -2px;

	/*width: 780px; */

	/*width:83%;*/

	width: 100%;

	overflow: hidden;

	}



  	#content {

  		border: 1px solid #d4d4d4;

  		border-width: 0px 1px 1px 1px; }





/* ********** [ SIDEBAR ] ********** */



div#sidebar_wrap {

	padding-right:5%;

	/*width: 130px;*/

	/*width:16%;*/

	width: 95%;

	position: relative;

	float: left; }



  	div#sidebar { }





/* ********** [ MAIN NAVIGATION ] ********** */

div#topheadernav_wrap {

	margin: 0px auto;

	position: relative;

	clear: both;

	/*width: 920px;*/

	width:98%;

	height: 36px;

	background: #285781 url('navbg.gif') repeat-x; 
}

div#headernav_wrap {

	margin: 0px auto;

	position: relative;

	clear: both;

	/*width: 920px;*/

	width:98%;

	height: 36px;

	background: #285781 url('navbg.gif') repeat-x; }



	div#headernav {

		padding-left: 8px; }



		div#headernav ul {

			height: 36px;

			list-style: none; }



			div#headernav ul li {

				float: left; }



				div#headernav ul li a {

					padding: 0px 8px;

					height: 36px;

					display: block;

					float: left;

					font: bold 11px/36px arial, verdana, sans-serif;

					color: #ffffff;

					text-decoration: none; }



					div#headernav ul li a:hover {

						text-decoration: underline; }





/* ********** [ USER NAVIGATION ] ********** */



div#usernav_wrap { }



	div#usernav {

		padding-top: 4px; }



		div#usernav ul {

			list-style: none; }



			div#usernav li {

				border: 1px solid #d4d4d4;

				border-width: 0px 0px 1px 0px; 

				height: 22px;}				

			

			div#usernav li.last {

				border-bottom: none;

			}



				div#usernav ul li a {

					padding-left: 10px;

					height: 22px;

	    			display: block;

	    			font: 11px/22px arial, verdana, sans-serif;

					color: rgb(12, 33, 124);

					text-decoration: none;

					font-weight:bold; 

					white-space: nowrap;

					}



					div#usernav ul li a:hover {

						background: #F2E9BC;

						text-decoration: none; }





/* ********** [ COMMON ITEMS ] ********** */



h2, h3, h4, h5, h6 {

	padding-bottom: 5px;

	font: bold 14px/16px arial, verdana, sans-serif;

	color: #436082; }



	h2 {

		margin-bottom: 5px;

		font: bold 14px/16px arial, verdana, sans-serif;

		border-bottom: 1px solid #d4d4d4; }



	h3 {

		font: bold 13px/16px arial, verdana, sans-serif; }



	h4 {

		font: bold 12px/16px arial, verdana, sans-serif; }



	h4 {

		font: bold 11px/16px arial, verdana, sans-serif; }



p {

	font: 11px/16px arial, verdana, sans-serif;

	color: #222222; }



	a {

		font: 11px arial, verdana, sans-serif;

		/*color: #436082;*/

		color: rgb(12, 33, 124);

		text-decoration: none; }



		a:hover {

			text-decoration: underline; }



div#pmhistory { padding: 4px; font: 11px verdana; color: #000000; border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; background-color: #FFFFFF; }



#headernav table img ,

#header div img {behavior: url("iepngfix.htc")}



.freeregister { position:absolute; right: 50px; top:20px;float:right;width:125px;}



.menutop {position:relative;margin-top:-34px;margin-right:2%;padding-right:2%; float:right; vertical-align:top;}

.menutop table {vertical-align: top;}



.menutop table a { position: relative; float: left; top: 0; left: 0;}



.dataitem130 {height:130px}



div#content dl.datainfo dd.red-birth {color:#FF0000; font-weight:bold;}



/* The hint to Hide and Show */

.hint {

    display: none;

    position: absolute;

    left: 500px;

    width: 200px;

    margin-top: -4px;

    border: 1px solid #c93;

    padding: 10px 12px;

    /* to fix IE6, I can't just declare a background-color,

    I must do a bg image, too!  So I'm duplicating the pointer.gif

    image, and positioning it so that it doesn't show up

    within the box */

    background: #ffc url(pointer.gif) no-repeat -10px 5px;

}



/* The pointer image is hadded by using another span */

.hint .hint-pointer {

    position: absolute;

    left: -10px;

    top: 5px;

    width: 10px;

    height: 19px;

    background: url(pointer.gif) left top no-repeat;

}

/* ********** [ MESSAGES ] ********** */

div#info_message, div.info_message {
	margin: 10px;
    font: 11px/24px arial, verdana, sans-serif;
	color: #008C00;
    border-top: 1px #008C00 solid;
    border-bottom: 1px #008C00 solid; }

	div#info_message a, div.info_message a {
		font: 11px/24px arial, verdana, sans-serif;
		color: #008C00;
		text-decoration: none; }

		div#info_message a, div.info_message a {
			text-decoration: underline; }
			
div#error_message, div.error_message {
	margin: 10px;
    font: 11px/24px arial, verdana, sans-serif;
	color: #C80000;
    border-top: 1px #C80000 solid;
    border-bottom: 1px #C80000 solid; }

	div#error_message a, div.error_message a {
		font: 11px/24px arial, verdana, sans-serif;
		color: #C80000;
		text-decoration: none; }

		div#error_message a, div.error_message a {
			text-decoration: underline; }