#sidebar .unit#welcome li {
	float: left;
	font-size: 100%;
	border-right: 1px solid #eeeeee;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 5px;
	background-image: none;
}





#content{
	background-color: #FFFFFF;
	border: none;
	padding-top: 10px;
	padding-bottom: 15px;
width: 960px;
margin: 5px;

}
#container {
	text-align: left;
	position:relative;

width:970px;

padding:0px;

margin:0px auto;

text-align:left;

z-index:12;
	
}

#header{
	background-color: #FFFFFF;
	padding: 0px;
	border: none;
	margin-bottom: 0px;
	width: auto;
	overflow: hidden;
}


body {

	

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:62.5%;

	background-color: #cccccc;

	padding: 0px;

	margin:0px;

	background-image:url(http://www.observer-reporter.com/images/07/images/bg.jpg);

	background-repeat: repeat-x;
padding-top: 0px;
margin-top: 0px;

	

}



#leaderboard{

width:728px;

height:100%;

line-height:0;

display:block;

padding:0px;

margin:0 auto 0px auto;

position: relative;

white-space: pre;

}



/*



body {

	

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:62.5%;

	background-color: #cccccc;

	padding: 0px;

	margin:0px;

	background-image:url(http://www.observer-reporter.com/images/07/images/bgleaderboard.jpg);

	background-repeat: repeat-x;

*/











#nav a:link, #nav a:visited {

  color:#FFFFFF;

  text-decoration:none;

  

}



#nav a:hover, #nav a:active {

  color:#FFFFFF;

  text-decoration:none;

}





#nav {

	font-family:Arial,Helvetica,sans-serif;

	text-decoration:none;

	color:#FFFFFF;

	font-size: 1.2em;

	}

	

#nav li {

	border-right: 1px solid #000;

	float: left;

	width: 94px;

	color:#FFFFFF;

	line-height:1.6em;

	}

	





#nav, #nav ul {

	padding: 0;

	margin: 0;

	list-style: none;

}



#nav a {

	display: block;

	width: 94px;

	height: 28px;

	background-image: url(http://www.observer-reporter.com/images/07/images/obbar.jpg);

	text-decoration:none;

	font-size: 1.0em;

	line-height:1.0em;

	text-align:center;

}



#push{

	padding-top:7px;

}



/*

dropdown

*/



#centering {

text-align:center;

}





#nav li ul {

	

	text-align:center;

	position: absolute;

	width: 94px;

	left: -999em;

	background-image:url(http://www.observer-reporter.com/images/07/images/dropdown.jpg);

}





#nav li:hover a, #nav li.sfhover a{

background-image:url(http://www.observer-reporter.com/images/07/images/obbar2.jpg);

}









#nav li:hover ul a, #nav li.sfhover ul a{

background-image:none;



}



#nav li:hover ul {

	left: auto;

}





#nav li:hover ul, #nav li.sfhover ul {

	left: auto;

	border-left: 1px solid #000;

	background-color:#CCCCCC;

	z-index:4;

	}

	

	

#nav li ul li a:hover{

text-align:center;

background-image:none;

background-color:#3b5e74;

}













#menuwrapper {

font-family: "Trebuchet MS", Arial, sans-serif;

color:#FFFFFF;

z-index:1;

border-style: solid;

border-width: 0px 1px 0px 1px;

margin-left:3px;

height:28px;

width:960px;

background-image: url(http://www.observer-reporter.com/images/07/images/obbar.jpg);

background-repeat: repeat-x;

border-left: 1px solid #000;

border-right: 1px solid #000;

}



#main1{

position:relative;

width:972px;

padding:0px;

margin:0px auto;

text-align:left;

z-index:12;

}












#header a:link, #header a:visited {

  color:#FFFFFF;

  text-decoration:none;  

}



#header a:hover, #header a:active {

  color:#FFFFFF;

  text-decoration:underline;

}







#header{

width:970px;



height:17px;

background-color:#2e4e6e;

text-align:left;

color: #F3F5F1;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1em;

text-decoration: none;

position: relative;

background: none no-repeat;}











#banner{

border-right: 1px solid #000;



margin-left:3px;

width:961px;

height:69px;

background-image: url(http://www.observer-reporter.com/images/07/images/or-head2.jpg);

}





#searchbar{



display:block;

width:970px;

