/*layout CSS */
body {
text-align:center; /*center hack*/
background:#ffffff url(../images/orange/bg_main.jpg) center top repeat-x;
margin: 0px;
}


#wrapper {
margin: 0 auto;
text-align:left; /*center hack*/
}

.width_800{
max-width:780px;
/* width:780px; */
}

.width_1024{
min-width:910px;
max-width:1000px;
width:auto !important;
width:1000px;
}

.width_fluid{
min-width:910px;
max-width:97%;
width:auto!important;
width:97%;
}

#heading{
margin-top: 150px;
width:100%;
position:absolute;
padding:16px 0px 0px 0px;
}
#heading h1{
font-size:36px;
font-family:"Myriad pro", "Myriad Web", Geneva, Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#fff;
margin:0 0 0 27px!important;
padding:0 !important;
}
#heading h1 a{
color:#fff;
font-weight:normal;
}
#heading h1 a:hover{
text-decoration:none;
}
a#sitename1{

width:400px;
height:144px;

}
#buttons{
position:absolute;
right:23px;
top:40px;
}
a#alarge.btnicon{
margin-right:8px;
}
a#asmall.btnicon{
margin-right:16px;
}
.btnicon{
float:left;
text-indent:-2000px;
width:56px;
height:32px;
}
a.btnicon{
margin-right:6px;
}
#header{
margin-top:16px;
color:#fff;
}

.bgbl {
height: 300px;
}

#header .bgbl{
background:url(../images/headerbg_bl.jpg) no-repeat;
background-position:15px 100%;
height:auto!important;
height:100px;
min-height:100px;
padding:0px 24px 26px 24px;
position:relative;
}

#user3{
display:block;
position:relative;
height:40px;
}
#user3 .moduletable{
margin:0;
}


#header #top a{
text-decoration:underline;
}

#header #top a:hover{
color:#fff;
}

#header #top .moduletable{
padding-top:6px;}

#header #top .moduletable h3{
background-position:0px 15px;
position:relative;
padding:3px 0 0 25px;
margin:3px 0;
}

#user4 {
position:absolute;
right:0;
bottom:-4px;
background:url(../images/user4bg-l.jpg) top left no-repeat;
padding-left:38px;
color:#000;
z-index:1000;
margin-top:0px!important;
margin-top:1px;
}

#header #user4 .bgright{
background:url(../images/user4bg-r.gif) top right no-repeat;
padding-right:18px;
}

#header #user4 .bg{
background:url(../images/user4bg.jpg) top left repeat-x;
padding:5px 12px 5px 10px;
}
#user4 .moduletable, #user4 form, #user4 input{
margin:0;
padding:0;
}

#container{
padding-left:18px;
}
#container .bgright{
padding-right:18px;
margin:0!important;
margin-right:1px;
}
#container .bg{
background:#fff url(../images/containerbg_m.png) top left repeat-x;
}

#container .bg{
padding:12px 24px 0px 24px;
}
#content, #breadcrumbs{
position:relative;
width:100%;
}
#breadcrumbs{
padding-bottom:6px;
background:url(../images/bg-breadcrumbs.png) bottom left repeat-x;
margin-bottom:9px;
}
.left, .middle, .right{ overflow:hidden;}
.left, .right{
width:205px;
}
.left{
float:left;
margin-left:-100%;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.right{
float:left;
margin-left:-205px;
background:#fff url(../images/sidebg-b.png) bottom left no-repeat;}

.left .bgtop, .right .bgtop{
background:url(../images/sidebg-t.png) top left no-repeat;
padding:1px 1px 20px 1px;
}
.middlewrap{
float:left;
width:100%;
}

.middle{
background:#fff url(../images/middlebg-l.jpg) top left no-repeat;
}
#middlenarrow{
margin:0 209px;}
#middlewide{
margin:0;
}
#middlewrapleftonly{
float:right;
width:100%;
margin-left:-209px;
}
#middleleftonly{
margin:0 0 0 209px;}
#leftleftonly{
margin:0;
}

