﻿html, body {
height: 100%;
margin: 0;
padding: 0;
text-align:center;
background: #cccccc;
font-family:Arial, Helvetica, sans-serif;
}

.hidden {display:none;}

#wrapper {
z-index:1;
position:relative;
text-align:left;
width:790px;
height:620px;
padding:8px;
background:#ffffff;
margin:0px auto;
}

#content {
width:790px;
height:620px;
background:#ffffff;
}

#header {
height:100px;
width:100%;
background: url(header-bg.png) no-repeat top;
}

#logo {
float:left;
}

#logo img {
border:none;
margin:15px 0px 0px 10px;
}

#footer {
z-index:1;
position:relative;
width:780px;
height:40px;
background:#cccccc;
margin:0px auto;
}

#footer_text {
text-align:left;
float:left;
width:600px;
height:30px;
padding:10px 0px 0px 5px;
margin:0px auto;
}

#footer_logo {
float:right;
margin:10px 10px 0px 0px;
}

#footer_logo img {
border:none;
}

#footer p {
font-size:8pt;
color:#999999;
}

#footer a {
text-decoration:none;
color:#333333;
}

#footer a:hover {
color:#a92846;
}

.light {
color:#777777 !important;
}

#homeimg {
height:13px;
width:12px;
float:right;
padding:13px 40px 0px 0px;
}

#homeimg a {
background:url(home.gif) 30px 0px no-repeat;
border:none;
font-size:10px;
color:#a92846;
text-decoration:none;
padding:0px 20px 0px 0px;
}

#homeimg a:hover {
background:url(homeon.gif) 30px 0px no-repeat;
border:none;
font-size:10px;
color:#ffffff;
text-decoration:none;
padding:0px 20px 0px 0px;
}

#topbox {
height:260px;
width:100%;
}

#top {
height:260px;
width:100%;
margin:0px;
padding:0px;
position:relative;
z-index:1;
}

body.president #top {
background:url(img10.jpg) no-repeat top;
}

body.ceo #top {
background:url(img2.jpg) no-repeat top;
}

body.members #top {
background:url(img4.jpg) no-repeat top;
}

body.learning #top {
background:url(img5.jpg) no-repeat top;
}

body.communications #top {
background:url(img6.jpg) no-repeat top;
}

body.accounts #top {
background:url(img8.jpg) no-repeat top;
}

body.governance #top {
background:url(img9.jpg) no-repeat top;
}

body.mp1 #top {
background:url(mp1.jpg) no-repeat top;
}

body.mp2 #top {
background:url(mp2.jpg) no-repeat top;
}

body.mp3 #top {
background:url(mp3.jpg) no-repeat top;
}

body.mp4 #top {
background:url(mp4.jpg) no-repeat top;
}

body.mp5 #top {
background:url(mp5.jpg) no-repeat top;
}

body.mp6 #top {
background:url(mp6.jpg) no-repeat top;
}

body.mp7 #top {
background:url(mp7.jpg) no-repeat top;
}

#nav {
background:transparent;
height:1px;
width:770px;
margin-right:10px;
margin-left:10px;
position:absolute;
z-index:100;
top:108px;
}

#image {
height:226px;
width:100%;
}

/*#title {
height:70px;
width:270px;
float:left;
margin:170px 0px 0px 10px;
background:transparent url(title.png) no-repeat top;
}

#title .top p {
font-size:3em;
font-weight:bold;
margin:0;
}

#title .bottom p {
font-size:1em;
font-weight:bold;
margin:0;
}*/

#quote {
height:40px;
width:460px;
float:right;
padding:214px 30px 0px 20px;
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
}

#quote p {
font-size:10pt;
font-weight:bold;
margin:0px 0px 0px 5px;
}

#textwrapper {
height:240px;
width:790px;
margin:0px;
padding:0px;
}

#textinner1, #textinner2, #textinner3, #textinner4, #textinner5, #textinner6 {
height:225px;
padding:10px 10px 0px 10px;
width:770px;
background:#ffffff;
margin:0px;
}

#textinner1 img, #textinner2 img, #textinner3 img, #textinner4 img, #textinner5 img, #textinner6 img {
border:none;
}

#text1, #text2 {
margin:0px 15px 0px 0px;
width:280px;
height:190px;
float:left;
}

