/* GLOBAL DECLARATION */
* {font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; margin: 0; padding: 0;}
html, body {background: url('../../graphics/fillers/background.jpg') repeat-y center; background-color: #F5F1E5; height: 100%; margin: 0 auto 0 auto;} 

/* REPLACEMENT TAGS */
a {color: #4B603F; text-decoration: none;}
a:hover {text-decoration: underline;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold;}
img {border: 0; display: inline; height: auto; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* TOP GRADIENT FILLER */
#top {background: url('../../graphics/fillers/top.jpg') no-repeat center; height: 45px; position: relative; width: 100%; z-index: 0;}

/* WHEAT ON SIDES */
#wheat {background: url('../../graphics/fillers/wheat.gif') no-repeat bottom; bottom: 110px; height: 100%; position: fixed; top: 0; width: 100%; z-index: 0;}

/* CONTAINER */
#container {height: 0; margin: -45px auto 0 auto; position: relative; width: 742px; z-index: 1;}

/* SEARCH AREA */
#search {background: url('../../graphics/elements/search.jpg'); color: #124E21; font-size: 20px; font-weight: bold; height: 35px; padding: 7px 0 0 300px; width: 443px;}
#search #quick {margin: 2px 10px 0 0; float: left;}
#search input.button {margin-left: 10px;}
#search input.textbox {background: none; border: 0; color: #124E21; font-size: 16px; font-weight: normal; height: 30px; margin-left: 10px; padding: 2px 8px 0 8px; width: 212px;}
#search #bar { background: url('../../graphics/fillers/textbox.gif') no-repeat; float: left; height: 32px; width: 249px;}

/* HEADER IMAGE FRAME AND LOGO */
#header {background: url('../../graphics/elements/header.jpg'); height: 254px; margin-left: -1px; padding: 31px 0 0 26px; width: 717px;}
#header img {border: 2px solid #F3EfE5; height: 232px;}
#logo {height: 228px; margin: -285px 0 0 33px; position: relative; width: 212px; z-index: 1;}

/* MAIN TOP NAVIGATION */
#navigation {background: url('../../graphics/elements/menu.gif'); height: 49px; margin-left: -1px; margin-top: 57px; padding: 14px 0 0 15px; width: 731px;}
#navigation li {float: left; margin: 0; padding: 0 0 0 45px; text-align: center; width: 98px;}
#navigation li.mid {padding: 0 0 0 44px; width: 97px;}
#navigation li a {color: white; font-family: georgia, "Times New Roman", times, serif; font-size: 15px;}
#navigation ul {list-style: none; margin: 0; padding: 0;}

/* MAIN WORK AREA */
#base {float: left; width: 746px;}
#side {float: left; width: 246px;}

/* MENU SYSTEM */
#menu {float: left; padding-left: 32px; width: 214px;}
#menu #menutop {background:url('../../graphics/elements/nav_top.gif') no-repeat bottom; float: left; height: 12px; width: 205px;}
#menu li {background: url('../../graphics/elements/nav_main.gif'); height: 26px; float: left; margin: 0; overflow: hidden; padding: 5px 20px 0 25px; width: 160px;}
#menu li.first {background: url('../../graphics/elements/nav_home.gif');}
#menu li.last {background: url('../../graphics/elements/nav_contact.gif');}
#menu li.sublink {background: url('../../graphics/elements/nav_sublink.gif'); height: 22px; overflow: hidden; padding: 0 20px 0 25px; width: 160px;}
#menu li.sublink a {color: #124D20;}
#menu li a {color: #948468; font-size: 12px; font-family: 'trebuchet ms', tahoma, arial, helvetica, sans-serif; font-weight: bold;}
#menu ul {list-style: none; margin: 0; padding: 0;}
#menu #bottom {background: url('../../graphics/elements/nav_bot.gif') no-repeat top; float: left; height: 14px; width: 205px;}

/* CALENDAR / WEATHER / LOGIN ON SIDE */
#calendar {background: url('../../graphics/elements/calendar.gif') no-repeat; float: left; height: 180px; margin: 5px 0 0 32px; width: 205px;}
#calendar li {float: left; margin: -1px 0 0 0; padding: 0 8px 0 5px;}
#calendar li.login {padding: 0 8px 0 12px;}
#calendar li a {color: white; font-size: 14px; font-weight: bold;}
#calendar ul {list-style: none; margin: 0; padding: 0;}
#calendar h2 {color: #4C6E87; font-size: 18px; text-align: center;}
#calendar #spacer {clear: both; height: 3px;}
#calendar #days {float: left; width: 205px;}
#calendar #days li {color: white; font-size: 12px;}
#calendar #days li a {color: #102B3E; float: left; font-weight: normal;}
#calendar #days li {color: white; display: block; text-align: center; width: 14px;}
#calendar #days ul {line-height: 13px; list-style: none; margin: 26px 0 0 11px; padding: 0;}
#calendar #page {display: block; float: left; padding: 8px 12px 0 12px; width: 181px;}
#calendar #page a {color: #102B3E; font-size: 12px; font-weight: bold;}

#weather {background: url('../../graphics/elements/weather.gif') no-repeat; float: left; height: 180px; margin: 5px 0 0 32px; width: 205px;}
#weather li {float: left; margin: -1px 0 4px 0; padding: 0 8px 0 5px;}
#weather li.login {padding: 0 8px 0 12px;}
#weather li a {color: white; font-size: 14px; font-weight: bold;}
#weather ul {list-style: none; margin: 0; padding: 0;}
#weather .spacer {clear: both; height: 3px;}
#weather .city {color: #000001; float: left; font-size: 13px; height: 14px; padding-left: 15px; width: 100px;}
#weather .min {color: #FFFFFE; float: left; font-size: 12px; font-weight: bold; height: 14px; padding-left: 6px; text-align: center; width: 36px;}
#weather .max {color: #FFFFFD; float: left; font-size: 12px; font-weight: bold; height: 14px; text-align: center; width: 48px;}
#weather #moreweather a {color: #102B3E; float: left; font-size: 13px; margin: 13px 0 0 13px; width: 200px;}

#modlinks {background: url('../../graphics/elements/links.gif') no-repeat; float: left; height: 180px; margin: 5px 0 0 32px; width: 205px;}
#modlinks li {float: left; margin: -1px 0 4px 0; padding: 0 8px 0 5px;}
#modlinks li.login {padding: 0 8px 0 12px;}
#modlinks li a {color: white; font-size: 14px; font-weight: bold;}
#modlinks ul {list-style: none; margin: 0; padding: 0;}
#modlinks .spacer {clear: both; height: 3px;}
#modlinks img.landscape {border: 1px solid #587f9C; float: left; margin: 5px 0 0 12px;} 
#modlinks img.portrait {border: 1px solid #587f9C; margin: 5px 0 0 48px; float: left;} 

/* CONTENT AREA */
#content {color: #585651; float: left; font-size: 12px; line-height: 16px; padding: 10px 15px 0 20px; width: 445px;}
#content a {color: #4B603F; font-size: 12px; font-weight: bold; text-decoration: none;}
#content a.special_link {color: #BA2721; font-weight: bold;}
#content a.special_linkfaq {color: #BA2721; font-size: 14px; font-weight: bold;}
#content a.listing2 {color: #4B603F; font-size: 14px;}
#content a:hover {text-decoration: underline;}
#content h1 {color: #433513; font-size: 15px; margin: 0; padding: 0 0 5px 0;}
#content h2 {color: #433513; font-size: 13px; margin: 0; padding: 0; text-transform: capitalize;}
#content h3 a {color: #124D20; font-size: 18px; font-weight: normal; margin: 0; padding: 0 0 5px 0;}
#content h4 {color: #124D20; font-size: 15px; margin: 0; padding: 0; text-transform: capitalize;}
#content li {list-style: url('../../graphics/fillers/sitemap.gif');}
#content li a {color: #403221; font-family: 'trebuchet ms', arial, helvetica, sans-serif; font-size: small; font-weight: normal;}
#content ul {margin: 5px 0 0 0; padding: 0;}

/* FOOTER AREA */
#footer {background: url('../../graphics/elements/footer.gif'); color: white; float: left; font-size: 14px; height: 47px; line-height: 16px; margin-top: 5px; padding-top: 13px; text-align: center; width: 742px;}
#footer a {color: white; font-size: 14px;}
#footer .chrishani {color: #124E21;}

/* CUSTOM CONTENT STYLES */
.center_align_image {vertical-align: middle;}
.center_align_image_with_border {border: 1px solid #000000; vertical-align: middle;}
.left_align_image {float: left; margin: 0 15px 15px 0;}
.left_align_image_with_border {border: 1px solid #000000; float: left; margin: 0 15px 10px 0;}
.right_align_image {float: right; margin: 0 0 15px 15px;}
.right_align_image_with_border {border: 1px solid #000000; float: right; margin: 0 0 15px 15px;}
.three_columns {float: left; margin-bottom: 10px; width: 33%;}
.two_columns {float: left; margin-bottom: 10px; width: 50%;}
.underline_text {text-decoration: underline;}
.special_link {color: #BA2721;}