/* CSS Document */
html, body {  background-color: white; background-image: url(images/black_bg.gif); margin: 0; padding: 0; text-align:center; height:100%;}
img { border: 0;}
a {	color:#205b6e; }
hr { color:#366270; width:450px;  margin:0; height:1px; text-align:left; }
a:hover {color:#8b6e00;}
p { margin-top:4px; margin-bottom:7px; }

/* ~~~~~~~~~~~~~~MAIN~~~~~~~~~~~~~~~~ */
#wrapper { width:850px; margin:auto; }
#maincontent { width:850px; margin:auto; float:left; }

/* ~~~~~~~~~~~~~~HEADER / ROLLOVERS~~~~~~~~~~~~~~~~ */
#headleft { width:310px; height:123px; background-image: url(images/head_left_pic.jpg); float:left; }
#headmid { width:341px; height:123px; float:left; }
#headright { width:199px; height:123px; background-image: url(images/head_right_pic.jpg); float:left; }
#menucontainer { width:850px; height:25px; background:url(images/menu_tiler.gif) repeat-x; float:left; text-align:right; }
#menuoff { width:87px; height:25px; background:url(images/contact_us.gif) no-repeat; text-align:right; float:left; }
#shadowcontainer { width:850px; float:left; }
#btmshadowlt { width:658px; height:18px; background:url(images/btm_shadow_lt.gif) repeat-x; float:left; }
#btmshadowdk { width:192px; height:18px; background:url(images/btm_shadow_dk.gif) repeat-x; float:left; }

/* ~~~~~~~~~~~~~~LEFT SIDE~~~~~~~~~~~~~~~~ */
#left { width:213px; float:left; }
#seal { margin-left:53px; margin-right:56px; margin-top:20px; }
#lefttext { width:213px; text-align:center; font-size:10px; font-family:Arial; }

/* ~~~~~~~~~~~~~~MENU NAV~~~~~~~~~~~~~~~~ */
#allcontent { width:658px; vertical-align: top; background-color:#F7F5DF;}
#holdingmenu { width:171px; float:left; margin-bottom:10px;}
#leftmenu { margin-left:21px; margin-right:21px; width:171px; height:150px; }

/* ~~~~~~~~~~~~~~MIDDLE CONTENT~~~~~~~~~~~~~~~~ */ 
#middle { width:445px; float:left; }
#middletext { width:402px; float:left; padding-left:13px; margin-right:30px; }
#footer { width:389px; float:left; margin-left:13px; margin-right:30px; color:#000; font-family:Arial; font-size:11px; line-height:14px; border-top: 1px solid #D3CD97; }
#footerlong { width:582px; float:left; margin-left:13px; margin-right:30px; color:#000; font-family:Arial; font-size:11px; line-height:14px; border-top: 1px solid #D3CD97; }

/* ~~~~~~~~~~~~~~RIGHT SIDE~~~~~~~~~~~~~~~~ */
#right { width:192px; float:left; }
#rightpic { width:165px; padding-left:16px; margin-bottom:13px; float:left; }
#viewmore { width:192px; padding-left:16px; padding-right:16px; margin-top:10px; float:left; }

/* ~~~~~~~~~~~~~~BOTTOM NAV~~~~~~~~~~~~~~~~ */	
#footerbg { width:850px; height:36px; background:url(images/btm_footer.jpg) repeat-x; float:left; margin:auto; }	
#footerbginner { width:850px; height:36px; background:url(images/btm_footer2.jpg) repeat-x; float:left; margin:auto; }	   
#foottext { width:850px; float:left; margin-top:17px; text-align:center; color:#d3cd97; font-family: Arial; font-size:10px; }
   #foottext a { color:#d3cd97; }
   #foottext a:hover { color:#8b6e00; }

/* ~~~~~~~~~~~~~~INNER PAGES~~~~~~~~~~~~~~~~ */ 
#middleinner { width:625px; float:left; }
#middleinnertext { width:580px; float:left; padding-left:13px; margin-right:45px; }
   #middleinnertext ul { margin:0 0 0 12px; }
   #middleinnertext li { margin:0 0 0 12px; }
   
/* ~~~~~~~~~~~~~~MEMBERSHIP INFO~~~~~~~~~~~~~~~~ */ 
#membercontainer { width:550px; float:left; margin-bottom:15px; }
#columns { width:200px; float:left; margin-left:10px; }

/* ~~~~~~~~~~~~~~CLASSES~~~~~~~~~~~~~~~~ */
.img { border: 3px solid #ffffff; }
h1 { color:#265260; font-size: 20px; font-weight:normal; font-family: Arial; }
.headtext { color:#265260; font-size: 20px; font-family: Arial; }
.bodytext { color:#000000; font-size: 12px; font-family: Arial;  line-height: 18px;}
.sub1 { color:#000000; font-size: 14px; font-family: Arial; }
.caption { color:#1f3f49; font-size: 11px; font-family: Times; font-style: italic;}
.navem { color:#204c5a; font-size: 10px; font-family: Arial; font-style: italic;}
element { }