/*
Stylizing by Kristine Cummins
ACNV Branding Colors:
Dark #0a3a6b;
Light #016c9f;
*/

body {
background: #FFF url(images/background.gif) repeat-x;
color: #000;
font-family: "ms sans serif", arial, helvetica, sans-serif;
margin-top: 40px;
padding: 0px;
}





/* STRUCTURES */

#ubercontainer {
background-color: inherit;
color: #000;
overflow: hidden;
}

#header {
color:#69C;
text-align:center;
width: 800px;
height:210px;
margin-left: auto;
margin-right: auto;
}

.header { /* ? */
background-color:#e8f0f7;
color:#69c;
font:bolder 1em "ms sans serif", arial, helvetica, sans-serif;
letter-spacing:8px;
text-align:center;
z-index:1;
padding:10px;
}

#footer {
background-color: white;
color: #999;
clear: left;
font: 11px/17px "ms sans serif", arial, helvetica, sans-serif;
margin-top: 100px;
overflow: hidden;
text-align: center;	
}



/* LEFT SDBR */	
#leftcontent {
left: 20px;
position: absolute;
top: 260px;
width: 200px;	
}

#leftcontent .shadow2,
#leftcontent .shadow3,
#leftcontent .container {
left: -1px;
position: relative;
top: -1px;
}

#leftcontent .shadow1 {background: #F1F0F1;}
#leftcontent .shadow2 {background: #DBDADB;}
#leftcontent .shadow3 {background: #B8B6B8;}

#leftcontent .container {
border: 1px solid #8EBAD6;
background: #F6F3DF;
overflow: hidden;
padding: 10px;	
}

#leftcontent .feature {
background: #FFFFF3;
border: 1px solid #CCE3EF;
font: .8em/1.4em arial, verdana, helvetica, sans-serif;
margin-bottom: 10px;
padding: 5px;
position: relative;
text-align: left;	
}




/* CENTER */	
#centercontent {
margin-right: 220px;
margin-left: 220px;	
overflow: hidden;	
position: relative;
voice-family: "\"}\"";
voice-family: inherit;	
}

#centercontent .shadow2,
#centercontent .shadow3,
#centercontent .container {
left: -1px;
overflow: hidden;	
position: relative;
top: -1px;
}

#centercontent .shadow1 {background: #F1F0F1;overflow: hidden;}
#centercontent .shadow2 {background: #DBDADB;overflow: hidden;}
#centercontent .shadow3 {background: #B8B6B8;overflow: hidden;}
   
#centercontent .container {
background: #FFF url(images/cntrback.jpg) repeat-x;
border: 1px solid #8EBAD6;
overflow: hidden;
padding: 10px;
vertical-align: top;
}

html>body #centercontent {
color: #000;
font: 1em/1.4em "ms sans serif", arial, helvetica, sans-serif;
margin-right: 220px;
margin-left: 220px;
overflow: hidden;
padding: 10px;
position: relative;	
}

#centercontent .standout {
background: #FFF url(images/burst.jpg) no-repeat;
border: 1px solid #0072AE;
font: .9em/1.4em "ms sans serif", arial, helvetica, sans-serif;
float: right;
margin: 0px 0px 15px 25px;
padding: 8px;
position: relative;
width: 230px;
clear: right;	
}

/* USED FOR MEMBERSHIP PG */
#centercontent .standout100 {
background: #FFF url(images/burst.jpg) no-repeat;
border: 2px solid #F6F3DF;
clear: right;	
font: 1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
padding: 12px;
position: relative;	
}





/* RIGHT SDBR */
#rightcontent {
position: absolute;
right: 20px;
top: 260px;
width: 200px;
text-align:center;	
}

#rightcontent .shadow2,
#rightcontent .shadow3,
#rightcontent .container {
left: -1px;
position: relative;
top: -1px;
}

#rightcontent .shadow1 {background: #F1F0F1;}
#rightcontent .shadow2 {background: #DBDADB;}
#rightcontent .shadow3 {background: #B8B6B8;}
   
#rightcontent .container {
background: #F6F3DF;
border: 1px solid #8EBAD6;
overflow: hidden;
padding: 3px;
text-align:center;	
}

#rightcontent .feature {
background: #FFFFF3;
border: 1px solid #CCE3EF;
font: .7em/1.4em "ms sans serif", arial, helvetica, sans-serif;
margin-bottom: 10px;
overflow: hidden;
padding: 5px;
position: relative;
text-align: left;	
}














/* FONT STYLES */

/* content headers */
h1 {
color:#B9974E;
font: bold 1.2em "times new roman", times, "palatino linotype", serif;
letter-spacing:10px;
padding-bottom:10px;
text-align:center;
display:block;
text-transform:uppercase;
}

h2  {
color: #0072AE;
font: bold 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align: center;
text-transform: uppercase;
}

h3 {
color:#960;
font: 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
margin-right: 8px;
	margin-bottom: -10px; /* made for big space because of br tag */
}

.standout h3 {
color: #960;
font: bold 1.2em/1.3em "ms sans serif", arial, helvetica, sans-serif;
margin-bottom: 5px;
text-align: left;
}

h4 {
color:#069;
font: 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
display:inline;
}

/* sidebar */

h5 {
color:#0072AE;
font: bold 1.3em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align:center;
display:inline;
}

/* footer or small text */

h6 {
color: #999;
font: .7em/1.7em arial, verdana, helvetica, sans-serif;
text-align: center;
}

