@charset "utf-8";

body {
    background-image: url(images/bg_EEECDF_834px.png); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #EEECDF; /** Website BG colour (matches canvas colour in Step 1) **/
	text-align: center;
}

/* forces vertical scroll bar to appear on non IE browsers to prevent horizontal page shift */
/* NOTE: IE8 does not display vertical scroll bar if page doesn't need it and this trick does not force it to do so */
/* html { min-height: 100%; margin-bottom: 1px; } */

/* Display banner and make logo a clickable link to the home page */
#banner {display:block; width:770px; height:130px; background: url(images/eye_banner.png) no-repeat; margin:0;}
#banner a {text-decoration:none;}
.hide {visibility:hidden;}
#homelink {float:left; position:absolute; width:248px; height:60px; margin: 14px 0 0 91px;}

h1 {font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #B0A790; background: #FFFFFF; margin: 0;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size: 130%; font-weight: bold; color: #B0A790; background: #FFFFFF; margin-top: 0;}
h3 {font-family: Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold; color: #B0A790; background: #FFFFFF;}
h4 {font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #B0A790; background: #FFFFFF; font-style: italic; margin: 3px 0 0 0;}

/* following code forces outer container to be centered */
#container {position: relative; width: 770px; margin: 0 auto; text-align: left;}

#mbarcontainer {position: relative; width: 770px; top: 5px;}

#navboxcontainer {float: left; position: relative; top: 20px; width: 175px; margin: 0 0 42px 0; text-align: right; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 90%;}
#forcenavboxheight {position: relative; height: 441px; width: 155px;}
#associations {position: absolute; bottom: 175px; left: 0; width: 155px; margin: 0; text-align: left; color: #809EAD;}
#quotetext {position: relative; font-style: italic; font-size: 26px; font-family: "Times New Roman", "Century Schoolbook L", serif; font-weight: bolder; color: #B0A790; background: #D9D7C5; text-align: center;}
.associationlist {position: relative; margin-left:0px; margin-top: 0px; margin-bottom: 0px; padding-left:17px; list-style-type:square; font-size: 9pt;}
.navboximgbottom {position: absolute; bottom: 0; left: 0; margin: -10px;}

#content {float: right; text-align: left; position: relative; margin: 20px 0 22px 0; font-family: Tahoma, Geneva, Verdana, "Bitstream Vera Sans", sans-serif; font-size: 100%; width: 563px;}

#indentcontent {margin-left: 20px; margin-bottom: 15px;}

/* styles for contact us form */
dl.contactfrm {float: left; position: relative; width: 500px;}
dt.contactfrm {clear: both; float: left; width: 150px; padding: 4px 0 2px 0; text-align: left;}
dd.contactfrm {float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px;}
fieldset { font-size:62.5%; border:none; padding-left:0; }
fieldset * { margin-left: 0; padding: 0; }
fieldset ol { list-style:none; margin-top:1em; }
fieldset li { padding-top:1em; }
fieldset label { float:left; width:10em; margin-right: 1em; text-align:left; font-size:1.6em; font-family: Tahoma, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;}
fieldset i {margin-left:0;}
legend span { position: absolute; left: 0; color: #B0A790; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 2em; padding: 0; }
.conintrotxt {padding-top:2.2em; margin-top:0; font-size:1.6em; }
.btnmargin { margin-left:13.1em; }
.contnote { font-size:1.4em; }


#officenumbers {clear: both;} /* for controlling placement of telephone numbers on Contact page */
.phonenumbers {margin-bottom: 0;} /* when a phone # is below a heading, remove the blank space */

#footer {clear: both; width: 770px; margin-top: 0; border-top: thick solid #B0A790; text-align: center; font-family: Tahoma, Geneva, Verdana, "Bitstream Vera Sans", sans-serif; font-size: 75%;}

.floatright {float: right; margin: 0 0 10px 10px;}

a.navboxlink:link {color: #B0A790; background: #D9D7C5; text-decoration: none;}
a.navboxlink:visited {color: #B0A790; background: #D9D7C5; text-decoration: none;}
a.navboxlink:hover {text-decoration: underline;}

a.bodylink:link {color: #809EAD; font-weight: bold; text-decoration: none;}
a.bodylink:visited {color: #809EAD; font-weight: bold; text-decoration: none;}
a.bodylink:hover {text-decoration: underline;}

a.footerlink:link {color: #809EAD; font-weight: bold; text-decoration: none;}
a.footerlink:visited {color: #809EAD; font-weight: bold; text-decoration: none;}
a.footerlink:hover {text-decoration: underline;}

img { border-style: none;}

.mbl {background: url(images/mbl.png) 0 100% no-repeat #B0A790; width: 100%;}
.mbr {background: url(images/mbr.png) 100% 100% no-repeat;}
.mtl {background: url(images/mtl.png) 0 0 no-repeat;}
.mtr {background: url(images/mtr.png) 100% 0 no-repeat; padding:10px;}

.nbl {background: url(images/nbl.png) 0 100% no-repeat #D9D7C5; width: 100%;}
.nbr {background: url(images/nbr.png) 100% 100% no-repeat;}
.ntl {background: url(images/ntl.png) 0 0 no-repeat;}
.ntr {background: url(images/ntr.png) 100% 0 no-repeat; padding:10px;}

.clear {font-size: 1px; height: 1px;}

/* slightly enhanced, universal clearfix hack found at perishablepress.com */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */