html {
padding:0;
margin:0;
border:0;
}

body {
  margin:0;
  border:0;
  padding:0;
  }


.headerimage
{
  /*background:url(../images/beige.jpg) no-repeat;*/
  position:relative;
  background-position:right;
  margin-right:25%;
  top:0;
  height:85px;
  z-index:1;
  overflow:hidden;
}

#header {
  position:relative;
  float:left;
  width:100%; 
  top:0; 
  left:0;
  height:150px;
  margin:0;
  padding:0;
  }

#upleft a {text-decoration:none;}

#upleft
{
    BACKGROUND: #ffffff no-repeat left top;
    POSITION: absolute;
    TOP: 3px;
    LEFT: 3px;
	z-index:10;
}

#upcenter
{
    POSITION:absolute;
    TOP: 10px;
	LEFT: 170px;
	color: #000000;
	font-weight: bolder;
	font-size: 2.3em;
}

#topnav
{
    POSITION: absolute;
    TOP:0;
	right:0;
	margin:0;
	color: White;
	background-color: #000000;
	font-size: 1.1em;
	font-weight: bolder;
	text-align:center;
	line-height:20px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
}

#topnav a:link, #topnav a:visited {color:White;}

#quicklinks
{
    position: absolute;
    top: 28px;
	right: 5px;
    margin: 0px;
    padding: 2px;
    height: 30px;
    font-size: .6em;
}

.qltext
{
	font-weight:bold;
	color:red;
}

#search
{
    position: absolute;
    top: 55px;
	right: 5px;
    margin: 0px;
    padding: 2px;
    height: 30px;
    font-size: 1em;
}

.vcenter
{
	vertical-align: middle
}

.menu 
{
	background-color: #000000; 
	height:24px; 
	line-height:20px; 
	width:100%; 
	margin:0;
	border:0;
	padding:5px 0 0 0; 
	position:absolute; 
	bottom:35px; 
	left:0; 
	font-size: 1em; 
	font-weight: bolder;
}

/* for internet explorer <7 */
* html .menu {height:29px;}

.menu div {display:none;}

