/* CSS Document */

body { background:#334d89 url(bg1.jpg) repeat-x top left; font:12px/14px arial, helvetica, sans-serif; margin:0; padding:0; text-align:center; }

#container { background: url(bodystripes.gif) repeat-y top left; margin:0 auto; padding:0; text-align:left; width: 800px; z-index:-2;}

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* be nice to Opera...  */
html>body #mast { z-index:-20; }
/* another hack for masthead to work */
head:first-child+body #mast { z-index:1; } 


#mast { background-image: url(mast2.gif); height: 166px; width: 800px; position:absolute; }

#topbox {position:relative; margin:0; padding:0;  z-index:5;}
#logo a { display:block; height: 95px; text-indent: -3000px; text-decoration: none; width: 385px; }
#logo a:hover { text-decoration: none; }

#addr { color:#cdcdd7; font-size: .75em; font-weight: bold; padding:0; text-align:right; text-transform:uppercase; width:800px;}
#addr div { margin: 0px 120px 0 0;}

#innerframe { margin:0; padding:0; position:relative; text-align:left; width:800px; z-index:10;}

#editleft { float:left; margin:0; padding:0; z-index:15; }
#editleft div { color: #fff; padding: 30px 0 5px 75px; margin:0; width:132px;}
#editleft div h1 { color: #fafade; font-size:18px; font-weight: normal; line-height:24px; }
#editleft div h2 { color: #fff; font-size:17px; font-weight: normal; line-height:19px; }
#editleft div p { color: #fff; margin:10px 4px 10px 0; }

#editleft div a { color: #A4D3EE; }
#editleft div a:hover, #editleft div a:active { color: #ccf; }

#editright { float:right; margin:0; padding:0; z-index:20; }
#editright div { margin:0; padding: 30px 68px 5px 15px; width:510px; }
#editright div h1 { color: #036; font-size:20px; font-weight: normal; line-height:22px; }
#editright div h2 { color: #336; font-size:16px; font-weight: bold; line-height:18px;}
#editright div h3 { color: #036; font-size:12px; font-weight: bold; line-height:14px; }
#editright div p, #editright div li { color: #000; line-height:20px; margin:12px 4px 10px 0; }

#editright div#calendar h1 { color: #036; font-size:20px; font-weight: normal; line-height:22px; }
#editright div#calendar h2 { color: #036; font-size:12px; font-weight: bold; line-height:14px; }
#editright div#calendar blockquote { color: #333; font-size:12px; line-height:16px; margin:10px 0 10px 15px; }





/*  navigation menus */
#nav1, #nav2, #foot { margin: 0; position:relative; text-align:right; width:800px;  z-index:10;}
#nav1 div, #nav2 div { margin: 15px 80px 0 0;}
#nav1 ul, #nav2 ul, #foot div ul { display: inline; line-height:14px; margin-left: 0; padding-left: 0;} 
#nav1 ul li, #nav2 ul li, #foot div ul li { display: inline; list-style: none; margin-left: 0; padding: 3px 12px; }
#nav2 div { margin: 3px 95px 0 0;}
#nav2 ul li	{ padding: 3px 18px; }
#nav2 ul li.xpad { padding: 3px 25px 3px 18px; }
#nav2 ul li.xpad2 { padding: 3px 37px 3px 18px; }
#nav1 ul li a, #nav2 ul li a, #foot div ul li a {color:#cdcdd7; font-size:.9em; font-weight: bold; text-decoration:none;}
#nav1 ul li a:hover, #nav2 ul li a:hover, #foot div ul li a:hover, #nav1 ul li a#active, #nav2 ul li a#active, #foot div ul li a#active {color:#FCFBDA;}


/*  random-loading home page pictures */
div#homepictures { background-color:#fdfdfa; border-bottom: 0px solid #ccc; border-right: 0px solid #ccc; float:right; margin:-20px 0 -10px 5px; padding:0; width:390px;  }
div#home_large { background:url(../home_large/rotate.php) no-repeat top right; border-bottom: 0px solid #ccc; float:left; height:260px; margin:0 0 -3px 0; padding:0; width:390px;  }
div#home_small { background:url(../home_small/rotate2.php) no-repeat; border: 0px solid #ccc; float:left; height:133px; margin:0 0 -3px 0; padding:0; width:122px;  }
div#promo_box { background-color: #e9fbe1; border-bottom: 0px solid #ccc; border-top: 0px solid #ccc; float:left; height:133px; margin:0 0 -3px 0; padding:0 0 0 10px; width:252px; text-align:center;  }

/*  page footer */
#foot { background: url(footer.jpg) no-repeat; clear: both; height: 50px; margin:0; padding:0; text-align:center; width: 800px; }
#foot div { padding: 10px 0 0 0;}
#foot div ul li { border-left: 0px solid #cdcdd7; }
#foot div ul li.first { border-left: none; }
#foot2 { background-color:#334d89; margin:0; padding:0; text-align:center; width: 800px; text-indent:-3000px; }

/*  clearer for home page */
hr { background-color: #fdfdfa; color: #fdfdfa; height:0; border:0; clear:both; margin:0; padding:0;}


/*  photo boxes */
#editright div div.box-350, #editright div div.box-300, #editright div div.box-250, #editright div div.box-200, #editright div div.box-150, #editright div div.box-100, #editright div div.box-no-widthleft, div.box-350left, #editright div div.box-300left, #editright div div.box-250left, #editright div div.box-200left, #editright div div.box-150left, #editright div div.box-100left { background-color: #c8cfed; border:0px solid #666; clear:both; float:right; font-size: 1em; padding: .5em; text-align:left;}
#editright div div.box-350left, #editright div div.box-300left, #editright div div.box-250left, #editright div div.box-200left, #editright div div.box-150left, #editright div div.box-100left {  float:left;}
/*  \ hide the following rule from IE Mac 5 */ 
#editright div div.box-350, #editright div div.box-300, #editright div div.box-250, #editright div div.box-200, #editright div div.box-150, #editright div div.box-100 { margin:1.5em;}
/*  \ hide the following rule from IE Mac 5 */ 
#editright div.box-350left, #editright div div.box-300left, #editright div div.box-250left, #editright div div.box-200left, #editright div div.box-150left, #editright div div.box-100left { margin:1.5em 1.2em 1.5em 0;}
#editright div div.box-350 img, #editright div div.box-300 img, #editright div div.box-250 img, #editright div div.box-200 img, #editright div div.box-150 img, #editright div div.box-100 img, #editright div div.box-no-widthleft img, div.box-350left img, #editright div div.box-300left img, #editright div div.box-250left img, #editright div div.box-200left img, #editright div div.box-150left img, #editright div div.box-100left img { margin:0 0 .4em 0; padding:0;}
#editright div div.box-no-width-pad {padding-left:2em;} 
#editright div div.box-350, #editright div div.box-350left { width:352px; }
#editright div div.box-300, #editright div div.box-300left { width:302px; }
#editright div div.box-250, #editright div div.box-250left { width:252px; }
#editright div div.box-200, #editright div div.box-200left { width:202px; }
#editright div div.box-150, #editright div div.box-150left { width:152px; }
#editright div div.box-100, #editright div div.box-100left { width:102px; }
div img { border:0px solid #333; margin:.1em;} 

/* anchors */
a:link, a:visited, a:active { color: #036; font-weight: bold; text-decoration: underline; }
a:hover { color: #06c; font-weight: bold; text-decoration: none; }
a:active { color: #c1b2c5;}