* {
padding: 0em;
margin: 0em;
}

body {
background: #F9F9F7;
padding: 1em 0px;
}

body,input {
font-size: .8em;
font-family: "georgia", "times new roman", serif;
color: #333333;
}

#upbg {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #fff url(/images/a1.gif) repeat-x;
z-index: 1;
}

#outer {
z-index: 2;
position: relative;
width: 82%;
border: solid 1px #ccc;
background-color: #fff;
margin: 0 auto;
max-width: 825px;
}

#header {
position: relative;
width: 100%;
height: 100px;
background: #000 url(/images/logo-VACRAO.gif) no-repeat 1em;
margin-bottom: 2px;
}

#headercontent {
	position: absolute;
	bottom: 0em;
	padding: 0em 2.0em 1.3em 60px;
	width: 428px;
}

#headercontent h1 {
font-weight: normal;
color: #fff;
font-size: 2.5em;
}

#headercontent h2 {
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}

#search {
position: absolute;
top: 28px;
right: 27px;
padding-right: 0.0em;
}

#search input.text {
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit {
background: #939B00 url(/images/buttonbg.gif) repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic {
height: 109px;
background: transparent url(/js/rotate.php)  no-repeat;
margin-bottom: 2px;
width:100%;
}

#menu {
position: relative;
background: #7F8400 url(/images/menubg.gif) repeat-x top left;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul {
position: absolute;
top: 1.1em;
}

#menu ul li {
position: relative;
display: inline;
}

#menu ul li a {
padding: 0.5em .8em 0.9em .8em;
color: #fff;
text-decoration: none;
outline: none;
}

#menu ul li a:hover {
text-decoration: none;
background: #7F8400 url(/images/menuactive.gif) repeat-x top left;
color: #fdf5e6;
outline: none;
}

body.About #menu ul li#About a, 
body.Tour #menu ul li#Tour a,
body.Meetings #menu ul li#Meetings a,
body.Membership #menu ul li#Membership a,
body.Resources #menu ul li#Resources a,
body.Discussions #menu ul li#Discussions a,
body.Contact #menu ul li#Contact a, 
body.Home #menu ul li#Home a { 
text-decoration: none;
background: #7F8400 url(/images/menuactive.gif) repeat-x top left;
color: #fdf5e6;
}

#menubottom {
background: #fff url(/images/border1.gif) repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content {padding: 0em 1.0em 0em 2.0em;}

#primarycontainer {
float: left;
margin-right: -30%;
width: 100%;
}

#primarycontent {
margin: .5em 30% 0 0;
padding-right: 2em;
border-right: solid 1px #ECE6E6; 
}

#secondarycontent {
margin-right: .8em;
padding: 0;
float: right;
width: 28%;
background: #FDFCF6 url(/images/boxbg.jpg) repeat-x;
min-height: 200px;
}

#primarycontent .gutter {padding: 0 1em 1em 2em}
#secondarycontent .gutter {padding: 1em}

p {
line-height: 1.5em;
margin-bottom: 1.0em;
}

a {
color: #B96D00;
text-decoration: underline;
}

a:hover {text-decoration: none;}

#primarycontent h1, #secondarycontent h1 {font-size: 1.7em; margin-bottom: 1em;}

#primarycontent h2, #secondarycontent h2 {font-size: 1.2em; margin: 1em 0 ; color: #858A00;}

.contentarea {padding-top: 1.3em;}

img {border: solid 1px #7F8400;}

img.left {
float: left;
margin: 0 1.5em 1.5em 0;
}


img.right {
position: relative;
float: right;
margin: 0 0 1.5em 1.5em;
}

.nb {border: none}

.divider1 {
position: relative;
background: #fff url(/images/border2.gif) repeat-x;
height: 14px;
margin: 2em 0 1.5em 0;
clear: both;
}

.divider2 {
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}


.box {
background: #FDFCF6 url(/images/boxbg.gif) repeat-x;
padding: 1.5em;
border-bottom: solid 1px #E1D2BD;
margin: 0 0 1em 0;
}

.box img {
float: right;
margin: 1.2em 0 1em 1em;
}

.box p {margin-top: 1em}




#primarycontent ul, #primarycontent ol {margin-left: 2.5em; margin-bottom: 1em;}
#primarycontent ul li, #primarycontent ol li {line-height: 1.5em; margin-top: 1em}

.post .details {
position: relative;
top: -1.5em;
font-size: 0.8em;
color: #787878;
}

#primarycontent ul.controls  { clear: both; padding: 0; margin-left: 0}

.post .controls li {
display: inline;
font-size: 95%;
}

.post .controls li a {
background-repeat: no-repeat;
background-position: left;
padding: 0 1.0em 0 20px;
}

.post .controls li a.comments {background-image: url(/images/icon-comments.gif);}

.post .controls li a.more {background-image: url(/images/icon-more.gif);}


#secondarycontent ul  {list-style: none;}
#secondarycontent ul li {line-height: 2.0em;}

#footer {
height: 2.0em;
clear: both;
padding-top: 5.0em;
background: #fff url(/images/border2.gif) repeat-x 0em 2.5em;
font-size: 0.8em;
}

#footer .left {
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right {
position: absolute;
right: 2.0em;
bottom: 1.2em;
}

#verticalForm fieldset {
	display: block;
	width: 530px;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
}


#verticalForm legend {font-size: 150%;}
#verticalForm fieldset.radio {
	width: 530px;
	margin: 1em 0 2em 0;
}

#verticalForm fieldset.radio input {
	clear: both;
	float: left;
        margin-right: 8px;
	width: auto;
}

#verticalForm fieldset.radio label {font-weight: normal; font-size: 90%}

#verticalForm input {
	display: block;
	width: 15em;
}
#verticalForm input.short {
	display: block;
	width: 5em;
}
#verticalForm label {
	display: block;
	margin-bottom: 1em;
	font-weight: bold;
        font-size: 90%;
}

#verticalForm label.first {	padding-top: 1em;}
#verticalForm select {display: block;}
#verticalForm .left {float: left; width: 40%;}
#verticalForm .right {float:right; width: 50%;}
 

#col1 #primarycontainer {
margin-right: -10%;
}

#col1 #primarycontent {
margin: .5em 10% 0 0;
padding-right: 2em;
border-right: none; 
}

#col1 #secondarycontent {display: none}
#col1 .divider1 {display: none}