/* ********** [ 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: 258px;	*/
	overflow: hidden;
	background: #ffffff; }

		div#header  {			/*	height: 258px;	*/
			
			position: relative;
			float: left;
			background: url('background_top.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#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);	*/					color: #5F3620;
					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);	*/		color: #5F3620;
		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: absolute; vertical-align:top; top: 210px; left: 10px;}*/div#headernav .menutop a {	padding : 0px;}.menutop {	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;
}