height:41px;

background-image:url(http://www.observer-reporter.com/images/07/images/searchbar2.jpg);

position:relative;

z-index:2;

background-repeat:no-repeat;

overflow:hidden;





}





#searchbox{

width:160px;

position:relative;

display:block;

float:left;

padding: 10px;

}

#searchbox2{

padding: 0px 0px 0px 0px;

width:160px;

position:relative;

display:block;

float:left;

margin:5px 0px 0px 0px;

}

#searchbox3{

padding: 0px 0px 0px 0px;

width:400px;

position:relative;

display:block;

float:left;

margin:5px 0px 0px 0px;

}

#searchbox4{

padding: 10px;

width:200px;

position:relative;

display:block;

float:left;

}

#searchbox5{

padding: 0px 0px 0px 0px;

width:60px;

position:relative;

display:block;

float:left;

margin:5px 0px 0px 0px;

}

#searchbox6{

width:100px;

position:relative;

display:block;

float:left;

padding: 10px;

}






#searchtext{

padding: 0px 0px 0px 0px;

left:20;



text-align:left;

color: #384651;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 1em;

font-weight: bold;





}



#phpside

{

font-size:0.8em;

}



/* header nav ends here */



/* formatting */





#smalldiv{

padding-top:12px;

padding-bottom:0px;

padding-left:10px;

margin-bottom:10px;

height:29px;

background-image: url(http://www.observer-reporter.com/images/07/images/smallbg.jpg);

background-repeat:repeat-x;

}

#imagecaption{



text-align:left;





}

#polldate{

padding:5px;

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

}

#poll_content

{padding:5px;

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

}





.pollHeadline {



color: #444;

text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 1.2em;

font-size: 1.4em;

} 





.poll_content { 

	padding:5px;

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

}

h5

{

padding:5px;

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

}











a:hover {



	text-decoration: underline;



	color: #80261E;



}



h1 {





color: #444;

text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 1.2em;

font-size: 1.2em;

}



h2 {



color: #40566F;

padding: 0px;

margin: 0px;

text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 1.2em;

font-size: 1.2em;

}







h2 a:hover {



	text-decoration: underline;



	color: #80261E;



}





h4 {





color: #444;

text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 0.6em;

font-size: 1.0em;

padding:0px;

	}



h3 {



	font-size: 12px;



	line-height: 18px;



	font-weight: normal;



}





 

p  {



text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 1.4em;

font-size: 1.1em;



}







#contentmain1 ul li {



text-decoration: none;

word-spacing: normal;

text-align: left;

letter-spacing: 0;

line-height: 1.4em;

font-size: 1.1em;

}

 

#text{

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

font-family:Verdana, Arial, Helvetica, sans-serif;



}



#contentmain1{



font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

font-family:Verdana, Arial, Helvetica, sans-serif;

z-index:3;





}



table {





font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



#content12 ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

#content12 li {

	background-image:url(http://www.observer-reporter.com/images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 25px;

}



	

#content12 li  ul {

z-index:10;

color:#DADADA;



font-weight:normal;



margin:0pt;

padding:0pt 0pt 3px 0px;





}







#boxes ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

#boxes li {

	background-image:url(http://www.observer-reporter.com/images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 25px;

}



	

#boxes li  ul {

z-index:10;

color:#DADADA;



font-weight:normal;



margin:0pt;

padding:0pt 0pt 3px 0px;





}



#content12 p {



color:#000000;



font-weight:normal;



margin:0pt;

padding:0pt 0pt 3px 0px;

}









#featuresmain1 ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

#featuresmain1 li {

	background-image:url(http://www.observer-reporter.com/images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 10px;

}



	

#featuresmain1 li  ul {

z-index:10;

color:#DADADA;

font-weight:normal;

margin:0pt;

padding:0pt 0pt 3px 0px;

}







#content21 ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

#content21 li {

	background-image:url(http://www.observer-reporter.com/images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 25px;

}





	

#content21 li  ul {

z-index:10;

color:#DADADA;

font-weight:normal;

margin:0pt;

padding:0pt 0pt 3px 0px;

}



#imagecaption {

padding:5px;

font-size:1.1em;

letter-spacing:0pt;

line-height:1.4em;

text-align:left;

text-decoration:none;

word-spacing:normal;

}





















/* layout */





