* {margin:0;padding:0;}
body{margin:0;padding:0px;text-align:center;min-width:760px;font-size:1em;font-family:arial,verdana,helvetica;background:#CEB481;}

input,textarea{font-size:1em;font-family:arial,verdana,helvetica;}

#wrapper{margin:0 auto;padding:0px;background:white;min-width:760px;padding-right:0px;
		max-width:760px;text-align:left;
		font-size:.78em;width:100% ! important;width:760px;}

a:link{color:#5F1B32;}
a:hover{text-decoration:none;}
a:visited{color:gray;}

/*NOTE:margin and padding are set to 0 to avoid resizing issues for the header, most noticeable in IE.*/
/*NOTE:"width:100%" needed for Safari (version 1.3.2).  Fine in other browsers without.*/
#header {height:100%;width:100%;padding:0px 0px 0px 0px;float:left;
		background:white url("../images/cacc_header_1200.jpg") no-repeat 296px 0px;}
#header h1{}
#header img{margin:0;padding:0;border:none;}
#header #imgHandshake{float:right;}
#header #imgCACC{float:left;padding:10px 10px 10px 10px;background:white;}

#navHolder {float:left;background:#5F1B32;width:100%;text-align:center;}
ul#ulNav {list-style-type:none;width:670px;margin:0 auto;background:gray;}
ul#ulNav li{float:left;}

ul#ulNav li a{background:#5F1B32;float:left;padding:10px 10px 10px 10px;margin:0px 0px 0px 0px;color:white;text-decoration:none;font-weight:bold;border-right:1px solid white;font-size:11px;}


ul#ulNav li a{background:#5F1B32;color:white;text-decoration:none;font-weight:bold;border-right:1px solid white;}

ul#ulNav a:hover{background:#CEB481;color:#5F1B32;font-weight:bold;}
ul#ulNav #id_href_item_1 a{border-left:1px solid white;}

ul#ulNav li.highlighted a{background:white;color:#5F1B32;font-weight:bold;padding:9px 10px 10px 10px;
				border-left:0px;border-top:1px solid #5F1B32;}

/*NOTE:Firefox will not render the bottom border of the twoCols div if you don't do one of the
following: a)set the height of the div, (making it static), or b) setting overflow:auto .  
*/
/*NOTE: If you want to set a background to the "midSection" div, set the width to 100% 
and float it to the left.  Also, floating the midsection to the left clears
up a layout difference between FF and IE.*/
#midSection{margin:0px;padding:0;margin:0px 0px 10px 0px;float:left;width:100%;}

#leftCol{float:left;width:225px;background:white;padding-bottom:20px;}
#leftCol h3{font-size:1.2em;background:#194234;text-align:center;padding:2px 0px 2px 0px;
		margin:10px 10px 10px 10px;border:1px solid black;color:white;}
#leftCol h3 a:link{color:white;text-decoration:none;}
#leftCol h3 a:hover{}
#leftCol h3 a:visited{color:white;text-decoration:none;}
#leftCol ul{padding:0px 10px 5px 30px;list-style-type:square;}
#leftCol ul li{margin-bottom:5px;}

/*NOTE: In order for the dynamic className change to work in JavaScript, the link must be pointed to very 
specifically, as it is below.
*/
#leftCol li.highlighted a{color:gray;}
#leftCol li.highlighted a:hover{color:gray;}

/*NOTE:The min-height is set on the right column instead of the wrapper, which won't display
properly.  (The footer remains where it's at, but the bottom of the wrapper extends.  This
solution addresses that.)*/
/*NOTE: The first margin is for non-IE6 browsers, the second for IE6.  This relates to the
"height:1%", also set for IE6.  Fixes known "3 pixel bug".*/
#rightCol{margin:0;padding:0;margin:0px 0px 0px 230px ! important;padding:10px 10px 10px 10px;
			min-height:325px;background:white;height:1%;
			margin:0px 0px 0px 227px;}
/*NOTE:The following class can be used if you want the right column to extend the entire
width of the page.  In addition, you will need to a)take out the left column in the HTML;
b)add a similar class for the left column of that page, only setting the width to nothing, or
something similar. (b is theoretical, and was not tested.)*/

#wrapper div.rightColFullWidth{margin:0px 0px 0px 0px;}

/*NOTE:"position:relative" and "z-index:3" were added to fix a bug in IE that wouldn't
	display the h2 on top of the wrapper until the link was moused over.*/
#rightCol h2{padding:0px;margin:0;font-size:1.442em;margin-bottom:10px;
		position:relative;z-index:3;padding:0px 0px 5px 0px;font-weight:bold;
		color:#194234;text-align:left;border-bottom:1px solid #CEB481;}

#rightCol h3{padding:0px;font-size:.9em;}
#rightCol p{padding:0px 0px 5px 0px;margin:0;line-height:1.5;
			text-align:justify;}
