/* CSS Document */
/*Metzger styling*/
#register{
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:absolute;
	top:-10px;
	left:745px;
	padding:10px 20px;
	background-color:orange;
}


body {
	margin: 0;
	padding: 0;
	font-family: Trebuche, Arial, Helvetica;
	font-size: 16px;
	color: #333;
	text-align: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: left bottom;
}
html, body {height:100%;}

p, h1, h2, h3, table, tr, td, img { margin: 0; padding: 0; }
a, avisited {  color: #3b6aac; text-decoration: none}
a:hover {  color: #orange; text-decoration: none;}
h1, h2, h3 { margin: 0; padding: 0;}
h1 {text-align: left; color: #3b6aac; font-size: 16px; padding: 0; margin: 0;}
.h1title  {text-align: left; color: #3b6aac; font-size: 20px; padding: 0; margin: 0; font-weight: bold;}


#container {text-align: center; margin: 0px auto; padding: 0px; border:0; width: 960px;padding-bottom:20px; }

#header {position: relative; top: 50px; z-index: 1;}
#header .ocs_logo {float: left; position: relative; top: 0; width: 275px;}

/* Upper Nav */
#upper_nav {position: absolute; top: -66px; left: 495px; width:475px; margin: 0; padding: 0; }
#upper_nav li {float: right; list-style: none; font: 11px Trebuche, Arial; text-transform: uppercase;}
#upper_nav li a {display: block; background: #fff; padding: 10px 4px; text-decoration: none; color: #666;}
#upper_nav li a:hover {background: #b17634; color: #fff;}

/* Nav */
#nav_bg{background:#1A75B3;}
#nav {position: relative; top: 32px; margin: 0; padding: 0; left:20px; z-index:100;}
#nav li {float: left; list-style: none; font: 11px Trebuche, Arial; text-transform: uppercase;}
#nav li a {display: block; background: #1a75b3; padding: 11px 1.8em; text-decoration: none; color: #fff; white-space: nowrap}
#nav li a:hover {background: #b17634; }
#nav li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; }
#nav li ul li {	float: none; display: inline}
#nav li ul li a {width: auto; background: #ccc; color: #24313C; text-align: left; border-bottom: 1px solid #fff;}
#nav li ul li a:hover {	background: #b17634;z-index:100;}


/* Upper Nav for Combo header */

#navcombo {position: relative; top: 41px; margin: 0; padding: 0; }
#navcombo li {float: left; list-style: none; font: 11px Trebuche, Arial; text-transform: uppercase;}
#navcombo li a {display: block; background: #1a75b3; padding: 5px 6px; text-decoration: none; color: #fff; white-space: nowrap}
#navcombo li a:hover {background: #b17634}
#navcombo li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; }
#navcombo li ul li {	float: none; display: inline}
#navcombo li ul li a {width: auto; background: #ccc; color: #24313C; text-align: left; border-bottom: 1px solid #fff;}
#navcombo li ul li a:hover {	background: #b17634}


/* Content Body */
#content_body {position: relative; top: 60px; width: 960px; text-align: center; border: 1px solid #1a75b3; background: #fff;z-index:0;}

#content_body .left_body {float: left; position: relative; top: 0; width: 640px; text-align: left;}
#content_body .left_body h1 {padding: 10px; color: #d10a0a;}
#content_body .left_body p {padding: 10px; text-align: left;}
#content_body .full_body_guid{float: left; position: relative; top: 0; width: 900px; text-align: left;margin:20px;z-index:1;}
#content_body .full_body {float: left; position: relative; top: 0; width: 960px; text-align: left; overflow: auto; }
#content_body .full_body h1 {padding: 10px; color: #d10a0a;}
#content_body .full_body p {padding: 10px; text-align: left;}

#content_body .right_body {float: left; position: relative; top: 0; width: 315px;}

#content_body .right_grey_box {background: #f4f4f4; width: 310px; padding: 5px; font-size: 12px; font-weight: 100; text-align: left;}
#content_body .right_grey_box h1 {padding: 5px 0 10px 0; color: #000;}



/* Content Body Modifications */
#content_body {position: relative; top: 60px; width: 960px; text-align: center; border: 1px solid #1a75b3; background: #fff;}

#content_body .left_body_home {float: left; position: relative; top: 0; width: 640px; text-align: left; overflow: auto;}
#content_body .left_body_home h1 {padding: 10px; color: #d10a0a;}
#content_body .left_body_home p {padding: 10px; text-align: left;}

#content_body .full_body_calendar {float: left; position: relative; top: 0; width: 960px; height: auto; text-align: left; z-index:100; }
#content_body .full_body_calendar h1 {padding: 10px; color: #d10a0a;}
#content_body .full_body_calendar p {padding: 10px; text-align: left;}

#content_body .full_body_pat {float: left; position: relative; top: 0; width: 960px; height: auto; text-align: left;  }
#content_body .full_body_pat h1 {padding: 10px; color: #d10a0a;}
#content_body .full_body_pat p {padding: 10px; text-align: left;}




#content_body .right_body {float: left; position: relative; top: 0; width: 315px;}

#content_body .right_grey_box {background: #f4f4f4; width: 310px; padding: 5px; font-size: 12px; font-weight: 100; text-align: left;}
#content_body .right_grey_box h1 {padding: 5px 0 10px 0; color: #000;}

/* Newsletter Signup */
#weblead h1 {color: #dd8741; text-transform: uppercase; font-size: 18px;margin: 0 0 0 5px;}
#weblead h2 {color: #fff; font-size: 12px; background: #e3f5ff url(/images/h2_background_img.jpg) top left no-repeat; line-height: 18px; padding: 0 0 0 5px; text-transform: uppercase;}
#weblead p {padding: 5px 0 0 5px;}
#weblead fieldset {margin: 0; padding: 0; text-align: left;}
#weblead textarea {text-align: left; border: 1px solid #666;}
#weblead label {color: #666; text-align: left; font-style: bold; position: relative; top: 0; padding: 0 0 3px; 0;}
#weblead input, textarea {background:#fff; padding: 2px; width: 200px; margin: 0; color: #333; font-size: 12px; border: 1px solid #666;}
#weblead select {background:#fff; color: #333;font-size: 12px; padding: 2px; border: 1px solid #666;}
#weblead input:focus, textarea:focus {background:#942f00; color: #fff;}
#weblead .error {color:#e81c00; font-weight: bold;}
#weblead .required {font-size: 10px; color:#bc383c;}
#weblead .form  {float: left; position: relative; top: 0; left: 0; padding: 0 0 15px 15px;}
#weblead .smallterms  {font-size: 9px;}
#weblead .img { width: 85px;height: 20px; border: 0; margin: 0; padding: 0;}

/* Footer */
#footer {position: relative; top: 10px;width:960px;}

#footer .address {float: left; position: relative; top: 60px; background: #1a75b3; color: #fff; text-transform: uppercase; font-size: 12px; width: 685px;}
#footer .address p {text-align: left; padding: 5px;}

#footer .school_link {position: relative; top: -35px; left: 0; font-size: 12px; text-align: right;}


#footer .footer_stripes {float: left; position: relative; top: 60px; left: 2px;}