#text1wide {
margin:0px 15px 0px 0px;
width:575px;
height:190px;
float:left;
}

#text2wide {
margin:0px 15px 0px 0px;
width:340px;
height:190px;
float:left;
}

#text1 ul, #text2 ul, #text1wide ul, #text2wide ul, #text3 ul {
list-style:none;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:1.2em;
font-weight:normal;
color:#000000;
margin:0px 0px 5px 0px;
padding:0px;
}

#text1 ul li, #text2 ul li, #text1wide ul li, #text2wide ul li, #text3 ul li {
margin:5px 0px 5px 0px;
background:url(bullet.png) 0px 4px no-repeat;
padding:0px 0px 0px 10px;
}

#text3 {
margin:0px 0px 0px 5px;
width:175px;
height:220px;
background:#ffffff;
float:left;
}

#text4 {
margin:0px;
width:475px;
height:220px;
float:left;
}

#textwide {
width:770px;
margin:0px;
height:220px;
float:left;
}

#textwide font.red {
color:#a92846;
}

#textwide_sub {
width:120px;
margin-right:6px;
height:220px;
padding:0px;
float:left;
}

#textwide td {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:1.2em;
font-weight:normal;
color:#000000;
margin:0px 0px 0px 0px;
}

#textwide td.head {
color:#a92846;
}

#textwide td.cap {
font-size:9pt;
font-weight:bold;
}

#text3 img {
border:none;
padding:0px 0px 10px 12px;
}

#text3 .imagelesspad {
padding:0px 0px 10px 5px !important;
}

.imageborder {
border: 1px #a92846 solid !important;
padding:0px !important;
margin:0px 0px 10px 15px;
}

body.home #text1 p, body.home #text2 p {
line-height:12pt;
}

#text3 p {
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
font-weight:bold;
color:#000000;
padding-left:10px;
margin:0;
}

#text3 h2 {
font-size:10pt;
font-weight:bold;
color:#875f7f;
padding-left:10px;
margin:0;
}

#text3 h3 {
font-size:9pt;
font-weight:bold;
color:#a92846;
padding-left:10px;
margin:0;
}

#text3 a, #text3 a:visited {
font-size:9pt;
font-weight:bold;
color:#a92846;
padding-left:20px;
margin:0;
text-decoration:none;
background: url(arrow.png) 6px 5px no-repeat;
}

#text3 a:hover {
font-size:9pt;
font-weight:bold;
color:#444444;
padding-left:20px;
margin:0;
background: url(arrow_off.png) 6px 5px no-repeat;
}

.imagelink {
padding-left:0px !important;
background:none !important;
}

#text1 p, #text2 p, #text1wide p, #text2wide p, #textwide p {
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:1.2em;
font-weight:normal;
color:#000000;
margin:0px 0px 5px 0px;
}

#text4 p {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
line-height:1.2em;
font-weight:normal;
padding:0px;
margin:0px;
}

#text1 h3, #text2 h3, #text1wide h3, #text2wide h3, #textwide h3 {
font-size:9pt;
font-weight:bold;
margin:0;
padding:0;
}

#text4 h3 {
color:#a92846;
font-size:9pt;
font-weight:bold;
margin:0;
padding:0px;
}


#textbuttons {
height:15px;
width:280px;
background:#ffffff;
padding:0px 10px 0px 0px;
margin:1px 0px 0px 305px;
}

/*#textbuttons img {
margin:5px 5px 0px 0px;
border:none;
}*/

#button1, #button2, #button3, #button4, #button5, #button6 {
width:15px;
height:15px;
float:left;
margin:0px 5px 0px 0px;
text-align:center;
/*background:#ff00ff;*/
}


#button1 p, #button2 p, #button3 p, #button4 p, #button5 p, #button6 p {
margin:0px;
text-align:center;
padding:1px 2px 2px 1px;
/*background:#ff00ff;*/
}

#button1 a, #button2 a, #button3 a, #button4 a, #button5 a, #button6 a {
font-size:7pt;
font-weight:bold;
color:#ffffff;
text-decoration:none;
margin:0px;
padding:2px 4px 1px 4px;
/*background:#ff00ff;*/
}

.active {
background:#a92846 url(button_on.png) no-repeat;
}

.inactive {
background:#b5b5b5 url(button_off.png) no-repeat;
}

.clearAll
{
	clear:both;
	font-size:2px;
}
