/* CSS Document */

body {
background-color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
 min-height: 400px; /* For Mozilla/Opera/Safari */
text-align:center; 
	width: 100%;
	background-image: url('/images/BgSimpleGradient.jpg');
	background-repeat: repeat-x;
}

table, tr, td, p, li {
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;
	
}

p { line-height:20px; }


div#container { 
	position: relative;
	width:878px; /* or a percentage, or whatever */ 
	margin-left:auto;
	margin-right: auto;
	text-align:left; /* reset text alignment */ 
	height: 100%;
	margin-bottom:auto;
	margin-top:30px;
} 


#header {position:absolute; width: 878px; height:205px; margin:0px 0px 0px 0px; }

#page { position:absolute; top:226px; width:878px; height:100%; left:0px; margin:0px 0px 0px 0px;	background-color:white;  }


#tagline {
	position:absolute;
	top:57px;
	width: 375px;
	z-index:2;
	left: 16px;
}
#tagline h1 { 	color:#b7b7b7; }
#navbar {
	position:absolute;

	width:600px;
	background-color:black;
	top:205px;
	left:0px;
	height:21px;
	padding:2px 0px 0px 260px;
	z-index:1;
	}

.navbox { padding: 0px 20px 0px 0px;  }
.navitem { color: #ababab; font-weight:bold; text-decoration:none; }
a.navitem:link { color: #ababab; font-size:12px; }
a.navitem:visited { color: #ababab; font-size:12px; }
a.navitem:hover { color: #ffffff; font-size:12px; }

.navitemon { color: #000; font-weight:bold; text-decoration:none; }
a.navitemon:link { color: #000; font-size:12px; }
a.navitemon:visited { color: #000; font-size:12px; }
a.navitemon:hover { color: #d31e91; font-size:12px; }


#navitem1 { float: left; }
#navitem2 { float: left;   }
#navitem3 { float: left; }
#navitem4 { float: left; }

#navbottom { position: fixed; bottom: 50px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; 
padding-top:20px;}

#content {
	position:absolute;
	top:226px;
	width:878px;
	height: 100%;
	padding:15px 0px 15px 25px;
	text-align:left;	
	background-color:white;
}
#leftcol { width:460px; float:left; }
#rightcol {
	position:absolute;
	top:192px;
	left:665px;
	width:200px;
	text-align:center;
}
.mypage { 
background-color: #ffffff;
border: inset 10px;
padding:0px 20px 20px 20px;
margin:0px 0px 0px 0px;

}

#ppcgirl {
	position:absolute;
	top:0px;
	left: 697px;	
	z-index:100;
}
.aboutmsg {
	width: 180px;
	top:185px;
	left: 680px;
	background-color:#CCC;
	padding: 10px 10px 10px 10px;
	text-align:left;
		
}
.small { font-size:9px; }

.block {
	margin-left:30px;
}
h1 { color: black;font-size:20px; }
h2	{ font-size:16px; margin-bottom:10px; color:#d95e95; }
h3 { font-size:14px; margin-bottom:4px; color:#333;  }
h4 { font-size:14px; margin-bottom:4px; color: #F39; }
a:link { color: #d31e91; font-size:12px; }
a:visited { color: #d31e91; font-size:12px; }
a:hover { color: #666; font-size:12px; }
ul { margin-top:0px;  }
li { margin:0px 0px 4px 0px;  padding:0px 0px 0px 0px; line-height:18px; }
.boxtext1, .boxtext2, .boxtext3 {
	color:white; 
	width:150px;
	font-size: 16px;
	font-weight:bold;
}
.boxtext1 { padding:20px 0px 0px 20px; }
.boxtext2 {	padding:20px 0px 0px 50px; }
.boxtext3 { padding:20px 0px 0px 50px; }

.threeboxes {
	background-image: url(images/3boxes.jpg);
	width:669px;
	height:155px;
	padding:10px 10px 10px 100px;
}
a.boxlinks, a.boxlinks:link, a.boxlinks:visited { 
	text-decoration:none; 
	color:white; 
	font-size: 16px;
	font-weight:bold;
}
a.boxlinks:hover { 
	text-decoration:none; 
	color: #e4cad5; 
	font-size: 16px;
	font-weight:bold;
}