/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font: 76% Verdana, Arial, Helvetica, sans-serif;
	color:  #006633;
	margin:0;
	padding: 0px;
	background-color:#F5FA93;
	text-align:center;
}

#bodyContainer{
	width:1050px;
	margin:0 auto;
	font-size:9pt;
	border-right-style: solid;
	border-bottom: 0px solid #006633;
	border-right-color: #006633;
	border-right-width: 0px;
	background-color:#006633;
	border-left-color:#006633;
	border-left-width: 0px;
	border-left-style: solid;
	text-align:justify;
	background-color:#fff;
}
a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 115%;
 color: #334d55;
 margin: 1pt;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 110%;
 color: #006699;
 margin: 1pt;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 105%;
 color: #334d55;
 margin: 1pt;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 1pt;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 1pt;
 padding: 0px;
}

ul{
	list-style-type: square;
	margin-left: 5px;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}


label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	padding: 0px 0px 0px 0px;
	border-top: 0px solid #006633;
	border-bottom: 0px dotted #F5fa95;
	width: 100%;
	border-right-style: none;
	border-right-width: 0px;
	border-right-color: #006633;
	height:172px;/*163*/
}

#navBar{
	float: left;
	width: 192px;/*180*/
	height: 600px;
	margin: 0px;
	padding: 0px;
	border-right: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}

#headlines{
  float:right;
	width: 120px;
	border-left: 0px solid #cccccc;
	border-bottom: 0px solid #cccccc;
	padding-right: 5px;
	color:#FFFFFF;
}
#headlines a{  
	color:#FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}
#headlines a:hover{  
	color:#006699;
	font-weight: normal;
	background-color:#FFFFFF;
	text-decoration:none;
}

#headlines h3 {color:#bbe; margin-top:10px; text-align:center; font-size:95%; margin-bottom:3px;}
#mainContent { 
	margin:0px 120px 0px 193px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */	
	max-height:573px;
	overflow: auto;
}
#content{
	min-height:587px;
	background-color: #fefefe;
	overflow: auto;
	padding:10px;
	color: #333;
	border: 10px solid #ccf;
	font-size: 90%;
}
#content a{
	text-decoration:underline;
}
#content a:hover{
	text-decoration: overline;
}
#content h3{
	color:#063;
	font-size: 110%;
}
#content h4{
	color:#f0aa33;
	font-size: 105%;
}
#content li{
	list-style-image:url(../images/eliseBullet.gif);
	padding-left:5px;
	margin-left:5pt;
	margin-right:0px;
	margin-bottom:5pt;
	margin-top:0px;
	line-height:15pt;
	color:#609933;
}
#content Ul{
	padding-left:0px;
	padding-bottom:5px;
	margin:0px;
	margin-left:5pt;
	padding-top:0px;
	margin-bottom:0pt;
	font-size:97%;	
}

#content form{
	padding:0px;
	margin:0px;		
}
#content table{
	line-height:12px;
	color:#666600;
	font-size:95%;
}
#content td{
	border-bottom:#Fbfbfb solid 1pt;
	border-left:#Fbfbfb solid 1pt;
	border-right:#Fbfbfb  dashed 1pt;
	border-top:#fbfbfb dashed 1pt;
	
}
#content button{
	background-color:#006633;
	width:100px;
	height:40px;
	color:#dddddd;	
	
}


/***********************************************/
/* Components                                  */
/***********************************************/
#topLine{
	background-color: #008000;
	color: #fff;
	font-weight:normal;
	text-align:right;
	padding-left:5px;
	width:auto;
	height:20px;
	font-size: 90%;
}
#topLine a{
	color: #fff;
}
#topLine a:hover{
	color: #ffF;
	border-bottom: #FFFF00 1px dotted;
	text-decoration:none;
}

#siteName{
	margin: 0;
	padding:0 0 0 5px;
	color: #003399;
	font-weight:bold;
	font:Narkisim;
	background-image:url(images/fireworks/Obadan_logo2.png); 
	background-repeat:no-repeat; 
	background-position:left; 
	height:47px; 
	width:156px;
}
.jokewoodFont{
	font-family: Jokewood;
	font-size: 36px;
	color: #FFff99;
	font-weight:bold;
}
.Monotype36 {
	font-family: "Monotype Corsiva";
	font-size: 36px;
	color: #1F86DE;
}

#logoBgr{
	border-top: 0px solid #006633;
	background-image:url(http://www.obadan.com/images/greenbgr.png);
	background-repeat:repeat;
	background-position:bottom center;	
	background-color:#008000;	
	height:100px;
	border-bottom:0px solid #0a8506;
	width: 100%;
	padding: 0px;
	
}
#lOGOTopLine{	
	float: left;
  	width: 50%;	
	height: 100px;
	background-image:url(http://www.obadan.com/images/slogo3.gif);
	background-position: right;
	background-repeat:no-repeat;
	vertical-align: middle;	
}
#AdvertsHighlights{
	float: right;
  	width: 45%;	
	height: 100px;
	vertical-align:middle;
	padding-top:0px;
}
#AdvertsHighlights form{
 margin: 0px;
 padding: 0px;
}

