/* CSS Document */

/* Set Default Styles */
body, h1, h2, h3, h4, h5, p, div, ul, li, dl, dt, dd, img {
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
text-decoration:none;
font-size:11px;
}
ul {
list-style:none;
}

/* Block Positioning */
body {
z-index:0;
background-image:none;
text-align:center;
height:100%;
}
#outer_wrapper {
z-index:2;
top:0;
left:50%;
text-align:left;
width:782px;
margin:auto;
background-image:none;
height:auto;
min-height:100%;
}
*html #outer_wrapper {
height:100%;
}
#inner_wrapper {
z-index:2;
position:relative;
top:0;
left:50%;
width:750px;
margin:0 -385px;
padding:0 10px;
background:transparent;
height:auto;
}
*html #inner_wrapper {
height:100%;
}
#green_plinth {
display:none;
}
#bottom_shadow {
display:none;
}
#logo {
display:none;
}
#header {
display:none;
}
#header img#masthead {
z-index:2;
padding:0 0 10px 141px;
}
#primary_nav ul {
padding-left:141px;
}
#photo {
display:none;
}
#primary_nav ul li {
display:inline;
margin:0;
margin-right:10px;
}
#home #content {
z-index:2;
background-image:none;
padding-top:20px;
}
#home #main {
z-index:2;
background-image:none;
float:left;
width:400px;
padding-left:20px;
color:#AB4800;
padding-bottom:20px;
}
#home #sidebar {
z-index:2;
background-image:none;
float:right;
width:270px;
padding:.5em 20px 45px 0;
color:#361600;
}
#sub #content {
z-index:2;
background-image:none;
}
#sub #main {
z-index:2;
background-image:none;
width:520px;
float:right;
padding:20px 19px 40px 20px;
}
#sub #sidebar {
z-index:2;
float:left;
width:151px;
padding:20px 20px;
}
#footer {
display:none;
}
ul#footer_nav {
z-index:2;
float:left;
padding:8px 20px;
}
ul#footer_nav li {
display:inline;
}
p#footer_copyright {
z-index:2;
float:right;
padding:8px 20px;
}
.clear {
clear:both;
}

/* Font Styles */
#main p, #main ul, #main dl {
padding-bottom:1em;
}
#home #main h2 {
font-size:20px;
padding-bottom:.5em;
}
#home #main a {
color:#A28363;
}
#home #main a:hover {
color:#507811;
}
#home #sidebar a {
color:#A28363;
}
#home #sidebar a:hover {
color:#507811;
}
#sub #main h2 {
font-size:24px;
color:#361600;
padding-bottom:0.5em;
}
#sub #main h3 {
font-size:12px;
color:#361600;
padding-bottom:0.2em;
font-weight:bold;
}
#sub #main h4 {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#507811;
}
#sub #main h5 {
font-style:italic;
padding:.2em 0;
}
#sub #main ul {
list-style:none;
padding-top:0.4em;
}
#sub #main ul li {
padding-bottom:0.5em;
padding-left:1.2em;
background:url(../images/bullet-tree.gif) no-repeat left 4px;
}
#sub #main .directory_one ul li, #sub #main .directory_two ul li {
padding-bottom:0.2em;
padding-left:1.2em;
background:url(../images/bullet-tree.gif) no-repeat left 4px;
}
#sub #main ul li ul li {
background:url(../images/brown-bullet.gif) no-repeat left 5px;
}
#sub #main dl dt {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#507811;
}
#sub #main dl dd {
padding-bottom:0.5em;
padding-left:1.2em;
background:url(../images/bullet-tree.gif) no-repeat left 4px;
}
dl#faq {
list-style:none;
padding-top:0.4em;
}
dl#faq dt {
font-style:italic;
font-size:12px;
font-weight:bold;
color:#361600;
padding-top:1em;
}
dl#faq dd {
padding-left:2em;
padding-top:0.5em;
}
#home img.feature_photo {
border:solid #A28363 7px;
}
#sub #main img.feature_photo {
float:right;
border:solid #A28363 7px;
margin-left:20px;
margin-bottom:20px;
clear:left;
}
#sub #main img.feature_photo_left {
float:left;
border:solid #A28363 7px;
margin-right:20px;
margin-top:27px;
margin-bottom:20px;
clear:right;
}
#sub #main .photo_n_caption_left {
float:left;
padding-right:20px;
text-align:center;
color:#A28363;
clear:right;
width:214px;
}
#sub #main .photo_n_caption_right {
float:right;
padding-left:20px;
padding-right:10px;
text-align:center;
color:#A28363;
clear:left;
width:161px;
}
#sub #main .photo_n_caption_left img, #sub #main .photo_n_caption_right img {
border:solid #A28363 7px;
background:#A28363;
}
#sub #main .photo_n_caption_left p, #sub #main .photo_n_caption_right p {
padding-top:.8em;
}
#main .directory_one {
float:left;
width:45%;
}
#main .directory_two {
width:45%;
float:right;
}
#sub #main a {
color:#A28363;
}
#sub #main a:hover {
color:#507811;
}
#sidebar p {
font-size:10px;
padding-bottom:1em;
}
#sidebar h3 {
font-size:11px;
font-weight:bold;
}
#sub #sidebar ul {
line-height: 1.2em;
}
#sub #sidebar ul li {
padding-bottom:1em;
}
#sub #sidebar ul li a {
font-size:11px;
color:#AB4800;
text-decoration:none;
}
#sub #sidebar ul li a:hover {
color:#507811;
}
#sub #sidebar ul li a.selected {
color:#361600;
}
#sub #sidebar ul ul {
padding-top:.5em;
}
#sub #sidebar ul ul li {
padding-left:1.2em;
padding-bottom:.2em;
}
#footer {
font-size:10px;
color:#CCFF99;
}
#footer_nav a {
color:#CCFF99;
padding-right:10px;
text-decoration:none;
}
#footer_nav a.external {
border-left:solid #699e16 1px;
padding-left:10px;
padding-right:0;
}
#footer_nav a:hover {
color:#ffffff;
}
.webcam {
float:right;
margin-left:10px;
margin-right:8px;
margin-bottom:10px;
border:solid #A28363 5px;
}
.toplink {
font-weight:normal;
font-size:90%;
padding-left:1em;
}
.box {
background:#EBE6CA;
padding: 10px;
margin-left:-10px;
border-bottom:solid #fff 1em;
}
#main p.last {
padding-bottom:0;
}

/* Webcam Styles */

body#webcam {
padding:0;
margin:0;
background:#fff url(../images/bg_header.jpg) no-repeat left top;
text-align:left;
}
body#webcam #content {
z-index:0;
padding:0 20px 15px;
width:430px;
}
body#webcam #content img {
z-index:0;
padding-bottom:15px;
}
body#webcam #footer {
text-align:right;
height:5em;
}
body#webcam #footer #footer_copyright {
padding:8px 20px;
}
body#webcam h3 {
font-size:12px;
color:#361600;
padding-bottom:0.2em;
font-weight:bold;
}
body#webcam h4 {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
color:#AB4800;;
}

/* Admin Styles */

body {
height:100%;
}	
body#sub.admin #content  {
background:#ffffff url(../images/bg_white.gif) repeat left top;
width:750px;
}	
body#sub.admin #content #main  {
width:710px;
float:none;
}

/* Basic Content Styles */

body#sub.admin #content #main h3 {
padding:1.5em 0 .75em 0;
font-size:16px;
}

/* Table Styles */

table.admin {
border:solid 1px #d4e7b2;
margin-bottom:30px;
background-color:#F7FBF1;
border-collapse:collapse;
}
table.admin.reports td {
padding:8px 5px;
}
table.weeksevents {
border:solid 1px #C8BFB9;
margin-bottom:30px;
background-color:#E2DEDB;
border-collapse:collapse;
}
table.admin th {
padding:5px;
background-color:#EBE6CA;
text-align:left;
color:#361600;
}
table.admin tr.alt th {
padding:5px;
background-color:#F2EEDC;
text-align:left;
}
table.weeksevents th {
padding:5px;
background-color:#B6AAA2;
text-align:left;
}
table.admin thead th {
color:#361600;
}
table.weeksevents thead th {
color:#361600;
}
table.admin thead th.archive {
background:#F7FBF1;
}
body#sub.admin #content #main table.admin thead tr th.archive a:link,
body#sub.admin #content #main table.admin thead tr th.archive a:visited,
body#sub.admin #content #main table.admin thead tr th.archive a:active {
color:#507811;
text-decoration:none;
font-weight:normal;
}
body#sub.admin #content #main table.admin thead tr th.archive a:hover {
color:#AB4800;
}
table.admin td {
padding:15px 5px;
background-color:#F7FBF1;
border-top:solid 1px #d4e7b2;
vertical-align: top;
}
table.weeksevents td {
padding:15px 5px;
border-top:solid 1px #C8BFB9;
vertical-align: top;
}
table.admin td.detail {
background-color:#EBE6CA;
}
table.admin td.weeksevents {
background-color:#EBE6CA;
}
table.admin th.first,
table.admin td.first,
table.admin th.last,
table.admin th.archive {
width:150px;
}
table.weeksevents th.first,
table.weeksevents td.first,
table.weeksevents th.last,
table.weeksevents th.archive {
width:150px;
}
table.admin thead th.title {
background-color:#d4e7b2;
color:#507811;
}
table.weeksevents thead th.title {
background-color:#d4e7b2;
color:#507811;
}

/* Form Styles */

form select,
form input {
font-size:10px;
}
form textarea {
font-size:11px;
}
form input[type=text] {
width:50px;
margin-top:0;
margin-bottom:0;
}
form input[type=checkbox] {
margin-top:0;
margin-bottom:0;
}
form select {
width:50px;
}
form select#requestmeridian1,
form select#requestmeridian2,
form select#startmeridian,
form select#endmeridian {
width:50px;
}
form select#contactpreference,
form select#contacttime {
width:75px;
}
form select#requeststatusid,
form select#registrationstatusid,
form select#searchactive {
width:100px;
}
form select#duration {
width:120px;
}
form select#edprogramid {
width:160px;
}
form select#searchfacilityid,
form select#searcheventtype,
form select#searchstaffid {
width:120px;
}
form input#starttime,
form input#endtime {
width:30px;
}
form input#plannedattendance,
form input#actualattendance {
width:35px;
}
form input#startdate,
form input#enddate,
form input#busydate,
form input#searchstartdate,
form input#searchenddate {
width:55px;
}
form input#fullname,
form input#school,
form input#street1,
form input#street2,
form input#city,
form input#firstname,
form input#lastname,
form input#email {
width:130px;
}
form input#fullname,
form input#school,
form input#district {
width:130px;
}
form input#edprogram,
form input#audience,
form input#interpevent,
form input#registrationemail,
form input#note {
width:160px;
}
form textarea#specialneeds {
width:160px;
height:75px;
}
form textarea#description {
width:200px;
height:100px;
}
form textarea#abstract,
form textarea#timedetails {
width:200px;
height:50px;
}
form input#state,
form input#zip {
width:50px;
}
form input#phone {
width:100px;
}
.error {
color:#C83000;
}
.required {
background-color: #FFFFCC;
}
legend {
	clear:both;
	text-align:right;
	background-color:red;	
}

/* Nav Styles */

#sub #main ul.admin {
margin-bottom:1em;
}
#sub #main ul.admin, ul.admin ul {
list-style-type: none;
list-style-position: default;
padding:0;
float:left;
}
#sub #main ul.admin li, ul.admin ul li {
margin:0 .4em .2em 0;
padding:0;
display:block;
float:left;
background:none;
margin-top:5px;
}
#sub #main ul.admin li a, ul.admin ul li a {
padding:6px;
display:block;
color:#507811;
background:#F7FBF1;
text-decoration:none;
border:solid 1px #d4e7b2;
}
#sub #main ul.admin li a:hover, ul.admin ul li a:hover {
color:#AB4800;
background:#E8CDB9;
border:solid 1px #D9AC8B;
}
#sub #main ul.admin li a.selected, ul.admin ul li a.selected {
color:#361600;
background:#C8BFB9;
border:solid 1px #A4958B;
}