.menu .tabsteelblueleft {width:10px; background:url(/images/tabsteelblueleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabsteelbluecenter {background:url(/images/tabsteelbluecenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabsteelblueright {width:10px; background:url(/images/tabsteelblueright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabgoldleft {width:10px; background:url(/images/tabgoldleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabgoldcenter {background:url(/images/tabgoldcenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabgoldright {width:10px; background:url(/images/tabgoldright.jpg); float:left; padding:2px 0 2px 0;}

.menu .taboliveleft {width:10px; background:url(/images/taboliveleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabolivecenter {background:url(/images/tabolivecenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .taboliveright {width:10px; background:url(/images/taboliveright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabtealleft {width:10px; background:url(/images/tabtealleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabtealcenter {background:url(/images/tabtealcenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabtealright {width:10px; background:url(/images/tabtealright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabpurpleleft {width:10px; background:url(/images/tabpurpleleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabpurplecenter {background:url(/images/tabpurplecenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabpurpleright {width:10px; background:url(/images/tabpurpleright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabroseleft {width:10px; background:url(/images/tabroseleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabrosecenter {background:url(/images/tabrosecenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabroseright {width:10px; background:url(/images/tabroseright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabtanleft {width:10px; background:url(/images/tabtanleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabtancenter {background:url(/images/tabtancenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabtanright {width:10px; background:url(/images/tabtanright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabkwcleft {width:10px; background:url(/images/tabclayleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabkwccenter {background:url(/images/tabclaycenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabkwcright {width:10px; background:url(/images/tabclayright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tablighttealleft {width:10px; background:url(/images/tablighttealleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tablighttealcenter {background:url(/images/tablighttealcenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tablighttealright {width:10px; background:url(/images/tablighttealright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabgreenleft {width:10px; background:url(/images/tabgreenleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabgreencenter {background:url(/images/tabgreencenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabgreenright {width:10px; background:url(/images/tabgreenright.jpg); float:left; padding:2px 0 2px 0;}

.menu .taborangeleft {width:10px; background:url(/images/taborangeleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .taborangecenter {background:url(/images/taborangecenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .taborangeright {width:10px; background:url(/images/taborangeright.jpg); float:left; padding:2px 0 2px 0;}

.menu .tabdarkgreenleft {width:10px; background:url(/images/tabdarkgreenleft.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabdarkgreencenter {background:url(/images/tabdarkgreencenter.jpg); float:left; padding:2px 0 2px 0;}
.menu .tabdarkgreenright {width:10px; background:url(/images/tabdarkgreenright.jpg); float:left; padding:2px 0 2px 0;}

.menu a, .menu a:visited {color:#545454; text-decoration:none; font-size:1em; cursor:pointer;} /* old text color #888 */
.menu a:hover {color:#545454; background:#ffffff; text-decoration:none;}
.menu span {color:#ffffff; text-align:center; background-position:0 30px;}
.menu a:hover span {color:#545454; text-align:center; background-position:0 30px;}

.menubar
{
	position:absolute;
	left:0px;
	bottom:0px;
	margin:0;
	height:31px;
	width:100%;
	border-bottom:2px solid #000000;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	color:black;
	font-size:1em;
	font-weight:bold;
	overflow:hidden;
}

/* for internet explorer */
* html .menubar {height:35px;}

.menubar a {color:black;}
.menubar a:visited {color:black;}

#menusub
{
	width:100%;
	text-align:center;
	color:White;
	font-size:.8em;
	font-weight:bold;
	line-height:1.5em;
	height:1.5em;
	margin: -5px 0 5px 0;
}

.gold {background:#C9AF43; background-color:#C9AF43; }

.goldheader
{
	background: url(../images/table-gold-tcenter.jpg);
	width:100%;
	color:Black;
	text-align:center;
	font-weight:bolder;
	height:26px;
	line-height:26px;
}

.rose {background:#A33E48;	background-color:#A33E48; }

.roseheader
{
	background: url(../images/table-rose-tcenter.jpg);
	width:100%;
	text-align:center;
	color:Black;
	font-weight:bolder;
	height:26px;
	line-height:26px;
}

.clay {background:#DB5E19;	background-color:#DB5E19; }

.clayheader
{
	background: url(../images/table-clay-tcenter.jpg);
	width:100%;
	text-align:center;
	color:Black;
	font-weight:bolder;
	height:26px;
	line-height:26px;
}

#printheader
{
    display:none;
}

/* controlling number of columns */
#container 
{
  position:absolute;
  width:98%;
  top:150px;
  font-size: 1.2em;
  overflow:auto;
  background:#ffffff;
  padding:10px;
  margin:0;
  border:0;
  text-align: left;
  }

/* for internet explorer <7 */
* html #container {
  width:100%; 
  }

.roundedtable .hctr .rthead8 {margin:0; padding:0;font-size:.75em; color:Black; font-weight:bold; text-align:center;}
.roundedtable .rthead10 {font-size:1em; color:Black; font-weight:bold; text-align:center;}

.homecolumn {
float:left;
background:#ffffff;
padding-bottom:10px;
	}

.columnone {
width:20%;
float:left;
background:#ffffff;
padding: 0 0 10px 0;
margin:0;
	}

.column2and3 {
width:80%;
float:left;
background:#ffffff;
padding: 0 0 10px 0;
margin:0;
	}	

.column-none {
width:95%;
background:#ffffff;
padding-bottom:10px;
padding-left:20px;
	}	

.columntwo {
width:54%;
float:left;
background:#ffffff;
padding-bottom:10px;
margin-right:5px;
	}
	
.columnthree {
float:left;
background:#ffffff;
padding-bottom:10px;
	}	

.column2-50 {
width:50%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}
	
.column-44 {
width:44%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}

.column-36 {
width:36%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}
		
.column3-50 {
width:50%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}	

.column-20 {
width:20%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}

.column2-40 {
width:31%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}
	
.column3-60 {
width:47%;
float:left;
background:#ffffff;
padding-bottom:10px;
	}

#copyright
{
POSITION:static;
float:left;
width:100%;
FONT-SIZE: 10px;
COLOR: black;
BACKGROUND: #ffffff;
PADDING-BOTTOM: 10px;
}

/*
#footer {
  position:relative; 
  bottom:0; 
  left:0;
  width:100%; 
  height:45px; 
  overflow:auto; 
  text-align:center; 
  background:#FFFFFF;
  border-top:5px solid #24315A;
  }
* html #footer {height:50px;}
*/

iframe#oscpaiframe
{
	height:100%;
	width:100%;
	z-index:10;
}

.iframe-rate
{
	height:30px;
	font-size: 14px;
}
#sectionheader {
		clear:both;
		float:left;
		width:100%;
	}
	#sectionheader p,
	#sectionheader h1,
	#sectionheader h2 {
		text-align:center;
		padding:.4em 15px 0 15px;
		margin:0;
	}
#articlesearch
{
 display: inline; 
 margin-right:-1px; 
 width: 55%; 
 float:left;
}
#asktech
{
 width: 30%; 
 float:right;
 display: inline; 
 margin-right:125px; 
}
#memberdirectory
{
 width: 52%; 
 float:left;
 display: inline; 
 margin-right:-1px; 
}
#oscpaarticles
{
 position:relative; 
 right: 0px; 
 background-color:Transparent;  
 border-style:solid;
 border-width:1px;
 border-color:#CCC;
 width: 90%; 
 padding: 10px; 
}
#memberarticles
{
 position:relative; 
 right: 5px; 
 background-color:Transparent;  
 border-style:solid;
 border-width:1px;
 border-color:#CCC;
 width:90%; 
 padding: 10px; 
}
#cpe
{
 position:relative; 
 right: 0px; 
 background-color:Transparent;  
 border-style:solid;
 border-width:1px;
 border-color:#CCC;
 width: 90%; 
 padding: 10px; 
}
#media
{
 position:relative; 
 right: 0px; 
 background-color:Transparent;  
 border-style:solid;
 border-width:1px;
 border-color:#CCC;
 width:35%; 
 padding: 10px; 
 margin-left: auto;
 margin-right: auto;
 width: 20em
}
#header {
		clear:both;
		float:left;
		width:100%;
	}
.colmask 
{
        position:relative;
		clear:both;
		float:left;
		width:100%;			
		overflow:hidden;		
	}
	
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		overflow:hidden;
		padding:0 0 1em 0;
	}
	.rightmenu {
		background:#ffffff;		
	}
	.rightmenu .colmid {
		right:25%;				
		background:#ffffff;		
	}
	.rightmenu .colleft {
		right:25%;			
		background:#fff;		
	}
	.rightmenu .col1 {
		width:48%;			
		left:52%;
		padding: 10px;			
	}
	.rightmenu .col2 {
		width:48%;			
		left:45%;
		padding: 10px;			
	}
	.rightmenu .col3 {
		width:21%;			
		left:60%;			
	}
.sectiontitle 
{
  position: absolute;
  display: inline;
  border: 1px solid;
  border-width: 0 .1em;
  padding: 0 .5em;
  top: -.6em;
  left: 1em;
  font-weight:bold;
  background-color: white; 
  border-color:#CCC;
}
#poll
{
 position:relative; 
 right: 0px; 
 background-color:Transparent;  
 width:45%; 
 padding: 10px;
 margin-left: auto;
 margin-right: auto;
 width: 20em
}
#footer {
  clear:both;
  float:left;
  width:100%;
  border-top:1px solid #CCC;
  text-align:center;
	}

	.doublepage {
		background:#FFFFF;		
	}
	.doublepage .colleft {
		right:50%;			
		background:#fff;		
	}
	.doublepage .col1 {
		width:46%;			
		left:52%;
		padding: 5px;			
	}
	.doublepage .col2 {
		width:50%;			
		left:50%;
		padding: 5px;			
	}


	