#AdvertsHighlights label{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #00FF00;
}

/************* #globalNav styles **************/
#navBody{
	/*background-color:#efF ;*/
	border:0px inset #efF;
	background-image:url(http://www.obadan.com/images/bgrMenu4.png);
	background-position: top;
	background-repeat:repeat-x;
	color: #41BA46;
	/*border-top:2px solid #0a8506;*/
	text-align: center;
	width: auto;
	height:31px;
	padding-top:10px;
	padding-bottom:1px;
	background-color: #EDD712;
}
#globalNav{
	padding-left:5px;
	padding-right:0px;
	padding-top:3px;
	width: 100%;
	height:33px;
	margin:0px;
	font-weight:bolder;
	float:left;
	text-align:center;
	vertical-align:middle;
}
#globalNav a{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-decoration:none;
	color: #000;/*f5fa93*/
	border-right: 1px outset #eed812 ;
	border-left: 1px inset #eed812 ;
	border-bottom: 0px solid #030;
	border-top: 0px solid #006633;	
	text-align:center;
	vertical-align:middle;
}
  

#globalNav_active{
	border-bottom: 4px solid #063;;
}
#globalNav a:hover{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 0px;
	text-decoration:none;
	color: #063;/* #FF9966*/
	border-right: 1px inset #efF ;
	border-left: 1px outset #efF ;
	border-bottom: 0px solid #efF ;
	border-top: 0px solid #006633;	
	text-align:center;
	vertical-align:middle;
}

#globalNav img{
 display: block;
}

/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color:#1F86DE;
}

/************* #PageLocationLinks styles *************/

#PageLocationLinks{
	font-size: 95%;
	color:#ffffff;
	padding-top: 2px;
	border-bottom-color: #006633;
	border-right-color: #006633;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	padding-bottom: 10px;
	height: auto;
}
#PageLocationLinks a{
	font-size: 95%;
	color:#ffffff;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 95%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: left;
}

.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}


/************** .story styles *****************/

.story{
	clear: both;
	padding: 10px 0px 0px 10px;
	font-size: 95%;
}

.story p{
	padding: 0px 0px 10px 0px;
}


/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 95%;
	color: #003300;
	height: 32px;
	background-image: url(http://www.obadan.com/images/greenbgr_footer.png);
	background-repeat:repeat;
	/*	top: 775px;
	position: absolute;
	margin: 0px;
	*/
	border-top: 0px solid #006633;
	border-bottom: 2px solid #006633;
	border-right: 0px solid #006633;
	border-left: 0px solid #006633;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top:10px;
}
#siteInfo a{
	color: #003300;
	text-decoration:underline;
}
#siteInfo a:hover{
	color: #FF0000;
	text-decoration:overline;
}
#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#footerLeft{
	float: left;
	width: 80%;
	vertical-align: middle;
	text-align:left;
	height:25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#FooterRight{
	float: right;
	width: 15%;
	vertical-align: top;
	text-align:right;
	height:25px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/************* #search styles ***************/

#search{
	padding: 5px 0px 5px 10px;
	border-bottom: 0px solid #cccccc;
	font-size: 95%;
	background-color:#000000;
	color: #00FF00;
}

#search form{
 margin: 0px;
 padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #00FF00;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0px; padding: 0px;}
#navBar h3 { background-color:#fff; color:#333; margin:0px; padding:5px; }

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #063; margin:0px; padding:0px; }

/* fix for browsers that don't need the hack */
html>body #navBar li {
	border-bottom: none;
	padding-left: 0px;
	margin-left: 0px;
}

#subMenu{
	border-top:#F5fa95 solid 0px;
	border-bottom:#F5fa95 dotted 0px;
	text-align:left;
	padding-left:10px;
	height:15px;
	width: auto;
}
#subMenu a:hover{
	background-color:#EED812;
}
#subMenu_active{
		border-top:#F5fa95 solid 0px;
		border-bottom:#F5fa95 dotted 0px;
		text-align:center;
		background-color:#FC0;
}

/*********** #PageMenu styles ***********/

#PageMenu{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 0px solid #ffffff;
	border-top: 0px dotted #ffffff;
	font-size: 96%;
}

#PageMenu h3{	
	margin-left:0px;
	margin-right:0px;
	margin-bottom:5px;
	padding-bottom:3px;
	margin-top:10px;
	padding-top:5px;
	background-color:#fff;
	color:#ccf;
	text-align:left;
	font-weight:bolder;
	border-bottom:5px solid #ccf;
	font-size:120%;
}

