html, body {
	font: 100% Verdana, Arial, Helvetica;
}/* Georgia, "Times New Roman", Times, serif;*/
body {min-width: 600px;
	font-size: 80%;
	color: #000;
	background: #fff url(assets2/nav-bg1.gif) repeat-y left top;} /* bg img for left col color and width */
	
/* reset browser defaults */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre
{margin: 0; padding: 0;}
  /* no top and bottom margins on nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl
  {margin-top: 0; margin-bottom: 0;}
/* no borders on images, img links or tables */
img, a img, :link img, :visited img {border: none}
table {border-collapse: collapse;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { 
	color: #003399;
	margin-top: .3em;}
h1 { font-size: 1.4em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}

a:link {color: #006666; text-decoration: underline}
a:visited {color: #009999; text-decoration: underline}
a:hover {color: #CC0000;}
a:active {color: #FF3300;}

ol, ul, li { font-size: 1.0em; line-height: /*130%*/1.3em; margin: .5em 0 1em 1.5em;}
li { margin: .5em 0 .5em 1.5em;}
blockquote { margin: .5em 1em 1em 1.5em;}
hr {height:0; border-bottom: 1px solid #CCC;margin:10px 0;color:white;background:white; }

p { font-size: 1.0em; 
    line-height: /*130%*/1.3em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}

/*** The #header div has a static position and a background image ***/
#header {
	margin: 0;
	padding: 0;
 	background: #86b6cb url(images/saa-bg.jpg) repeat left top;
	width: 100%;
	height: 119px;} /*** height must be set so the following absolutely positioned divs, 
	                    #nav and #container, are placed correctly on initial load of the page***/
#header #hills  {position:absolute;top:0; left:0;    z-index:3;}						
#header #logo   {position:absolute;top:0; left:17px; z-index:2;} 
#header #clouds {position:absolute;top:0; left:0;    z-index:1;}

#searchbox {width:/*200px*/260px; position:absolute; right:0; top:40px; padding:2px; color:#000; background:#8bbed6;z-index:4;}
#searchbox input {color:#000; margin:1px 0; }
#searchbox #q {border: 1px solid #555; padding:1px; color:black;line-height:1em;width:/*196px*/256px;background:#e7f2f3;}
#searchbox #checkbox {margin:2spx 0 0 2px; line-height:1em;} 
						
#corner-img {
	position: absolute; 
	top: 119px;
	left: 0;
	width: 82px;
	height: 102px;
	background: url(images/saa-road.gif) no-repeat;
}
						
#nav {
	position: absolute;
	top: 119px;
	left: 0px;
	width: 152px;
	padding: 0;
	margin: 0;
	z-index: 20;
}
 #button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 126px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #066;
	margin-top: 25px;
	margin-left: 26px;
	}
#button ul, #button ul ul {
	list-style: none;
	margin: 0; padding: 0; border: none;}
		
#button ul li {
	margin:.5em 0 1em 0;
	padding: 0;background:#94DADA;
	
}
#button ul ul li {
	margin: 0 0 0 10px;
	padding: 0;
}

#button li a {
	width: 100%;
	display: block;
    position: relative; /*** IE6 needs this to display the links ***/
	padding: 2px 2px;
	background-color: #ccffff;
	color: #006666;border-bottom: 1px dotted #FFCC33;
	text-decoration: none;
	font: bold 1em/1.2em Verdana, Arial, Helvetica, sans-serif;}
html>body #button li a { width: auto;}

#button li a:visited { color: #466666;}
#button li a:hover { color: #ff9933;}
#button ul ul li a { font: 1em/1.2em Verdana, Arial, Helvetica, sans-serif;}

#container { 
    margin-left: 160px; 
    background: #fff;}

#wrapper, #wrapper2 { padding-top: 5px; position: relative;}

* html #wrapper, * html #wrapper2 {
	width: 100%; /*** IE5.5 needs this value to eliminate a horizontal scrollbar ***/
	w\idth: auto; } /*** resets the value for IE6 and IE5-Mac ***/
 
.left {
	float: left;
	margin-left: 0 /*6px*/;
	width: 46%/*43%*/;
	padding: 5px /*5px 5px 5px 0*/;
	background: #fff;position: relative;}

/*html>body .left {margin-left: 12px;} /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

.right {
	float: right;
	margin-right: 0 /*6px*/;
	width: 46%/*43%*/;
	padding:  5px /*5px 5px 5px 0*/;position: relative;}

/*html>body .right {margin-right: 12px;} /*** IE doubles the margin on the float. This sets
					the margin to the correct width for others ***/

