/* GENERAL */
* {margin: 0; padding: 0;}
body {font-size: 12pt; color: rgb(84,84,84); background: rgb(45,45,45); font-family: georgia; text-align: left; margin: 0 0 30px 0;}
.con {width: 800px; text-align: left; margin-left: auto; margin-right: auto;}
.left {float: left; clear: none;}
.right {float: right;}
.clear {clear: both;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0;}
#top {display: block; width: 100%; height: 34px; background: rgb(45,45,45); border-bottom: 6px solid rgb(0,0,0);}
#top_orange {display: block; width: 100%; height: 10px; background: rgb(255,120,0);}
#title_con {display: block; border-bottom: 2px solid rgb(40,40,40); width: 800px; margin-bottom: 10px;}
#white {background: rgb(255,255,255); padding: 0 0 20px 0;}
#imgborder {border: 4px solid rgb(255,120,0); margin: 4px 18px 10px 0;}
.editor-button {position: relative;}
.editor-button a {position: absolute; display: block; width: 12px; height: 12px; background: url(themes/cp_global_images/edit_template.gif); margin-left: -20px;}
#text h3 {margin: 20px 0;}
#text h4 {text-align: left; color: rgb(255,120,0); margin: 16px 0;}
#text h5 {text-align: left; color: rgb(30,30,30); font-size: 12pt; margin: 0;}
.wikilink {margin: 16px 0;}
#text h5 a {color: rgb(0,180,180);}
#text p {margin: 0 0 20px 0; text-align: left;}
#text a {color: rgb(30,30,30); text-decoration: none;}
#text a:hover {text-decoration: underline;}
#text ul { margin-bottom:20px }
#text ul li {text-align: left; padding: 0 0 0 5px; margin: 5px 0 5px 20px;}
#text table {width: 800px;}
#text table tr td {border: 1px solid rgb(255,120,0); padding: 6px;}
#text img {border: 4px solid rgb(255,120,0);}
#orange {display: block; background: url(site_files/img/orange.jpg) repeat-x; width: 100%; height: 300px;margin:0;}

/* STAFF */
#letters a {display: block; width: 18px; float: left; margin: 9px 5px; border: 1px solid rgb(255,120,0); text-decoration: none; text-align: center;}
#letters a:hover {border: 1px solid rgb(0,0,0); color: rgb(255,120,0); text-decoration: none;}
table#admin {border-collapse: collapse;}
table#admin img {margin-left: 3px; border: 4px solid rgb(255,120,0);}
table#admin tr td {border: none; padding: 15px 0;}
table#admin tr td p {margin: 5px 0 5px 7px; font-size: 11pt;}
table#admin tr td h5 {font-weight: normal; font-size: 10pt; margin-left: 7px;}
table#admin tr td h5 a {color: rgb(30,30,30);}
#signature {display: block; height: 100px; width: 300px; background: url(site_files/img/signature.png) no-repeat; float: left;}

/* NEWS AND EVENTS */
#news-events { width:500px }
.post { border-bottom:1px solid rgb(230,230,230); margin-bottom:20px; padding-bottom:20px }
.post h3 { margin-bottom:0 }
.post h3 a { color:rgb(255,120,0); font-family:Verdana, sans-serif; text-decoration:none }
.post h3 a:hover { text-decoration:underline }
.post h6 { font-family:Verdana, sans-serif; margin-top:0 }
.post img { border:1px solid rgb(255,120,0); margin:6px; padding:4px }
.post p { margin:12px 0 }
.cat-byline { color:rgb(255,120,0); font-family:Verdana, sans-serif; font-size:12px; font-weight:bold }

/* FOOTER */
#footer {color: rgb(255,255,255); height: 150px;}
#contact {float: left; text-align: left; margin: 10px 0 0 0;}
#contact p {margin: 2px 0;}
#facebook { background:url(site_files/img/social.png) no-repeat; clear:left; display:block; float:left; margin-top:12px; width:97px; height:28px }
#twitter { background:url(site_files/img/social.png) 0 -28px no-repeat; display:block; float:left; margin:12px 0 0 12px; width:97px; height:28px }
#mailingList { background:url(site_files/img/social.png) 0 -56px no-repeat; display:block; float:left; margin:12px 0 0 12px; width:156px; height:28px }
#tag {font-size: 10pt; height: 40px; margin: 15px 0 0 0; padding: 3px 0 0 0;}
#tag a {text-decoration: none; color: rgb(255,255,255);}
#tag a:hover {color: rgb(255,159,0);}
#jcps {display: block; background: url(site_files/img/jcps.png) 0 0 no-repeat; width: 130px; height: 44px; float: right; clear: right }
#jcps a {display: block; width: 130px; height: 44px;}
#jcps a:hover {background: url(site_files/img/jcps.png) 130px 0;}
#footer ul {list-style: none; font-family: tahoma;}
#footer ul li {float: right; margin: 0 0 0 20px;}
#footer ul li a {display: block; text-decoration: none; color: rgb(255,159,0); padding: 10px; font-weight: bold;}
#footer ul li a:hover {color: rgb(255,255,255); background: rgb(255,159,0);}
#mission_statement {border: 1px solid rgb(255,255,255); padding: 20px; margin: 30px 0; text-align: center}
#mission_statement h3 {font-size: 12pt;}
#mission_statement p {text-align: left; margin: 10px 0; font-size: 10pt;}

/* NAVIGATION */
#menu {font-size: 11pt; font-family: tahoma}
#menu li {display: block; float: left; position: relative;}
#menu li a {display: block; line-height: 20px; text-decoration: none; color: rgb(255,255,255); padding: 7px 10px; font-weight: bold;}
#menu li a:hover {background: rgb(245,120,0);}
#menu li ul {display: none; position: absolute; top: auto; left: 0; background: rgb(0,0,0);}
#menu li ul li {float: left; clear: left; font-size: 9pt; padding: 0;}
#menu li ul li a {width: 200px; text-align: left; padding: 7px 10px; border-right: 2px solid rgb(0,0,0); border-bottom: 2px solid rgb(0,0,0); border-left: 2px solid rgb(0,0,0);}
#menu li ul li a:hover {background: rgb(245,120,0);}
#menu li:hover ul li ul, #menu li.hover ul li ul {display: none; position: absolute; top: -2px; left: 224px; border-top: 2px solid rgb(0,0,0);}
#menu li:hover ul, #menu li.hover ul, #menu li ul li:hover ul, #menu li ul li.hover ul {display: block;}

/* ATTENTION */
#attention { background:#ff7800; border-bottom:1px solid #bbb; color:#fff; font-family:Verdana, sans-serif; font-size:13px; font-weight:bold; padding:18px }
#attention p { background:url(site_files/img/alert.jpg) no-repeat 0 50%; line-height:32px; padding-left:48px }
#attention p a { color:#111 }