body {
font-family: Arial, Helvetica, sans-serif;
background-image:url(images/rotary-page-bkg.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#28291F;
margin:0;
}

/* index site container */

#indexsite-container {
background-image:url(images/rotary-indexpage-bkg.jpg);
width:930px;
margin-left:auto;
margin-right:auto;
background-color:#D9DBC4;
}

/* end index site container */

#site-container {
background-image:url(images/rotary-content-bkg.jpg);
background-repeat:repeat-y;
width:930px;
min-height:620px;
margin-left:auto;
margin-right:auto;
background-color:#D9DBC4;
}

#banner {
height:150px;
background-image:url(images/rotary-banner.png);
}

/*top menu stuff */

#top-menu {
height:29px;
float:right;
margin:116px 2px 0px 0px;
font-size:12px;
}
#top-menu .menu_item{
margin:0;
float:left;
}
#top-menu .menu_left{
height:29px;
width:9px;
background:#E1E2D2 url(images/top-menu-left.gif) left top no-repeat;
float:left;
}
#top-menu .menu_link{
height:29px;
padding:0px;
background:#E1E2D2 url(images/top-menu-middle.gif) top repeat-x;
float:left;
}
#top-menu .menu_link a{
line-height:24px;
color:#94936A;
font-weight:bold;
text-decoration:none;
}
#top-menu .menu_link a:hover{
color:#CC6633;
}
#top-menu .menu_right{
height:29px;
width:9px;
background:#E1E2D2 url(images/top-menu-right.gif) top no-repeat;
float:left;
}

/* --- */

/* index menu container */
#indexmenu-container {
width:166px;
height:413px;
margin:0px 0px 0px 29px;
background-image:url(images/rotary-menu-bkg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#C5C6BC;
float:left;
}
/* end index menu container */

#menu-container {
width:166px;
min-height:469px;
margin:0px 0px 0px 29px;
float:left;
}

#adminmenu-container {
width:166px;
min-height:469px;
margin:50px 0px 0px 29px;
float:left;
}

/*dropdown menus */
#cssdropdown {
list-style: none;
width: 165px;
font-size:12px;
text-align:right;
}

#cssdropdown ul {
margin:0;
padding:0;
}

#cssdropdown hr {
color:#C6C8BC;
size:1px;
width:90%;
text-align:center;
}

#cssdropdown ul li {
position: relative;
}

#cssdropdown .mainitems{
list-style:none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:160px;
}

#cssdropdown .mainitems:hover {
color: #28291F; 
}

#cssdropdown .mainitems a {
font-size: 12px; 
color: #28291F; 
text-decoration: none; 
font-weight:bold}

#cssdropdown .mainitems a:hover {
color: #CC6633; 
}

#cssdropdown  a.district {
font-size: 14px; 
color: #28291F; 
text-decoration: none; 
font-weight:bold}

#cssdropdown  a.district:hover {
color: #CC6633; 
}

#cssdropdown li ul {
position: absolute;
left: 160px;
top: 2px;
display: none;
list-style:none;
border:solid thin #C3C4B8;
background-color:#EAEBE0;
}

#cssdropdown li ul li{
border-bottom:solid thin  #C3C4B8;
text-align:left;
}

#cssdropdown ul li a {
display: block;
text-decoration: none;
color: #003399;
padding: 5px;
width: 140px;
}
#cssdropdown ul li a:hover {
color: #99cc33;
}
#cssdropdown li:hover ul, li.over ul { 
display: block; 
}

/* index content */

#indexcontent-container {
width:660px;
float:right;
margin:26px 34px 20px 0px;
padding:0;
}

#indexcontent-container img{
border:#999999 1px solid;
padding:3px;
}

#indexcontent-container p{
font-size:small;
margin:8px 0px 10px 0px;
}

#index-bottom {
height:189px;
width:928px;
background-image:url(images/index-bottom-bkg.jpg);
background-repeat:repeat-x;
border:1px solid #D1D3B9;
font-size:x-small;
color:#28291F;
margin:0px;
}

#index-bottom a{
color:#28291F;
}

#index-bottom img{
margin:3px 10px 3px 3px;
}

#index-bottom #boxone{
height:179px;
width:280px;
float:right;
padding:10px;
margin-top:10px;
}

#index-bottom #boxtwo{
height:179px;
width:280px;
float:right;
padding:10px;
margin-top:10px;
}

#index-bottom #boxthree{
height:179px;
width:280px;
float:right;
padding:10px;
margin-top:10px;
}

#index-bottom #divider{
width:3px;
height:189px;
background-image:url(images/index-bottom-line.jpg);
float:right;
}

/* end index content */


#content-container {
width:660px;
min-height:469px;
float:right;
margin:26px 34px 20px 0px;
padding:0;
}

#pageimage img{
border:#999999 1px solid;
padding:3px;
}

#pageimage h1{
font-size:18px;
color:#28291F;
}

#content {
width:600px;
margin:20px 40px 0px 20px;
}
#content h1{
font-size:18px;
color:#28291F;
}
#content h2{
font-size:14px;
color:#02448C;
margin: 10px 0px 6px 0px;
}
#content h3{
font-size:13px;
color:#28291F;
margin: 8px 0px 5px 0px;
}
#content h3.memberhome{
font-size:13px;
color:#993300;
margin: 10px 0px 4px 0px;
}
#content h4{
font-size:12px;
color:#28291F;
margin: 7px 0px 4px 0px;
}

#content p{
color:#35362B;
font-size:small;
margin: 6px 0px 3px 4px;
}
#content ul,li{
color:#35362B;
font-size:small;
}

#content a{
color:#CC3300;
}
#content a:hover{
color:#CC6633;
}

#content hr{
color:#C5C6BC;
size:1px
}

#footer {
height:27px;
font-size:10px;
color:#9E9E7E;
border-top:2px solid #28291F;
}

#footer a{
color:#9E9E7E;
text-decoration:none;
}

#footer #footer-left{
background-image:url(images/footer-left-bkg.jpg);
width:5px;
height:27px;
float:left;
}

#footer  #footer-content{
background-image:url(images/footer-centre-bkg.jpg);
background-repeat:repeat-x;
text-align:center;
width:920px;
height:27px;
float:left;
}

#footer  #footer-content img{
margin:0px 14px 0px 14px;
}

#footer  #footer-right{
background-image:url(images/footer-right-bkg.jpg);
width:5px;
height:27px;
float:right;
}

#page-bottom {
background-color:#D9DBC4;
background-image:url(images/page-bottom-bkg.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:30px;
}