#contents {
	margin: 10px 12px 5px 10px;
	padding: 3px 3px 15px;
	position: relative;
	background-color: #fff;
	left: 3px;
} 
.sidebarr {
	float: right;
	width: 250px;/* IEMac needs a width or it centers this in the page
	                IE5Mac will expand width to fit images
					Safari does not expand width */
	margin: 5px 0 5px 5px;/*5px tested ok*/
	padding: 5px 0 5px 5px;/*5px tested ok*/
	position: relative;}/*** for IE6 ***/
	
.w150 {width: 150px; } 
img.sidebarr { width:auto;}

/***html[xmlns] .sidebarr {margin: 0 5px; }  ??? Moz put the image too low ***/
	
.sidebarl {
	float: left;
	width: 150px;
	margin: 5px 5px 5px 0;	/*margin-right: 10px; tested ok*/
	padding: 5px 5px 5px 0; /*tested ok with no rule for padding*/
	position: relative;}/*** for IE6 ***/
.sidebarl p {padding-left: 5px; padding-right:5px;}
img.sidebarl { width:auto;}
	

/*** tables  ***/
table { padding:0; margin:0; border-spacing:0; border:0; }

/* memdir is table id for member directory tables... is this used for all data tables?... if so rename it */
#dtstroll, #memdir { width: 96%;}
table#memdir {table-display:fixed;}

#dtstroll td { padding:5px; }

table#memdir tr td {padding:10px 4px; font-size: 1.0em; line-height:1.3em; }
table#memdir tr td:first-child {font-weight:bold;color: #333;}
table#memdir tr td .indent {font-weight:normal;color:#000;margin-left:100px;}

#memdir h2 {
	line-height: 100%;
	margin: 0px;
	padding: 2px;
	background: #CDD6FF;}

table.presspics td {padding:4px; border: 1px solid #ccc;}
table.tbldata {width:96%;}
table.tbldata td { padding:5px; }

table.tblform {width:550px;margin-left:30px;}
table.tblform td {padding:2px;}

#poster,.details {margin-left:20%;}
.posteryear{font-size:150%; color:#CC9900;}

#footer {
	background: #fff;
	margin: 12px 12px 12px 10px; 
	padding: 3px 3px 15px;
	border-top: 1px solid #ccc;}
#footernav {
	text-align:center;
	padding-bottom:10px;
	border-bottom: 4px solid #ccc;}
#footernav p { line-height:150%;}
#footernav a:link, #footernav a:visited {text-decoration:none;}
#footernav .here,  
#footernav a {
	padding-left: 6px;
	padding-right: 7px;
	border-right: solid 1px #ccc;
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
#footernav .last { border-right:none;}

#bottom {font-size: 1px; line-height:0; margin:0; padding:0;}

.btn_txtlink { border: 1px solid #FFCC33;padding:6px;}
.clear { clear: both; margin: 0; padding: 0;} .clearrt { clear: right;}
.center { text-align: center;} .rt {text-align:right;}
.smaller { font-size: 90%;} .larger { font-size: larger;}
.narrow { line-height: 120%;}
.sanserif { font-family: Verdana, Arial, Helvetica, sans-serif;}
.nowrap {white-space: nowrap;}
.linobullet { list-style-type: none; margin-top: 15px;}
.tddotline { border-top: 1px solid #999999;}
.padlr { padding-left: 6px; padding-right:6px;}
.padleft { padding-left: 10px;}
.padleft20 { padding-left: 20px;}
.padrt { padding-right: 6px;}
.indent {display:block; margin-left: 10px; margin-top:3px;}

.goldstrol_01 { color: #FF9900;} .goldstrol01 { color: #CC9900;} .goldstrol02 { color: #CC9900;} .rosestrol03 { color: #993333;} .strol04 { color: #336600;} .strol05 { color: #3366CC;}
.strol06 { color: #707000;}
.strol07 { color: #337700;}
.strol08 { color: #0099cc;}
.strol09 { color: #100054/*#903#281858#261b40*/;}
.strol10 { color: #0066cc;}

.strolmenu, .strolmenu p { font-size: 10px; line-height: 15px;}
.bg1sil { background-color: #F2F3F4;}
.bg2sil { background-color: #DFE3E7;}
.bgblue { background-color: #F5F5FF;}
.bg3 { background: #E6EDF0;}

.choc { color: #843929;} .white { color: #FFFFFF;} .black { color: #000000;} .orange { color: #ff9900;/*#FF6600;*/} .green { color: #339900;} .red { color: #FF0000;} .blue { color: #003399;}
.halloween {color:#FF6500;}

/* Hides from IE-mac \*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block/*inline-table (replaced 8/06) */;}

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
 /* End hide from IE-mac clearfix Holly Hack */
 
        /* \*/
        * html .hollyhack 
       {height: 1%;}
       /* */