h2 {

	font:1.5em Arial, Helvetica, sans-serif;

}



body{

	margin:0;

	padding:0;

	line-height: 1.5em;

	background-color:#FFF9E4;

}



a:visited {

	color:#9933CC;

}



a:focus, a:hover {

	text-decoration:none;

}



a:active {

	color:#FF0000;

}



img {

	border:0;

}



#title {

	padding-top:25px; 

	padding-left:100px;

}



#exec_board img {

	border:1px #000000 solid;

	margin-right:10px;

}

#president_image {
	float:left; 
	vertical-align:middle; 
	border:1px #000 solid;
}

#president_title {
	padding:40px 0px 0px 10px;
}


#swasap_logo {

	float:right; 

	margin-top:-85px; 

	margin-left:-150px;

}



#topsection{

	background:url(../images/bg-top.gif);

	height: 251px; /*Height of top section*/

	color:#FFF;

}



#topsection h1{

	margin: 0;

	padding-top: 15px;

}



#header_center {

	margin:0 auto; 

	text-align:center;

}



#home_images {

	filter:blendTrans(duration=3); 

	float:right; 

	padding:4px; 

	margin:5px 5px 5px 10px; 

	background:#FFF; 

	border:1px solid #000;

}



#center_top {

	margin:0 auto; 

	text-align:center;

}



#contentwrapper{

	float: left;

	width: 100%;

	font:.9em Verdana, Arial, Helvetica, sans-serif;

}



#contentcolumn{

	margin: 0 30% 0 3%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}





#contentcolumn_left{

	margin: 0 10% 0 22%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}



#leftcolumn{

	float: left;

	width: 20%; /*Width of left column in percentage*/

	margin-left: -100%;

	background: url(../images/bg-col.gif) #E5E0CD repeat-y;

	font:.8em Arial, Helvetica, sans-serif;

	padding:10px;

}



#rightcolumn{

	float: left;

	width: 25%; /*Width of right column in pixels*/

	margin-left: -25%; /*Set margin to that of -(RightColumnWidth)*/

	background: url(../images/bg-col.gif) #E5E0CD repeat-y;

	font:.8em Arial, Helvetica, sans-serif;

}



#rightcolumn2{

	padding-top:10px;

	height:320px;

	/*background:url(images/bg-col.gif) #CCC7B6 repeat-y;*/

}



#footer{

	clear: left;

	height:25px;

	background:url(../images/footer.jpg);

	color: #FFF;

	text-align: center;

	margin:0 auto;

	padding: 30px 0;

	font:.7em Arial, Helvetica, sans-serif;

}



#footer a{

	color: #FFFF80;

}



.innertube{

	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

	margin-top: 0;

}



.upcoming_events_images {

	float:left; 

	padding-right:5px;

}



.clear_both {

	clear:both;	

}



.margin_left_menu {

	margin-left: 1px;

}



.clear_left {

	clear:left;

}



.center {

	text-align:center;

	margin:0 auto;

}



.red {

	color:#FF0000;

}



#other_links {

	text-align:center;

	margin:0 auto;

}



#other_links a {

	padding-right:15px;

}



#invertedtabs{

	width: 710px;

	margin: -10px auto;

	background: transparent;

	voice-family: "\"}\"";

	voice-family: inherit;

	padding-left: 5px;

}



#invertedtabs ul{

	font: bold .7em Arial, Verdana, sans-serif;

	margin:0;

	margin-bottom: 1em; /*margin between menu and rest of content*/

	padding:0;

	list-style:none;

}



#invertedtabs li{

	display:inline;

	margin:0 2px 0 0;

	padding:0;

	text-transform:uppercase;

	line-height: 1.5em;

}





#invertedtabs a{

	float:left;

	color: #FFF;

	width:116px;

	background:url(../images/button_test1.png) no-repeat left bottom;

	margin:0 0px 0 0;

	padding:0 0px 0 2px;

	text-decoration:none;

	letter-spacing: 1px;

	text-align:center;

}



#invertedtabs a span{

	float:left;

	display:block;

	background: transparent url(../images/color_tabs_right2.gif) no-repeat right bottom;

	padding:15px 15px 15px 15px;

}



#invertedtabs a span{

	float:none;

}





#invertedtabs a:hover{

	background:url(../images/button_test2.png) no-repeat left bottom;

}



#invertedtabs a:hover span{

	background:url(../images/button_test2.png) no-repeat left bottom;

}



#invertedtabs #current a, #invertedtabs #current span{ /*currently selected tab*/

	background-color: #E1C931;

}



#invertedtabsline{

	clear: both;

	padding: 0;

	width: 100%;

	height: 8px;

	line-height: 8px;

	background: #8b0000;

	border-bottom: 1px solid #fff; 

}



#states {

	margin:0 auto; 

	text-align:center; 

}



#states img {

	padding:8px 30px;

}





.middle_align {

	vertical-align:middle;

}



.testimony {

    

    width:550px;

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

    background-repeat: no-repeat;

    background-position: -180px top;

    margin:10px auto;

    position:relative;

}  



.testimonial {

	width:350px;

	padding:30px 30px;

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

	background-repeat: no-repeat;

	background-position: 450px bottom;

	font-size:12pt;

	color:#787878;

	font-style:italic;

	position:relative;

}



