body { background-color:#333333; font-family: Delius, Georgia, "Times New Roman", Times, serif; }

#page { margin: 20px auto 20px auto; }

#header { width: 780px; margin: 0 auto 0 auto; background-color:#FFFFFF; }
#header p { color: #333333; vertical-align: middle; line-height: 1.4em; font-size: 90%;  }

#content { width: 780px; margin: 0 auto 0 auto; background-color:#FFFFFF; background-image:url(../images/contentback.gif); background-repeat: repeat-y; background-attachment: scroll; background-position: left top;}

#left { float: left; width: 170px; }

#navbox { margin-left: 10px; margin-top: 5px; margin-bottom: 50px; width: 140px; }
#navbox ul li { list-style: none; text-align: left; margin: 0; color: #FFFFFF; font-size: 80%; } 
#navbox ul li a { display: block; text-decoration: none; padding: 10px 0 10px 0; border-bottom: solid 1px #FFFFFF; }
#navbox ul li a:link { color: #FFFFFF; text-transform: uppercase; }
#navbox ul li a:visited { color: #FFFFFF; text-transform: uppercase; }
#navbox ul li a:hover { color: #33FF33; text-transform: uppercase; }

#timesbox { margin-left: 10px; margin-top: 5px; margin-bottom: 50px; width: 140px; }
#timesbox ul li { list-style: none; text-align: left; margin: 0; color: #FFCC33; font-size: 80%; line-height: 1.4em; padding:10px 0 10px 0; border-bottom: solid 1px #FFCC33; } 
#timesbox ul li.title { color: #FFCC33; border-bottom: none; text-transform: uppercase; } 
#timesbox ul li.subtitle { color: #FFCC33; font-size: 60%; padding-top: 0; } 

#right { float: right; width: 150px; }

#activitybox { margin-left: 10px; margin-top: 5px; margin-bottom: 50px; width: 140px; }
#activitybox ul li { list-style: none; text-align: left; margin: 0; color: #FFFFFF; font-size: 70%; line-height: 1.4em; padding:3px 0 3px 0; border-bottom: solid 1px #FFFFFF; } 
#activitybox ul li.title { font-size: 60%; text-transform: uppercase; } 

#infobox { margin-left: 10px; margin-top: 5px; margin-bottom: 50px; width: 140px; }
#infobox ul li { list-style: none; text-align: left; margin: 0; color: #FFFFFF; font-size: 80%; line-height: 1.4em; padding:10px 0 10px 0; border-bottom: solid 1px #FFFFFF; } 

#slidebox { margin-left: 10px; margin-top: 10px; margin-bottom: 50px; width: 140px; }
#slidebox p { text-align: left; margin: 0; color: #FFFFFF; font-size: 70%; line-height: 1.4em; padding:5px 0 0 0; } 
#slidebox p a { color: #FFCC33; } 
#slidebox p a:link { color: #FFCC33; }
#slidebox p a:visited { color: #FFCC33; }
#slidebox p a:hover { color: #33FF33; }

#picturebox { margin-left: 10px; margin-top: 10px; margin-bottom: 50px; width: 140px; }
#picturebox p { text-align: left; margin: 0; color: #FFFFFF; font-size: 70%; line-height: 1.4em; padding:5px 0 0 0; } 

#text { float: left; width: 440px; padding-bottom: 20px; }
#text h2 { color: #333333; padding-bottom: 0.5em; font-weight: bold; vertical-align: middle; line-height: 1.4em; font-size: 90%; }
#text h3 { color: #333333; padding-bottom: 0.5em; font-weight: bold; vertical-align: middle; line-height: 1.4em; font-size: 90%; }
#text p { color: #333333; padding-bottom: 0.5em; vertical-align: middle; line-height: 1.4em; font-size: 90%; }
#text p.boldrightred { font-weight: bold; text-align: right; color: #FF0000; }
#text p a { color: #09693b; } 
#text p a:link { color: #09693b; }
#text p a:visited { color: #09693b; }
#text p a:hover { color: #33FF33; }
#text ul { color: #333333; padding-left: 23px; padding-bottom: 0.25em; }
#text ul li { list-style: disc; text-align: left; padding-left: 0; padding-bottom: 0.25em; margin: 0; color: #333333; vertical-align: middle; line-height: 1.4em; font-size: 90%; } 
#text ul li a { color: #09693b; } 
#text ul li a:link { color: #09693b; }
#text ul li a:visited { color: #09693b; }
#text ul li a:hover { color: #33FF33; }
#text table { margin-bottom: 15px; }
#text td { color: #333333; background-color: #c8f0d3; padding-bottom: 0.5em; padding-top: 0.5em; vertical-align: middle; line-height: 1.4em; font-size: 60%; text-align: center; border: 1px #666666 solid; }
#text td.left { padding-left: 0.5em; text-align: left; font-weight: bold; }
#text td.header { font-weight: bold; }

#copyright { clear: both; padding-bottom: 8px; }
#copyright p { padding-left: 170px; padding-top: 2px; color: #333333; vertical-align: middle; line-height: 1.4em; font-size: 60%;  }

#addthis { float: right; width: 140px; }

#footer { width: 780px; margin: 5px auto 0 auto; }
#footer p { clear: both; color: #444444; vertical-align: middle; line-height: 1.4em; font-size: 60%; text-align: center; }

.contactinline { display: inline-block; width: 6em; }
.uppercase { text-transform: uppercase; }
.small { font-size: 60%; }
.bold { font-weight: bold; }
.clearboth { clear: both; }
.floatimageright { float: right; padding-left: 20px; padding-bottom: 15px; }
