/*
	Theme Name: REOBAMA	
	Description: Custom theme for reobamac.com.
	Author: Kahthan Deane
	Version: 1.0
	
*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #ffffff;
	font-size: 100.01%;
}

li {
	font-size: 0.7em;
}
img {	border-width: 0px;}
a {
	text-decoration: underline;
	color: #000000;

}


.clear { clear: both; 
}

div#page-wrap{
	width: 810px;
	margin: 0 auto;
}

div#upper-links{
	width: 800px;
	height: 150px;
}

div#header{
	width: 800px;
	height: 170px;	
	margin-top: 0px;
	border-width: 2px;
	border-style: solid;
        margin-bottom: 10px;
} 
	div#header-left{
		width: 130px;
		height: 170px;
		float: left;
		background: #336699;
	}
			div#header-left img{
			margin: 20px 15px 20px 15px;
		}

	div#header-mid{
		width: 500px;
		height: 160px;
		float: left;
		padding-top: 15px;
	}

	div#header-right{
		float: right;
		width: 130px;
		height: 170px;
		background: #336699;
	}
		div#header-right img{
			margin: 20px 15px 20px 15px;
		}

div#header-bot {
	width: 800px;
	height: 28px;
	font-size: 1.0em;
	font-family: Verdana;
	text-align: center;
	margin-top: 5px;
	padding-top: 0px;
}


div#title {
	width: 800px;
	height: 32px;
	font-size: 1.0em;
	font-family: Verdana;
	background: #0099ff;
	text-align: center;
	margin-top: 20px;
	border-width: 2px;
	padding-top: 14px;
	border-style: solid;

}

div#frontpage1 {
	width: 794px;
	height: 45px;
	font-size:1.0em;
	color: #ffffff;
	font-family: Verdana;
	background: #000000;
	text-align: center;
	margin-top: 10px;
	border-width: 6px;
	padding-top: 8px;
	border-color: #cccccc;
	border-style: solid;

} 

div#frontpage1 p {
	font-size: 0.7em;
}

div#content {
	width: 784px;
	font-size:1.0em;
	color: #000000;
	margin-top: 10px;
	
	font-family: Verdana;
	background: #cccccc;
	padding: 9px;	
} 

div#content p {
	font-size: 0.8em;	margin: 0px;	padding: 0px 0px 15px 0px;	line-height: 17px;
}div#content img {	float: left;	margin: 3px 8px 8px 3px;}



div#frontpage2 {
	width: 794px;
	height: 45px;
	font-size: 0.8em;
	color: #ffffff;
	font-family: Verdana;
	background: #000000;
	text-align: center;
	margin-top: 10px;
	border-width: 6px;
	padding-top: 10px;
	border-color: #cccccc;
	border-style: solid;

} 

div#frontpage2 p {
	font-size: 0.8em;
	font-weight: bold;
}

div#headcontainer {
	width: 800px;
	height: 450px;
}

div#frontpage3{
	width: 270px;
	height: 400px;	
	margin-top: 10px;
	color: #ffffff;
	text-align: center;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: bold;
	float: right;
} 
	div#fp3-left{
		width: 265px;
		height: 35px;
		float: left;
				padding-left: 5px;
		padding-right: 5px;
		background: #000066;
		padding-top: 15px;
	}

	div#fp3-mid{		margin-top: 1px;	
		width: 265px;
		height: 35px;
		float: left;
				padding-left: 5px;
		padding-right: 5px;
		background: #336699;
		padding-top: 15px;
	}

	div#fp3-right{		margin-top: 1px;
		float: left;
		width: 265px;
		height: 35px;
				padding-left: 5px;
		padding-right: 5px;
		background: #000066;
		padding-top: 15px;
	}
	div#fp4-left{		margin-top: 1px;
		padding-top: 10px;
		width: 265px;
		height: 95px;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		background: #000066;
		text-align: center;		font-family: Verdana;		font-size: 0.7em;
	}

	div#fp4-mid{		margin-top: 1px;
		width: 265px;
		height: 95px;
		float: left;
				padding-left: 5px;
		padding-right: 5px;
		background: #336699;
		padding-top: 10px;
		color: #ffffff;		text-align: center;		font-family: Verdana;		font-size: 0.7em;
	}

	div#fp4-right{		margin-top: 1px;
		padding-top: 10px;
		float: left;
		width: 265px;
		padding-left: 5px;
		padding-right: 5px;
		height: 95px;
		background: #000066;		color: #ffffff;		text-align: center;		font-family: Verdana;		font-size: 0.7em;
	}	

	
	
div#frontpage4{
	width: 520px;
	height: 400px;	
	background: #fff;
	margin-top: 10px;
	color: #ffffff;
	float: left;
	text-align: center;
	font-family: Verdana;
	font-size: 0.8em;
	font-weight: bold;
} 

div.fp4item1{
	width: 100px;
	height: 90px;
	float: left;
	background: #003366;
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
        padding-top: 10px;
	}
	
div.fp4item1 h4,a {
	text-decoration: none;
}

div.fp4item2{		
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 500px;
	color: #000;
	height: 90px;
	background: #dddddd;
	text-align: left;		
	font-family: Verdana;		
	font-weight: normal;
	font-size: 0.8em;
	margin-bottom: 10px;
}
	
div.postheadings{
	width: 800px;
	height: 45px;	
	margin-top: 38px;
	color: #000000;
	background-color: #000000;
	text-align: center;
	font-family: Verdana;
	font-size: 0.8em;
} 
	div.ph-left{
		border-width: 1px;
		padding-top: 12px;
		border-style: solid;
		border-color: #000000;		
		width: 269px;
		background: #cccccc;
		height: 31px;
		float: left;
	}

	div.ph-mid{
		border-width: 1px;
		padding-top: 12px;
		border-style: solid;
		border-color: #000000;		
		background: #cccccc;
		width: 259px;
		height: 31px;
		float: left;
	}

	div.ph-right{
		border-width: 1px;
		padding-top: 12px;
		border-style: solid;
		border-color: #000000;		
		float: right;
		background: #cccccc;	
		width: 266px;
		height: 31px;

	}	

div.newscontainer {
	width: 800px;
}
	
div.newsitem{
	width: 133px;
	height: 237px;	
	margin-top: 10px;
	margin-bottom: 0px;
	float: left;
	color: #000000;
	background: #ffffff;
	text-align: center;
	font-family: Verdana;
	font-size: 9pt;
} 

div.newsitem a{
	text-decoration: underline;
	color: #000000;
} 

	div.newsitem-top{
		padding-top: 12px;
		margin: 1px 0px 0px 1px;
		width: 133px;
		background: #000066;
		height: 157px;
		float: left;
	}
		div.newsitem-top a,img{
		border-color: #000000;
		
		}
	
	div.newsitem-bot{
		padding-top: 7px;
		font-size: 0.8em;
	    margin: 1px 0px 1px 1px;
		background: #0099ff;
		width: 133px;
		height: 31px;
		float: left;
	}

div#mid {
	width: 800px;
	float: left;


}	
div#footer {
	
	float: left;
	margin: 0 auto;
	width: 800px;
}
	
ul {
  font-family: Verdana;
  font-size: 18px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  width: 160px;
  display: block;
  position: relative;
  float: left;
}
li ul { display: none; }
ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  padding: 5px 15px 5px 15px;
  background: #003366;
  margin-left: 1px;
  white-space: nowrap;
}
ul li a:hover { background: #003366; }
li:hover ul {
  display: block;
  position: absolute;
}
li:hover li {
  float: none;
  font-size: 11px;
}
li:hover a { background: #003366; }
li:hover li a:hover { background: #003366; }