#storycontain{

display:block;

position:relative;

float:left;

width:700px;

padding-bottom:10px;

background-color:#FCFCF9;

}





#storyad{

width:240px;

height:650px;

overflow:hidden;

position:relative;

float:right;

margin-left:auto;

margin-right:auto;

}



#story{

margin-left:4px;

padding:15px;

width: 600px;

float:left;

background-color:#FCFCF9;



}

	



#contentmain{

margin-left:4px;

margin-bottom:20px;

padding-bottom:20px;

display:block;

position:relative;

float: left;

width:961px;

background-color:#FCFCF9;



	}

#content1{

display:block;

position:relative;

float:left;



}

#content2{

width:961px;

position:relative;

float:left;



}

#content21{

float: left;

position:relative;

width:800px;







}



#featuresmain{

width:955px;

height:134px;

padding:3px;

background-image:url(http://www.observer-reporter.com/images/07/images/featuresback.jpg);

background-repeat:repeat-x;

display:block;

position:relative;

border-bottom: 1px solid #000;

border-top: 1px solid #000;

border-right: 1px solid #000;

float:left;





}

#featuresbox ul li {

font-size:1em;

}



#featuresbox{

font-size:1em;

float:left;

text-align:left;

border-bottom: 1px solid #FFF;

border-top: 1px solid #FFF;

border-right:1px solid #FFF;

border-left: 1px solid #FFF;

display:block;

position:relative;

height:122px;

width:222px;

background-color:#FCFCF9;

margin: 6px;

overflow:hidden;





/*background-image:url(http://www.observer-reporter.com/images/07/images/features1.jpg);*/



	}

#featuresboxl{

padding-top:3px;

float:left;

padding-left: 25px;

padding-right:3px;



display:block;

position:relative;

width:119px;

}



#featuresboxr{

float:right;

background-color:#FCFCF9;

width:75px;

display:block;

position:relative;



}







#ad{

padding-left:15px;

position:relative;

display:block;

float:left;

}







#weather{

position:relative;

float:left;

height:108px;

margin-left:-15px;

}





#content22{

height:100%;

width:120px;

float: right;

padding-right:15px;

padding-top:15px;

padding-left:5px;

padding-bottom:5px;

margin-right:0px;

position:relative;

background-color:#FCFCF9;

}







#mainr{

width:666px;

float:left;

position:relative;

display:block;



}



#mainad{

width: 666px;

height:62px;

padding-top:15px;

position:relative;

display:block;

float:left;

}



#mainr2{

width:666px;

display: block;

float:left;

position:relative;

}







#content11{

float:left;

position:relative;

display:block;

width:265px;

padding:15px;

}

#videobox{

text-align:center;

width:303px;

margin-bottom:5px;

}

#content12{



float:left;

position:relative;

display:block;





width:303px;

padding:15px;



}

#content13{

float:right;



padding:15px;

position:relative;

display:block;



width:303px;





}



#content212{



float:left;

display:block;

width:625px;





background-color:#FCFCF9;



}





#content31{

width: 336px;

height: 280px;

display:block;

position:relative;

float:left;

padding-left: 10px;







}



#content32{

margin:auto;

width: 360px;

height: 280px;

display:block;

position:relative;

float:right;



}



#content2121 {



width:400px;



padding:15px;

display:block;

position:relative;

float:left;

}

#content2122 {

display:block;

position:relative;

float:left;

width:280px;

padding:15px;





}



#content33 {

display:block;

position:relative;

float:left;

width:400px;

height:260px;



padding:5px;

}





#content3 {

display:block;

position:relative;

float:left;

width:800px;

background-color:#FCFCF9;

padding:5px;

}

















/* tabs */



/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

z-index:2;

font-size:1.0em;

}

