html, body {
	margin:auto;
	margin:0;
	padding:0;
}

#Frame {
	width:767px;
	height:464px;
	margin:auto;
	margin-top:60px;
	border:1px solid #88AFD4;
	overflow:hidden;
}


/******* LEFT HAND SIDE *******/

#FaceFactsLeft {
	float:left;
	display:inline;
	width:298px;
	height:464px;
	border-right:1px solid #88AFD4;
}


#FaceFactsLogo {
	width:297px;
	height:176px;
	border-bottom: 1px solid #88AFD4;
}

/******* END LEFT HAND SIDE *******/



/******* RIGHT HAND SIDE *******/

#FaceFactsRight {
	float:left;
	display:inline;
	width:468px;
	height:464px;
	overflow:hidden;
}





/******* MENU *******/

#TopMenuBar {
	width:452px;
	height:22px;
	padding-top:5px;
	padding-left:15px;
	border-bottom:1px solid #88AFD4;
}

ul {

 	padding: 0;
  	margin: 0;
  	list-style: none;
}
  
li {
  float: left;
  position: relative;
  width: 80px;
  height:20px;
  font-family:"Century Gothic", Verdana, Helvetica;
  color:#475794;
  font-size:12px;
  text-align:left;
}
 
li.home, li.male, li.contact, li.links {
  float: left;
  position: relative;
  width: 47px;
  height:20px;
  font-family:"Century Gothic", Verdana, Helvetica;
  color:#475794;
  font-size:12px;
  text-align:left;	
}

li.male { width: 80px; }
li.contact { width: 62px; }
li.links { width:37px; }
 

li ul {
  display:none;
  position: absolute; 
  top: 1em;
  left: 0;
}
  
li > ul {
	
}
		
li:hover ul, li.over ul { 
	display: block; 
	background-color:#ffffff;
	padding-left:5px;
	border:1px solid #88AFD4;
}

/******* END MENU *******/

#FlashBanner {
	width:468px;
	height:95px;
}

#MainTextFrame, #MainTextFrame2 {
	width:428px;
	height:250px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-family:"Century Gothic", Verdana, Helvetica;
	color:#475794;
	font-size:13px;
	line-height:20px;
	overflow:hidden;
}

.bgColor { #D08791!important; }

#MainTextFrame p {
	margin:0;
	padding:0;
}


#MainTextFrame h1a { 
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#475794;
  	font-size:17px;
	font-weight:bold;
}

#MainTextFrame h1 { 
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#475794;
  	font-size:15px;
}

#MainTextFrame h2 { 
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#475794;
  	font-size:14px;
}

#MainTextFrame h3 {
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#952938;
  	font-size:13px;
  	font-weight:lighter;
}

#MainTextFrame h4 {
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#952938;
  	font-size:13px;
  	font-weight:bold;
}


#MainTextFrame h5 {
	display:inline;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#952938;
  	font-size:16px;
  	
}

.redfont {
color:#952938;
font-weight:bold;
font-family:"Century Gothic", Verdana, Helvetica;
font-size:15px;
}

.white {
color:#FFFFFF;

}

#MainTextFrameInnerLeft {
	float:left;
	display:inline;
	width:295px;
	height:115px;
	line-height:22px;
}

#MainTextFrameInnerRight {
	float:left;
	display:inline;
	width:133px;
	height:115px;
	padding-top:26px;
}

#MainTextFrameInnerLower {
	width:428px;
	height:100px;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#475794;
  	font-size:13px;
  	line-height:22px;
	}


#NextButton { 
	width:453px;
	height:22px;
	margin-top:3px;
	padding-right:15px;
	text-align:right;
}

#LowerNav {
	width:468px;
	height:22px;
	margin-top:3px;
}

#Previous {
	float:left;
	display:inline;
	width:414px;
	padding-left:11px;
}

#Next { 
	float:left;
	display:inline;
	width:35px;
}

#LowerBanner {
	width:468px;
	height:45px;
}


/******* END RIGHT HAND SIDE *******/



/******* JO'S CREDITS *******/

#Credits { 
	margin:auto;
	width:767px;
	height:30px;
	padding-top:10px;
	font-family:"Century Gothic", Verdana, Helvetica;
  	color:#475794;
  	font-size:10px;
  	text-align:center;
}


/******* END JO'S CREDITS *******/




/******* LINKS *******/


a.MainLinks, a.MainLinks:link, a.MainLinks:visited {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:12px;
	color:#475794;
	text-decoration:none;
}

a.MainLinks:hover {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:12px;
	color:#952938;
	text-decoration:none;
}

a.Links, a.Links:link, a.Links:visited {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:11px;
	color:#475794;
	text-decoration:none;
}

a.Links:hover {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:11px;
	color:#952938;
	text-decoration:none;
}

a.Next, a.Next:link, a.Next:visited {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:14px;
	color:#475794;
	text-decoration:none;
}

a.Next:hover {
	font-family:"Century Gothic", Verdana, Helvetica;
	font-size:14px;
	color:#952938;
	text-decoration:none;
}

a.textlink, a.textlink:link, a.textlink:visited {
color:#952938;
font-weight:bold;
font-family:"Century Gothic", Verdana, Helvetica;
font-size:15px;
text-decoration:none;
}

a.textlink:hover{
color:#475794;
font-weight:bold;
font-family:"Century Gothic", Verdana, Helvetica;
font-size:15px;
text-decoration:none;
}



/******* END LINKS *******/

/* ---------------- twitter --------------- */

#twitter {
	margin:15px 0px 0px 0px;
}

#twitter h2 { margin:0px 0px 5px 0px; }

#twitter ul li {
	width:410px;
	height:auto !important;
	font-size:10px;
	padding:0px 0px 5px 0px;
	line-height:18px;
}

#twitter ul li span {
	display:block;
}

#twitter ul li span a {
	color:#475794;
	font-weight:normal;
}

#twitter ul li a { 
	color:#475794;
	font-weight:bold; 
}

#twitter ul li a {  
	font-weight:normal;
	text-decoration:none;
}

#twitter ul li span a { text-decoration:underline; }

#twitter a.more {
	font-size:10px;
	color:#475794;
	font-weight:normal;
	text-decoration:none;
}