#PageMenu a {
	display: block;
	background-color: #fff;
	/*border-top: 1px solid #FC0;*/
	border-top: 1px outset #fff;
	border-bottom: 1px dashed #ddf;
	border-left: 0px outset #fff;
	border-right: 0px outset #fff;
	padding:5px;
	color: #063;
	text-decoration:none;
}

#PageMenu a:hover{
	display: block;
	background-color: #063;
	/*border-top: 1px solid #FC0;*/
	border-top: 1px inset #ccf;
	border-right: 1px solid #ccf;
	border-bottom: 1px solid #ccf;
	border-left: 1px inset #FC0;
	padding:5px;
	color: #fff;
	text-decoration:none;
}
#PageMenu #PageMenu_active{
	display: block;
	padding-bottom:3px;
	padding-left:0px;
	padding-top:3px;
	border: 2px solid #ccf;
	text-align:center;
	
}
/*
#PageMenu a:link {
	display: block;
	border-top: 1px dashed #006633;
	border-left: 5px solid #ffffff;
	padding: 0px 0px 2px 10px;
	color:#006633;
	background-color: #009999;
} */


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 20px 0px 10px 5px;
	font-size: 95%;
	background-color:#FFF;
	color: #09F;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
	color:#09F;
	background-color: #FFF;
}


.relatedLinks a:link, .relatedLinks a:visited {
	display: block; 
}
#historyBooks{
	padding-left:10px;
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-top:0px;
	height: 600px;
	border-right-style: none;
	border-right-color: #006633;
	border-right-width: 0px;
	width: 120px;
}
.contentForm{color:#009966; background-color: #FFFf99; border:#006633 1px solid; padding:2px;}
.contentForm:hover{
	color:#FF0033; 
	background-color: #FFFF99; 
	border: #FF0033 1px solid; 
	padding:2px;
}
.formNotice{font-size:90%; color:#FF3366}

#headlines p{
	padding: 5px 0px 5px 0px;
}
#googleButtonColor{color:006633;}
#redLead{
	color: #F5FA93;
	font-size: 95%;
	font-weight: bold;
}


#redLead hover{
	color: #33CC00;
	font-size: 95%;
	font-weight: bold;
}
#streetHover{
	color: #F06;
	font-size: 95%;
}
#button {
	color: #FFFFFF;
	background-color: #006633;
	border: 1px solid #006633;
	font-weight:bold;
	padding:2px;
	width:80px;
}
#button:hover {
	color: #006633;
	background-color: #ffffff;
	border: 1px solid #006633;
	font-weight:bold;
	padding:2px;
	width:80px;
}
#outputErrorMessage{
	color:#aa0000;
	font-size:90%;
	width:90%;
	text-align:left;
	padding-top:50px;
	padding-left:10px;
	padding-bottom:50px;
	padding-right:5px;;
	border:#FF0033 1px dashed;
	margin-left:10px;
	background-color: #eeffee
}
#outputSuccessMessage{
	color: #3333ff;
	font-size:90%;
	width:90%;
	text-align:left;
	padding-top:50px;
	padding-left:10px;
	padding-bottom:50px;
	padding-right:5px;
	/*border:#FF0033 2px dashed;*/
	margin-left:10px;
	background-color: #FFFFee;
}
#news{
	
	line-height:25px;
	text-decoration:none;
	text-align: justify;
}	
#news b{	
	color:#063;
}
#news table{
		color:#333; 
}
#news td{
	border-bottom:#ddf 1px dashed; 
	border-top:#063 0px dotted;
	border-right:#063 0px dotted;
	border-left:#063 0px dotted;
	
}
#news tr{
	border-bottom:#063 1px solid; 
	border-top:#063 0px dotted;
	border-right:#063 0px dotted;
	border-left:#063 0px dotted;
	
}
#news hr{	
	color:#063;
}
#news a{
	text-align:right
}

#news a:hover{
	text-align:right;
	color:#F00;
}	
#ObadanQuickPreview{
	position:absolute; 
	width:518px; 
	z-index:4; 
	padding:5px; 
	left: 10px; 
	top: 402px; 
	font-size:12px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	layer-background-color: #CCCCFF;
	visibility: hidden; 
	background-color: #ffffFF; 
	border: #FF3300 1px dashed;
	text-align:justify;
}
.AlignDivLeft{
	float:left;
	width:45%;
}
.AlignDivRight{
	float:right;
	width:45%;
}
.fontAlignLeft{
	text-align:left;
}
.fontAlignRight{
	text-align:right;
}
.paddingAndMargin_zero{
	margin:0pt; padding:0pt;
	margin-top:2px;
}
.breakinNews {
	color: #F00; 
	text-decoration:blink;
	font-weight:bold;
}
#facebook_login{
	height:15px;
	width:150px;
	padding:0; 
	border:0px #000 dotted;
	float:right;
}
#rss{
	text-align:right;
	padding:0;
	border-bottom:1px dashed #063;
	margin:0;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}