/* h6 no inline */
.cap {
color:#999;
font: .8em/1.5em "ms sans serif", arial, helvetica, sans-serif;
text-align:center;
margin-top: 10px;
margin-bottom: 20px;
}

.caption {
color:black;
font: 12px/14px arial, helvetica, sans-serif;
margin-top: 5px;
margin-bottom: 15px;
}

.caption2 {
color:black;
font: 10px/11px arial, helvetica, sans-serif;
margin-top: 5px;
}


em {
color: #000;
font: oblique 1em/1.4em "ms sans serif", arial, helvetica, sans-serif;
}

p {
color: #000;
font: 15px/20px "ms sans serif", arial, helvetica, sans-serif;
}

strong {
color: black;
}

/* used for hom announcements */
.lrghd  {
color: #0072AE;
font: bold 1.5em/1.3em "ms sans serif", arial, helvetica, sans-serif;
text-align: center;
margin-top: 15px;
margin-bottom: 5px;
}

.byline { 
color: black;
font: oblique .8em arial, helvetica, sans-serif;
text-align: center;
}









/* MISC */

img {
border:0px;
}

#cimg {
width:320px;
margin-left:auto;
margin-right:auto;
border:0px solid #069;
}

.border {
border:1px dotted #e0ebf5;
}

#img .cntrimgs {
border:2px;
text-align:center;
position:relative;
}

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}




/* Membership */
.tablestyle {
background-color: inherit;
border:1px solid #e8e6d9;
color: black;
font: 15px/20px "ms sans serif", arial, helvetica, sans-serif;
}

th {
background-color: white;
color: #0072AE;
font: bold 1.1em/1.3em "ms sans serif", arial, helvetica, sans-serif;
padding: 10px;
}

















/* LISTS */
ol {
padding: 0 0 0 20px;
}

ul {
padding: 0 0 0 20px;
}

li {
font: 15px/20px "ms sans serif", arial, helvetica, sans-serif;
margin: 5px 0 10px 0;
}

.iconlist {
background-color: transparent;
color: #000;
font: .8em/1.3em sans-serif;
list-style: none;
margin: 0;
padding: 0;
}

li.acrobat { 
background-image: url(images/acrobat.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.web { 
background-image: url(images/web.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.msword { 
background-image: url(images/msword.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}


ul > li > ul > li {
margin-bottom:10px;
}


















/* FORMS */

fieldset {
border: 0px;
}

.form {
border:1px solid #036;
color:#036;
font: 1em sans-serif;
margin:2px;
width: 250px;
}

.form-sidebar {
border:1px solid #0a3a6b;
color:#036;
font: 1em sans-serif;
margin:2px;
width: 120px;
}

.red {
color:#F30;
font:11px sans-serif;
display:inline;
}

.button {
background: #036;
border: 2px outset #036;
color: white;
font: 1.2em sans-serif;
margin-bottom:5px;
padding:4px;
}

.button2 {
background: #ffc;
border: 1px solid #cfe7f2;
color: #369;
font: bold 10px sans-serif;
text-align: center;
margin-top: 2px;
padding: 2px;
width: 75px;
}

.clr1 { /* used also for commissioners, membership */
background-color: #e6f1f6;
vertical-align:top;
}

.clr2 {
background-color: #fd8e5eb;
vertical-align:top;
}

.frm-smtxt {
color: #666;
font: .8em/1.3em arial, verdana, helvetica, sans-serif;
display: inline;
}

hr {
border: 1px solid #d4e6f1;
margin-top: 25px;
margin-bottom: 25px;
}























a:link {
color: #069; text-decoration: underline;
}
a:visited {
color: black; text-decoration: underline;
}
a:active {
color: #960; text-decoration: underline;
}
a:hover {
color: #960; text-decoration: underline;
}



a.type1:link {
color: #069; text-decoration: underline;
}
a.type1:visited {
color: black; text-decoration: underline;
}
a.type1:active {
color: #960; text-decoration: underline;
}
a.type1:hover {
color: #960; text-decoration: underline;
}



a.type3:link {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:visited {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:active {
color: #999; text-decoration: none;
padding: 2px;
}
a.type3:hover {
color: #069; text-decoration: none;
background-color: #f6f3df;
padding: 2px;}





/*
.m0l0mouto {
	background: #; 
}
*/
.m0l1mouto {
	background: #EDF7FD; 
	border: 1px solid #A7CADC;
}
.m0l2mouto {
	background: #EDF7FD; 
border: 1px solid #A7CADC;
}


/*.m0l0movero,*/
.m0l1movero,
.m0l2movero {
	background: #FCFAEE;
	border: 1px solid #A7CADC;	
}

/*.m0l0mdowno,*/
.m0l1mdowno,
.m0l2mdowno {
	background: #FCFAEE;
}

/*.m0l0mouti, .m0l0mdowni,*/ .m0l1mouti,
 .m0l1mdowni, .m0l2mouti, .m0l2mdowni {
	color: #036;
	font: 12px arial, tahoma, verdana;
	margin: 0px;
	padding: 3px 0px 3px 3px;
	
}

.m0l3mouti, .m0l3moveri, /*.m0l0moveri,*/ .m0l3mdowni, .m0l2moveri,
.m0l4mouti,  .m0l1moveri, .m0l4moveri, .m0l4mdowni {
	color:  #036;
	font: 12px arial, tahoma, verdana;
	margin: 0px;
	padding: 3px 0px 3px 3px;
	
}