/* ************ NOTE: "sample CSS formatting" is included below ************ */

/*--------------------- START general layout and template formatting ---------------------*/
body 
{
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	margin: 0 0; /* T R B L */
    background-image: url(images/bg-wood.jpg); 
    background-position: center top; 
    background-repeat: repeat; 
	background-color: #ffffff;
}

div.captcha-images { display:inline; }

div.cms-section-photo { width: 95%; margin-left: auto; margin-right: auto; text-align: center; }
img.cms-section-photo { margin: 5px 5px 5px 5px; }
div.cms-item-photo { width: 95%; margin-left: auto; margin-right: auto; text-align: center; }
img.cms-item-photo { margin: 5px 5px 5px 5px; }

.clear { clear: both; } 
.centered { margin-left: auto; margin-right: auto; text-align: center; } /* used as a class on h1 tags, etc */
.maintext-alert { color: #ff0000; font-size: 9pt; font-style: italic; font-weight: bold; }

.text-cms-editor { color: #405f98; font-size:10px; font-style: italic; font-weight: bold; }

img.cms-section-photo { border:1px solid #000; }

h1 { color: #566f2f; font-size:20px; }
h2 { color: #566f2f; font-size:18px; }
h3 { color: #566f2f; font-size:16px; }
h4 { color: #566f2f; font-size:14px; }

.sidemenu, .sidemenu a { color: #566f2f; text-decoration: none; }
.sidemenu, .sidemenu a.active { color: #405f98; }
.sidemenu, .sidemenu a:hover { color: #405f98; text-decoration: underline; }

a { color: #385498; }
a:hover { color: #2a437e; text-decoration: underline; }

#wrapper-outer { width:900px; margin: 0 auto 0 auto; color: #405f98; position: relative; }
#wrapper-logo { background-image: url(images/logo-rainbow-iris.gif); height: 125px; width: 303px; position:absolute; left:155px; top: 0px; z-index: 505; }
#wrapper-logo-back { z-index: 503; background-color:#000000; height:50px; position:absolute; top:70px; left:185px; width:250px; } /* this div adds the black back behind the text in the logo (need to fix gif to not have clear spots in text) */

#header-image { height: 307px; width: 900px; position:absolute; left:0; top: 84px; z-index: 100; }
#header-topicons { height:50px; width: 170px; position:absolute; left:688px; top: 28px; z-index: 105; }
#header-bar { height: 45px; width:900px; position:absolute; left:0px; top: 391px; background-color:#566f2f; color:#ffffff; font-size:12px; font-weight:bold; font-family:arial,sans-serif; }
#header-bar p { margin-top: 3px; }
.tweet-age { color: #d8d8d8; font-style:italic; }
a.tweet-more-link { margin-left:40px; color: #d8d8d8; font-style:italic; }

#content-wrapper { width:900px; position:absolute; left:0px; top: 436px; }
#table-content-wrapper { background-color:#ffffff; color:#566f2f; margin-bottom:30px; }
#menu-side { float:left; width: 282px; min-height:300px; }
/* #content-area { width: 618px; } */
#content-area { width: 608px; margin-bottom:10px; margin-left:5px; margin-right:5px; } /* background-color:#cccccc; */

/*
#ul-sidemenu { list-style-type: none; }
#ul-sidemenu li { margin-bottom: 7px; }
#ul-sidemenu li a { color: #566f2f; text-decoration: none; }
#ul-sidemenu li a.current { color: #405f98; text-decoration: none; }
#ul-sidemenu li a:hover { color: #405f98; text-decoration: underline; }
*/
#menu-side { background-image: url(images/sidemenu-edge.gif); background-position: right 10px; background-repeat: no-repeat; }
#menu-side p {line-height:1.5; font-weight:bold; font-size:16px; }
#menu-side a { color: #566f2f; text-decoration: none; margin-left:15px; }
#menu-side a.current { color: #405f98; text-decoration: none; }
#menu-side a:hover { color: #405f98; text-decoration: underline; }

#formsearch { margin: 3px 0px;}
input#SearchText { float: left;border:1px solid #566f2f;height: 20px;width: 160px;line-height: 20px;text-align: center;font-size:12px; font-color:#dfe0df; margin:0 0px 0 8px;padding: 0 2px; }
/*--------------------- END general layout and template formatting ---------------------*/

/*--------------------- START table styles ---------------------*/
.td { text-align: left; } /* default alignment */
.td-right { text-align: right; }
.td-center { text-align: center; }
.td-left { text-align: left; }
.tr-even { background:#ffffff; }
.tr-odd { background:#f0f0f0; }
/*--------------------- END table styles ---------------------*/

/*--------------------- START footer styles ---------------------*/
#footer { background-image: url(images/footer-background.gif); background-position: center top; background-repeat: no-repeat; height:55px; text-align: center; line-height:55px; } 
#footer, #footer a, #footer a:link, #footer a:active, #footer a:visited { font-size: 8pt; color: #ffffff; text-decoration: none; }
#footer a { margin-left: 15px; margin-right: 15px; }
#footer a:hover { text-decoration: underline; } 
/*--------------------- END footer styles ---------------------*/