.testament {} /*style this differently for whoever the quote is attributed to*/



/* set the image to use and establish the lower-right position */ 



.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 

background: transparent url(../images/info_box.png) no-repeat bottom right; 

} 



.cssbox { 

width: 650px !important; /* intended total box width - padding-right(next) */ 

width: 320px; /* IE Win = width - padding */ 

padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 

margin: 20px auto; /* use to position the box */ 

} 



.cssbox p {

	padding-bottom:10px;

}



/* set the top-right image */ 

.cssbox_head { background-position: top right; 

margin-right: -15px;  /* pull the right image over on top of border */ 

padding-right: 40px; /* right-image-gap + right-inside padding */ 

} 



/* set the top-left image */ .cssbox_head h2 {

color:#FFF;

background-position: top left; 

margin: 0; /* reset main site styles*/ 

border: 0; /* ditto */ 

padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 

height: auto !important; height: 1%; /* IE Holly Hack */ } 



/* set the lower-left corner image */ 

.cssbox_body {

background-position: bottom left; 

margin-right: 25px; /* interior-padding right */ 

padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */ 

} 



blockquote.withquote {

background: url(../images/quote.gif) no-repeat top left;

margin-left:60px;

padding-left:25px;

text-align:center;

} 



p.withunquote {

background: url(../images/unquote.gif) no-repeat;

background-position:bottom right;

padding-right:5px;

font-style:italic;

}



#leftbox {

	position: relative;

	width:250px;

	color: #000;

	float: left;

	background-image:url(images/1-p1.jpg);

	height:120px;

}





#rightbox {

	position: relative;

	width: 440px;

	border: none;

	float: right;

}



#home_header_h1 {

	height: 50px;

	position: relative;

}



#home_header_h1 span {

	background: url(../images/swasap_title.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#member_area_h1 {

	height: 50px;

	position: relative;

}



#member_area_h1 span {

	background: url(../images/member_area.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#upcoming_header_h2 {

	height: 30px;

	position: relative;

}



#upcoming_header_h2 span {

	background: url(../images/upcoming_events.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#newssidebar_header_h2 {

	height: 30px;

	position: relative;

}



#newssidebar_header_h2 span {

	background: url(../images/h2_newssidebar.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#member_header_h2 {

	height: 30px;

	position: relative;

}



#member_header_h2 span {

	background: url(../images/member_login.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#about_header_h1 {

	height: 40px;

	position: relative;

}



#about_header_h1 span {

	background: url(../images/about_swasap.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#otherlinks_header_h1 {

	height: 40px;

	position: relative;

}



#otherlinks_header_h1 span {

	background: url(../images/other_links.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}



#contactus_header_h1 {

	height: 40px;

	position: relative;

}



#contactus_header_h1 span {

	background: url(../images/contact_us.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}























#alsosee_header_h2 {

	height: 40px;

	position: relative;

}



#alsosee_header_h2 span {

	background: url(../images/also_see.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}











#executive_header_h1 {

	height: 40px;

	position: relative;

}



#executive_header_h1 span {

	background: url(../images/executive_board_title.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}









#presidents_header_h1 {

	height: 40px;

	position: relative;

}



#presidents_header_h1 span {

	background: url(../images/state_presidents_title.png) no-repeat;

	position: absolute;

	width: 100%;

	height: 100%;

}


.float_left {
	float:left;
	margin-bottom:25px;
}



.bottom_border {

	border-bottom:2px solid #C49700;

	width:100%;

}





.markermenu{

	list-style-type: none;

	margin: 5px 0;

	padding: 0;

	width: 175px;

	border: 1px solid #9A9A9A;

}



.markermenu li a{

	background: white url(../images/arrow-list.gif) no-repeat 2px center;

	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

	color: #00014e;

	display: block;

	width: auto;

	padding: 3px 0;

	padding-left: 20px;

	text-decoration: none;

	border-bottom: 1px solid #B5B5B5;

}





* html .markermenu li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */

	width: 150px;

}



.markermenu li a:visited, .markermenu li a:active{

	color: #00014e;

}



	.markermenu li a:hover{

	color: black;

	background-color: #ffffcb;

	background-image:url(../images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/

}



.border_bottom_width {

	border-bottom-width: 0;

}



#more_swasap_info {

	padding:10px; 

	text-align:center;

}



#more_swasap_info td {

	padding:15px;

}



#more_swasap_info a, #more_swasap_info img {

	padding:5px;

}





#more_swasap_info td:hover {

background-color:#FFFFCC;

}



#other_forms {

	padding-left:30px;

}


.home_title {
	text-align:center;
	color:#FF0000;
}




/*---Forms---*/





.cssform p{

	width: 300px;

	clear: left;

	margin: 0;

	padding: 5px 0 8px 0;

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

	height: 1%;

}



.cssform input, .cssform select {

	padding:8px 100px 8px 3px;

}



.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;

}



* html .threepxfix{

	margin-left: 3px;

}



#big_submit_button {

	margin-left:155px;

	text-align:center;

	padding:10px;

	cursor:pointer;

}



fieldset {

	margin-top:20px;



}