.tabberlive {

 margin-top:1em;

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

 margin:0;

 padding: 3px 0;

 border-bottom: 1px solid #778;

 font-size: 1.0em;

 position:relative;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 3px 0.5em;

 margin-left: 3px;

 border: 1px solid #778;

 border-bottom: none;

 background:#b3cddd;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #444; }

ul.tabbernav li a:visited { color: #444; }



ul.tabbernav li a:hover

{

 color: #000;

 background: #3b5e74;

 border-color: #227;

}



ul.tabbernav li.tabberactive a

{

 background-color: #fff;

 border-bottom: 1px solid #fff;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #000;

 background: white;

 border-bottom: 1px solid white;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:5px;

 border:1px solid #aaa;

 border-top:0;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {



 display:none;

}

.tabberlive .tabbertab h3 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}





/* lightbox */

#lightbox{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

	}

#lightboxDetails{

	font-size: 1.0em;

	padding-top: 0.4em;

	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#closeButton{ top: 5px; right: 5px; }



#lightbox img{ border: none; clear: both;} 

#overlay img{ border: none; }



#overlay{ background-image: url(http://www.observer-reporter.com/scripts/overlay.png); }



* html #overlay{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.observer-reporter.com/scripts/overlay.png", sizingMethod="scale");

	}

	#btmnavlist li

{

display: inline;

list-style-type: none;

padding-right: 20px;

}





/*Commentbox*/





.cssform p{

width: 300px;

clear: left;

margin: 0;

padding: 5px 0 8px 0;

padding-left: 155px; /*width of left column containing the label elements*/

border-top: 1px dashed gray;

height: 1%;

}



.cssform label{

font-weight: bold;

float: left;

margin-left: -155px; /*width of left column*/

width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/

}



.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/

width: 180px;

}



.cssform textarea{

width: 250px;

height: 150px;

}



/*.threepxfix class below:

Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.

to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html

*/



* html .threepxfix{

margin-left: 3px;

}



/*New Styles for Homepage 08*/



#columnsAB ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

	

#columnsAB li {

	background-image:url(http://www.observer-reporter.com/images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 25px;

}



#columnsAB{

position:relative;

float:left;

width:580px;

padding-right:10px;

}



#columnsBC{

position:relative;

float:right;

width:610px;

padding-right:10px;

}



#columnA{

position:relative;

float:left;

width:300px;

padding:10px;

border-right: 5px solid #ccc;

}



#columnB{

position:relative;

float:right;

width:240px;

}



#columnBB{

position:relative;

float:left;

width:240px;

}



#columnC{

position:relative;

float:right;

width:330px;

padding:10px;

border-left: 5px solid #ccc;

}



#breaklines{

position:relative;

float:right;

width:600px;

padding:15px;

}



#traffic{

display:block;

position:relative;

float:left;

width:140px;

}



#topads{

display:block;

position:relative;

float:right;

width:150px;

padding:0;



}



/*

#externalcontent{

display:block;

position:relative;

}



#weatherpoll{

display:block;

position:relative;

float:right;

width:140px;

}

*/



#youtube{

display:block;

position:relative;

}



#rightcontent{

display:block;

position:relative;

width:320px;

}



#featureboxes{

position:relative;

float:left;

width:120px;

}



#banneradright{

position:relative;

float:right;

width:140px;

height:620px;

overflow:hidden;

margin-right:-20px;

}



.featurebox ul {

margin-left:.5em;

padding-left:.5em;

}



.featurebox ul li {

font-size:1em;

}



.featurebox{

font-size:1em;

float:left;

text-align:left;

border: 5px solid #e1e2e3;

display:block;

position:relative;

height:120px;

width:130px;

background-color:#FCFCF9;

padding: 5px;

margin: 5px;

overflow:hidden;





/*background-image:url(../images/07/images/features1.jpg);*/



	}

	

.featureboxl{

padding-top:1px;

float:left;

padding-left:10px;

padding-right:10px;

display:block;

position:relative;

width:120px;

}



#footer3{

width:800px;

margin:auto;

position:relative;

text-align:center;

color:#333333;

z-index;-5;
padding-top: 20px;

}



.smalldiv{

padding-top:12px;

padding-bottom:0px;

padding-left:10px;

margin-bottom:10px;

height:29px;

background-image: url(../images/07/images/smallbg.jpg);

background-repeat:repeat-x;

}



.boxes ul {

	position:relative;

	list-style-type: none;

	margin: 0;

	padding: 0;

	}

.boxes li {

	background-image:url(../images/07/images/blue_bull.gif);

	background-position:0 0.3em;

	background-repeat:no-repeat;

	padding:0 0 0 25px;

}



	

.boxes li  ul {

z-index:10;

color:#DADADA;



font-weight:normal;



margin:0pt;

padding:0pt 0pt 3px 0px;





}



.centering {

text-align:center;

}