/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background-image: url(../images/soa-background8.gif);
	background-repeat: no-repeat;
}

* {
margin: 0;
padding: 0;

}

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

#main 	   {width:750px; height:100%; margin: 0 auto; border: 0px solid #EEEEEE; }

#top 	   {height: 18px; repeat-x top left;}
#topmenu   {font-family: "Arial", Helvetica, Sans-Serif; font-size: 9pt; color: #06548C; background: #ecba4c; float: right; margin: 0px; padding: 0px;}
#topmenu a {text-decoration: none; color: #06548C; background: inherit; padding: 2px 5px 2px 5px; margin: 0;}
#topmenu a:hover {background: #156D9A; color: #C4D1E2;}

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

#wrapper {
background-color:#FFFFFF;
}

#container{ 
 width:760px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 border: 1px solid #999;
 background-color:#FFFFFF;
} 
 
#header{
 position:relative; 
  
  background-color:#cccccc; 
 width:100%;
 height:150px;
}

#footer{
 height:auto; 
 background-color:#edbe57; 
 clear:both;
 font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:right;
padding:5px 5px 5px 0;
 }
 
#footer a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#426E9E;
text-decoration:none;
}

#footer a:hover{
	font-weight:bold;
	text-decoration:underline;
} 

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


/* 2 COLUMN LAYOUT */

#leftcol_2c{
 width:190px; 
 float:left; 
 position:relative; 
 background-color:#ffffff; 
 }
 
#maincol_2c{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 position: relative; 
 width:585px; 
 }
 
 #content{background-color: #ffffff;  
 float: left; 
 display:inline; 
 width:560px; 
 margin: 5px  5px 0px 5px;
 }

/* END 2 COLUMN LAYOUT */



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

/*Left Column Navigation*/

/*New Left Meniu */
#menu {
  padding:0;
  margin:5px 0px 0px 0px;
  width:0;
  }
#menu li {
  list-style-type:none;
  margin:0 0 0.20em 3px;
  }
#menu a, #menu a:visited {
  display:block;
  width:170px;  /*menu width*/
  border:1px solid #333; /*menu border*/
  font-family:arial, verdana, sans-serif;
  font-size:1.4em; /*menu text size*/
  text-align:left;
  text-decoration:none;
  background:#edbe57 url(http://www.stsoa.org/images/aro_t_yellow.png) no-repeat center left; /*menu background color mouse off*/
  color:#000000; /*menu text color mouse off*/
  padding:0.25em;  /*menu cell size*/
  
  }
#menu a:hover {
  background:#596479 url(http://www.stsoa.org/images/aro_t_blue.png) no-repeat center left;
  color:#ffffff;
  }
/*End Left Menu*/


/* *** Column Padding - 
The box model is handled incorrectly by some browsers, which causes padding and borders to be added to an elements width. So applying padding directly to a column will change the way the widths are calculated and could mess up the floated columns. To get around this problem apply margin to the children of the column instead.  *** */ 

.btmlnk8b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: normal; color: #003399; text-decoration: none; vertical-align: baseline }
.mainlnk9b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #003399; text-decoration: none; vertical-align: baseline }
.mainlnk9bul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: bold; color: #003399; text-decoration: underline; vertical-align: baseline }
.txt9b { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; color: #003399; text-decoration: none; vertical-align: baseline }
.mainlnk9y { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #FFFF00; text-decoration: none; vertical-align: baseline }
.txt9y { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; font-weight: bold; color: #FFFF00; text-decoration: none; vertical-align: baseline }
.white9 { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-style: plain; font-weight: bold; color: #FFFFFF; text-decoration: none }
.txt8y { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal;  color: #FFFF00; text-decoration: none; vertical-align: baseline }
.red10 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF0033; text-decoration: none}
.red8 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FF0033; text-decoration: none}
.gray8 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #d0d0d0; text-decoration: none}
.hd12y { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #FFCC00; text-decoration: none; vertical-align: baseline }

ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal;  }
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal;  }
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-style: normal; font-weight: normal;  }
h1 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 22px;  color: #003366}
h2 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 13pt; font-weight: bold;  color: #003399}
h3 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 11pt;  font-weight: bold; color: #003399}
h4 {  font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 10pt;  font-weight: bold; color: #003399}.hd8b { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #003399; text-decoration: none }
.hd9b { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #003399; text-decoration: none }
.newstxt8 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}
 
#content li {
color:#000000;
  list-style-type:circle !important;
  list-style-position:inside;
  margin:0 0 0.20em 3px;
  }
  #content ul{
  padding:0px;
  margin:5px;
  }
  
  ul.list{
  list-style:circle;}


form{
margin:0px;
}
div.formtable a{

color:#003399;
}
div.formtable a:hover{
font-weight:bold;
color:#ffcc00;
}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol_2c{display:none;}
#leftcol_3c{display:none;}  

/*hide the right column when printing*/ 
#rightcol_3c{display:none;} 
#twocols_3c, #maincol_1c, #maincol_2c, #maincol_3c, #content{width:100%; float:none;}
}