/*NOTE: Because of differences in IE and Firefox, first set the margin to 0, and
then position the ul using padding.  (For example, as below, "padding-left:45px".)
*/
#rightCol ul{margin:0;padding-left:45px;list-style-type:disc;}
#rightCol li{margin:5px 0px 5px 0px;}

.emailLink a{color:#1B3359;}
.emailLink a:hover{text-decoration:none;}

#footer{clear:both;text-align:center;width:100%;background:white;
		border-top:1px solid #194234;border-bottom:1px solid #194234;}

#ulFooter{margin:0;padding:0;font-size:1em;padding:10px 0px 10px 0px;}
#ulFooter li{display:inline;}
#ulFooter a{color:#5F1B32;}
#ulFooter a:hover{text-decoration:none;}
#ulFooter a:visited{color:gray;}

.paddingDiv {height:150px;}

/*NOTE:Because the element with the "copyright" class is outside of the main "wrapper", it must
be styled as such.  (For example, the margin must be set as the wrapper is to center it.)  
*/
.copyright{margin:0 auto;padding:5px 5px 0px 5px;min-width:760px;
		max-width:760px;text-align:left;font-size:.65em;color:#194234;
		text-align:left;width:100% ! important;width:760px;}
.copyright a{color:#194234;font-weight:bold;}
.copyright a:hover{text-decoration:none;}

/*NOTE: Fixing a difference in Safari called for putting each of the links into it's own paragraph and
	floating that, instead of floating the link itself.  Fine in other browsers.*/
#interoLink{float:left;padding-bottom:5px;}
#adminLogin{float:right;padding-bottom:5px;}

#wrapper p.backToTop{text-align:center;}

div.faqQ {margin-bottom:5px;}
div.faqA {margin-left:10px;}
div.faqA .faqAEm{font-style:italic;}

/*NOTE:There is no width set to the #contactInfo div to make text-resizing
cleaner.  If this becomes a problem, a width may need to be added below.*/
#wrapper #contactInfo{float:left;margin-right:25px;}

#wrapper ul.ulContactInfo{margin:0;padding:0;list-style-type:none;padding-left:10px;
				padding-bottom:15px;}

ul.ulContactInfo li.liContactTitle{font-weight:bold;}

#contactUs{float:left;}
#fsContact{width:325px;border:1px solid #CEB481;float:left;}
#fsContact #contactFieldHolder{float:left;margin:10px 0px 10px 0px;padding:0px 10px 0px 10px;}
#fsContact legend{font-weight:bold;color:black;margin-left:15px ! important;margin-left:10px;}
#fsContact label{display:block;width:130px;text-align:left;}
#fsContact textarea{width:303px;height:75px;}
#fsContact input{width:130px;}
#fsContact ol{list-style-type:none;}
#fsContact ol li{margin:0;padding:0;margin-bottom:5px;}
#fsContact ol li.left{float:left;clear:left;}
#fsContact ol li.right{float:right;clear:right;}
#fsContact ol #liComments{float:left;}
#fsContact #contactButtonHolder{clear:both;text-align:center;padding:5px 0px 5px 0px;}
#fsContact #contactButtonHolder input{width:5em;}

#subHolder{clear:both;}
#clear{clear:both;}
#clearFloat{clear:both;}

blockquote{margin:0px 14px 10px 15px;}
#wrapper p.pTestimonyFrom{font-weight:bold;margin-left:5px;}

#fsCorporate{border:1px solid #CEB481;width:425px;padding-left:15px;padding-right:15px;}
#fsCorporate legend{color:black;font-weight:bold;}
#fsCorporate ol{list-style-type:none;}
#fsCorporate li{float:left;width:100%;}
#fsCorporate label{float:left;width:150px;text-align:right;
		padding:2px 3px 0px 0px !important;
		padding:3px 0px 0px 0px;}
#fsCorporate textarea{width:200px;height:75px;}
#fsCorporate input{}
#fsCorporate #fieldHolder{float:left;margin:15px 0px 15px 0px;}
#fsCorporate #submitHolder{clear:both;margin:0 auto;width:50px;padding-bottom:15px;}

#memberList{float:left;width:100%;margin-bottom:15px;}
#memberList ul{margin:0;padding:0;list-style-type:none;}
#memberList ul li{margin-bottom:10px;}
#memberList a{color:#5F1B32;}
ul#ulMembersLeft{float:left;padding-left:15px;padding-right:50px;}
ul#ulMembersRight{float:left;}

#memberDetails{float:left;margin-top:20px;}
#memberDetails .member{width:500px;padding-bottom:30px;}
#memberDetails .member .memberName{font-weight:bold;color:#194234;font-size:1.05em;}
#memberDetails .member ul{margin:0;padding:0;list-style-type:none;padding-left:5px;}
#memberDetails .member ul li .campus{font-weight:bold;margin-left:1px;}

.button{background:#CEB481;color:black;cursor:pointer;padding:2px;}
#scheduleEventHolder{margin-top:10px;text-align:center;}
#cacc_location_map_500w{border:1px solid black;}
#wrapper p.backTopMember{text-align:center;margin-top:15px;}