/*elizstyle.css 5/29/09*/
html,body,h1,h2,h3,h4,ul,li { margin: 0; padding: 0; }
body { background: #E0D5B7 url(images/page_bg.jpg) repeat-x; text-align: center; font: 11px verdana, arial, sans-serif;
color: #74653D; padding-bottom: 10px; padding-top: 10px; }
/** layout **/
#wrapper { text-align: left; margin: auto; width: 778px; position: relative; background: url(images/body.gif) repeat-y; }
/*tags*/
ul {margin-left:14px; }
p.indent {margin-left:15px;}
li.bullet {margin: 0 0 6px 9px;}
p.quote { font-size: 1.3em; font-style:italic; font-weight:bold; }
/*links styles*/
a:link { color: #464544; }
a:visited { color: #464544; }
a:active { color: #7779fb; }
a:hover { color: #FFA405; }
a.footer:link{ color: #464544; }
a.footer:visited{ color: #464544;}
a.footer:active{ color: #7779fb; }
a.footer:hover { color: #000000; }
/*header division*/
#header { position: absolute; top: 0; left: 243px; width: 535px; height: 152px; background: url(images/header3.jpg) no-repeat; }
#header h1{ padding-top: 43px; font-weight: bold; font: 24px "arial narrow", arial, sans-serif; color:#fff;margin-left:25px;}
#header p { margin: 0 25px 4px 25px; padding: 3px;
letter-spacing: 0.075em; font-weight: bold;color:#fff; }
/*logo division*/
#logo { width: 244px; height: 152px; background: url(images/logo.jpg) no-repeat; text-align: center; color: #595959; }
#logo h1 { padding-top: 18px; font-weight: bold; font: 28px "arial narrow", arial, sans-serif; color:navy;}
#logo p { margin: 8px 25px 4px 25px; border-top: 1px solid #B8B8B8; border-bottom: 0px solid #B8B8B8; padding: 3px;
letter-spacing: 0.075em; font-weight: bold;color:#fff; }
/*submenu division*/
p.submenu { border-top: 2px #453d28 dotted; border-bottom: 2px #453d28 dotted; padding:6px 6px 10px 6px;text-align:left;}
td.submenu { width:50%; }
table.submenu {width:100%; border-top: 2px #453d28 dotted; border-bottom: 2px #453d28 dotted;padding: 3px 3px 6px 3px; margin-top:12px;
margin-bottom:12px; }
/*class to keep right column clear of bkgrnd*/
.clear { clear: both; }
/*left column division*/
#left { float: left; width: 243px; }
/*vertical navigation bar division*/
#nav { background: url(images/nav_left.jpg) no-repeat; }
#nav ul { margin-left: 9px; padding-left: 1px; padding-bottom: 29px; background: #2A2A2A bottom left url(images/nav_bot.jpg) no-repeat; }
#nav li { list-style: none; font: 14px "arial narrow", arial, sans-serif; border-top: 1px solid #959595; background: 188px 10px;
padding: 7px 0 0 31px; }
#nav a { color: #fff; text-decoration: none; border-left: 1px solid #959595; padding-left: 10px; display: block;
width: 90%; padding: 2px 0 6px 8px; letter-spacing: 1px;}
#nav a:hover { text-decoration: underline; }
/*office information division*/
#office { background: url(images/news_bg2.jpg) repeat-y; padding-left: 37px; padding-right: 22px; padding-bottom: 3px; }
#office h2 { font-size: 12px; color: #BE8B06; }
#news p { font-size: 11px; margin: 1em 8px 1em 0; }
#office h3 { font-size: 11px; margin: 1em 8px 1em 0; }
#office a { color: #74653D; font-weight: bold; text-decoration: underline; }
#office a:hover { color: #38301A; }
#office .hr-dots { background: center url(images/dots.gif) repeat-x; height: 10px; }
/*right column division*/
#right { float: right; width: 490px; padding-right: 9px; padding-top: 175px; }
#right h2 { font: 18px arial, sans-serif; color: #BE8B06; text-align:right; padding-right: 10px; }
#right h3 { font: 14px arial, sans-serif; color: #BE8B06; border-bottom: 1px solid #C4AE7C; padding-bottom: 4px; margin-bottom: 1em;
margin-top: 1em; }
/*welcome to our website division*/
#welcome { margin-right: 20px; }
/*content container division*/
#profile { margin-right: 16px; text-align: left; }
/*main content division*/
#content { float: left; width: 100%; margin-right: 1%; }
/*images for content and what's new divisions*/
#whatsnew-img { background: url(images/woman.jpg) no-repeat; width: 124px; height:113px; float: left; margin-right: 18px;
text-align: center; font-size: 9px; font-weight: bold; }
#content-img { background: url(images/woman.jpg) no-repeat; width: 124px; height:113px; float: left; margin-right: 18px;
text-align: center; font-size: 9px; font-weight: bold; }
#whatsnew-img { background: url(images/microscope.jpg) no-repeat;float: left; }
#spacer { height: 2em; }
/*footer division*/
#footer { background: url(images/footer_bg.gif) repeat-y; }
#copyright { text-align: center; padding: 6px 0px 6px 00px; font-size: 9px; color: #715F36; font-weight: bold; }
p.copyright { font-weight: bold; font-size: 9px; color: #715F36; padding: 0 0px 8px 0; }
#footerdots-img { background: url(images/footerdots.gif) repeat-x; width: 758px; height:1px; float: left; margin:0 10px 0 10px;}
#footerline{ background: url(images/footerline.gif) no-repeat; height:10px; margin-top:0px; display:block; font-size:1px; }
/*popup message window*/
#hideshow {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#fade {
background: #000;
position: fixed;
width: 100%;
height: 100%;
filter:alpha(opacity=50);
opacity: .50;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*--IE 8 Transparency--*/
left: 0;
z-index: 10;
}
.popup_block {
background: #ddd;
padding-top: 0px;padding-right: 12px;padding-bottom:0px;padding-left:11px;
border: 6px solid #fff;
float: left;
width: 480px;
position: fixed;
top: 20%;
left: 50%;
margin: 0 0 0 -250px;
z-index: 100;
}
.popup_block .popup {
float: left;
width: 100%;
background: #fff;
margin: 10px 0;
border: 1px solid #bbb;
}
.popup h3 {
margin: 0 0 20px;
padding: 5px 10px;
border-bottom: 1px solid #bbb;
font-size: 1.5em;
font-weight: normal;
}
.popup p {
padding: 5px 10px;
margin: 5px 0;
}
.popup img.cntrl {
position: absolute;
right: 1px;
top: 1px;
}
p {margin-left:15px;}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);
}
*html .popup_block {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+((documentElement.clientHeight-this.clientHeight)/2)
: document.body.scrollTop
+((document.body.clientHeight-this.clientHeight)/2));
left:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollLeft
+ (document.body.clientWidth /2 )
: document.body.scrollLeft
+ (document.body.offsetWidth /2 ));
}