#middlewraprightonly{
float:left;
width:100%;
margin-left:-209px;
}
#middlerightonly{
margin:0 0 0 209px;}
#rightrightonly{
float:right;
margin:0;
}

.middle .middlebg{
background:url(../images/middlebg-r.jpg) top right no-repeat;
padding:16px;
}

.middle h1, .middle .componentheading{
background:url(../images/dotted.gif) bottom left repeat-x;
margin-bottom:0.3em;
}
.middle li{
background-position:0px 0px;
padding:1px 0px 5px 18px;
}

#user1{
float:left;
width:49.5%;
overflow:hidden;
}
#user2{
float:right;
width:49.5%;
overflow:hidden;
}
#bottom {
border-top:#cdcdcd 1px solid;
margin-top:16px;
}
#bottom .bottombg{
clear:both;
background:#f4f4f3 url(../images/bottombg.png) bottom left repeat-x;
padding:18px 0px;
position:relative;
width:100%;
border-top:#fff 1px solid;











}
#bottom .moduletable{
padding:0px 16px;
}
#bottom .moduletable h3{
background:none;
margin:0;
font-size:1.2em;
text-transform:uppercase;
}
ul.mostread, ul.latestnews{
padding:0;
margin:0;
}
a.mostread, a.latestnews{
background:url(../images/icon_author_bottom.gif) no-repeat;
background-position:0px 1px;
padding-left:18px;
}
#bottom li.mostread, #bottom li.latestnews{
padding:3px 0;
border-top:#fff 1px solid;
}
#bottom li a{
color:#666666;
}
#bottom li a:hover{
text-decoration:none;
}
#footer {
clear:both;
color:#fff;
background-color:#777;
padding:6px 0px;
margin:16px 0;
position:relative;
width:100%;
text-align:center;
}
#footer a{
font-weight:normal;
color:#ccc;}

#footer a:hover{
color:#fff;
text-decoration:none;
}

#footer .footerleft{
float:left;
padding-left:16px;
}

#footer .footerright{
float:right;
padding-right:16px;
}

#reflection{
position:relative;
height:16px;
margin-left:-28px;
margin-right:-28px;
}

/*global reset*/

* {
margin:0;
padding:0;
}
body {
font-size:76%;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3;
}
h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0; 
}
li,dd { 
margin-left:1em;
}
fieldset { 
padding:.5em; 
border:0;
}

/*general*/
ul{
list-style:none;
}
li p{
margin:0;
}
img{
border:0 none;
}

a{
text-decoration:none;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}
a:active, a:focus{
outline:none;
}
td,p{
text-align:left;
}
h1,.componentheading{
font-size:1.7em;
font-weight:normal;
margin:0;
padding-bottom:0.1em;
}
h2,.contentheading{
font-size:1.3em;
font-weight:bold;
font-family:Helvetica, Arial, sans-serif;
letter-spacing:-0.02em;
}
h3{
font-size:1.2em;
font-weight:bold;
}
h4{
font-size:1.1em;
font-weight:bold;
}
h5{
font-size:1.1em;
font-weight:bold;
}
h6{
font-size:1em;
font-weight:bold;
}
#footer,.small,.createdate,.modifydate,.mosimage_caption{
font:0.9em Arial,Helvetica,sans-serif;
}
.moduletable, .moduletable_menu, .moduletable_text{
margin-bottom:1em;
padding:0 10px; /*padding for inside text*/ 
}
.moduletable h3, .moduletable_menu h3, .moduletable_text h3{
padding:0.5em 0.5em 1em 0.5em;
margin:0 -10px 0.5em -10px; /*negative padding to pull h3 back out from .moduletable padding*/ 

}

.clear{
clear:both;
}

/*search */

.search input{/* the input textarea box */
background:url(../images/searchbg.png) top left no-repeat;
border:0;
height:18px;
font-size:11px;
width:182px;
}
.search #mod_search_searchword{
padding:2px 0 0 10px;
}

/*joomla*/

ul#mainlevel-nav{
margin:0; 
padding:0;
width:auto;
}
ul#mainlevel-nav li{
margin:0; 
padding:0; 
display:inline;
height:40px;
}
a.mainlevel-nav{
color:#d0d0d0; 
text-transform:uppercase;
padding:10px;
float:right;
background:url(../images/topmenu-vline.jpg) no-repeat;
background-position:0px 2px;
}
a.mainlevel-nav:hover{
text-decoration:none;
}
ul.menu a{
font-size:1.1em;
color:#2a2929;
font-weight:bold;
display:block;
background:url(../images/arrow_mainlevel.png) no-repeat;
background-position:3px 9px;
border-bottom:#eee 1px solid;
padding:4px 4px 4px 16px;
margin-right:13px;
}
ul.menu a:hover{
text-decoration:none;
}
li#current a{
font-weight:bold;
}
li#current li a{
color:#2a2929;
font-weight:bold;
background:url(../images/arrow_sub.png) no-repeat;
background-position:4px 10px;
border:none;
}


table.pollstableborder td{
padding:0.2em;
}


.button{
color:#fff;
font-size:1.1em;
font-weight:bold;
margin:0.3em 0;
padding:0.1em 0.5em;
}

.small, .articleauthor, .createdate, .modifydate{
color:#8a8a8a;
}

 .articleauthor, .createdate, .modifydate{
padding-left:18px;
}

.articleauthor{
background:url(../images/icon_author.gif) top left no-repeat;
}

.createdate{
background:url(../images/icon_date.gif) top left no-repeat;
display:block;
padding-bottom:1em;
}

.modifydate{
background:url(../images/icon_updated.gif) top left no-repeat;
padding-bottom:1em;
}

div.banneritem_text{
padding:0.5em 0;
background:url(../images/dotted.gif) bottom left repeat-x;
}

.article_column {
	padding-right: 5px;
}

.column_separator {
	background:url(../images/dotted_v.gif) top left repeat-y;
	padding-left: 10px;
}

table.contentpaneopen, table.contentpane {
	margin: 0;
	padding: 0;
	width: auto;
	min-width: 400px;
}

table.contentpaneopen li {
	margin-bottom: 5px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
}

td.buttonheading{
	text-align:right;
}

/* ###### NEWSFLASH STYLE ###### */

.contentheading_newsflash {
	font-weight: bold;
	font-style: italic;
	font-size: 12px;
	color: #f38201;
}

.contentpaneopen_newsflash {
	font-style: italic;
	font-weight: bold;
	color: #FFFF80;
}

.countdown_remove {
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	color: #f38201;
}


/* ######### Last Thread on header style ################ */

li.lastthread {
	color: #d0d0d0;
}

div.moduletable_LastThread {
	border: 1px solid #ff7f00;
	padding-left: 10px;
	background-color: #5c5c5c;
}

/* ###################### OZONERACERCS.COM NEWS AND ARTICLES STYLES ###################### */
p {
	line-height: 15px;
}

.OZ_table {
	width: 80%;
	background-color: #F0F0F0;
	border-color: #CCCCCC;
	border-width: thin;
	border-style: solid;
	padding: 0px;
}

span.OZ_citation {
        display: block;
	font-size:12px;
	font-style: italic;
	padding-left: 48px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	background: url(/portal/customcss/images/citation_open.gif) top left no-repeat;
/*	border-right-color: #D0D0D0; */
/*	border-right-width: thin; */
/*	border-right-style: dashed; */
/*	border-bottom-color: #D0D0D0; */
/*	border-bottom-width: thin; */
/*	border-bottom-style: dashed;	*/
/*	border-left-color: #D0D0D0; */
/*	border-left-width: thick; */
/*	border-left-style: solid; */

}

div.OZ_frameCode {
	background-color : #AACCFF;
	border-color: #CCCCCC;
	border-left-width: thick;
	border-left-style: solid;
	border-right-width: thin;
	border-right-style: solid;
	border-top-width: thin;
	border-top-style: solid;
	border-bottom-width: thin;
	border-bottom-style: solid;

	padding: 5px;
	font-family: "Courier New", Courier, mono;
	font-size: 12px;
	/* color: #666666; */
	color: #000000;
}

div.OZ_frameCode:hover {
	background-color : #F0F0F0;
}

.OZ_title {
	font-size: 24px;
	font-style: normal;
	text-align: center;
	line-height: 36px;
}

.OZ_subtitle {
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	text-align: left;
	line-height: 36px;
}

.OZ_note {
	font-size: 10px;
	font-weight: bold;
	padding-left: 15px;
	border-left-color: #FF0000;
	border-left-width: thick;
	border-left-style: solid;
}

.OZ_shortcut {
	background-color: #CCCCCC;
	font-family: "Courier New", Courier, mono;
	border-style: solid;
	border-width : 1px;
	border-color: #000000;
	padding:0em 1em 0em 1em;
}

.OZ_RoundedBox, .OZ_RoundedBoxBack {
	font-size: 12px;
	position:relative;
	margin:12px 0;
	border:1px solid #999999;
	background:#f6f6f6;
	padding:10px;
}

.OZ_RoundedBox {
	width: 97%;
}

.OZ_RoundedBoxBack {
	background: #ffffff url(/portal/customcss/images/storyback.png) center no-repeat;
}
	
.OZ_RoundedBox_Left {
        float: left;
        width: 50%;
        font-size: 12px;
	position:relative;
	margin:12px 0;
	border:1px solid #999999;
	background:#f6f6f6;
	padding:10px;
}

.OZ_RoundedBox_Right {
        float: Right;
        width: 50%;
        font-size: 12px;
	position:relative;
	margin:12px 0;
	border:1px solid #999999;
	background:#f6f6f6;
	padding:10px;
}

.OZ_RoundedBox_UserJS_Right {
        float: Right;
        width: 220px;
        font-size: 12px;
	position:relative;
	margin:12px 0;
	border:1px solid #999999;
	background:#f6f6f6;
	padding:10px;
}

.OZ_RoundedBoxBack:before, .OZ_RoundedBox:before, .OZ_RoundedBox_Left:before, .OZ_RoundedBox_Right:before, .OZ_RoundedBox_UserJS_Right:before {
	display:block;
	height:16px;
	background: transparent url(/portal/customcss/images/round_tr.gif) top right no-repeat;
	content: url(/portal/customcss/images/round_tl.gif);
	line-height:1px;
	font-size:1px;
	margin:-11px -11px 0 -11px;
}

.OZ_RoundedBoxBack:after, .OZ_RoundedBox:after, .OZ_RoundedBox_Left:after, .OZ_RoundedBox_Right:after, .OZ_RoundedBox_UserJS_Right:after {
	display:block;
	height:16px;
	background: transparent url(/portal/customcss/images/round_br.gif) bottom right no-repeat;
	content: url(/portal/customcss/images/round_bl.gif);
	line-height:1px;
	font-size:1px;
	margin:1px -11px -11px -11px;
}

div.OZ_IconNotice, div.OZ_IconInfo, div.OZ_IconWarning, div.OZ_IconAlert {
        min-height	 : 42px;
	display		 : block;
	border           : 1px solid #e0e0e0;
	font-size	 : 11px;
	font-weight	 : normal;
	vertical-align	 : top;
	padding		 : 7px 7px 7px 54px;

}

div.OZ_IconNotice {
	background	 : url(/portal/customcss/images/icon_notice.png) top left no-repeat;
}

div.OZ_IconInfo {
	background	 : url(/portal/customcss/images/icon_info.png) top left no-repeat;
}

div.OZ_IconWarning {
	background	 : url(/portal/customcss/images/icon_warning.png) top left no-repeat;
}

div.OZ_IconAlert {
	background	 : url(/portal/customcss/images/icon_alert.png) top left no-repeat; 
}
/* ###################### END OZONERACERCS.COM NEWS AND ARTICLES STYLES ###################### */