/*
reset
{
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
}
*/




body {
	background:#3f3d3e;
	color:#666;
}

body, table, th, td {
	font-family:Verdana, sans-serif;
	font-size:12px;
	line-height:1.5;
}

a {
	color:#333 !important;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

th, td {
	vertical-align: top;
}

div.clear {
	position:relative;
	clear:both;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:1em 0 0.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#db2307;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#db2307 !important;
}

h1 {
	padding:0.2em 0 0 0;
	font-size:28px;
}

h2 {
	padding:0.8em 0 0.1em 0;
	font-family:Arial, sans-serif;
	font-size:20px;
}

h3 {
	padding:0.6em 0 0.1em;
	font-size:16px;
	color:#222;
}

h4 {
	padding:0.5em 0 0;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#444;
}

h5 {
	padding:0.1em 0 0.7em 0;
	font-size:14px;
	line-height:1.4;
	color:#333;
}

h6 {
	padding:0.7em 0 0;
	font-size:12px;
	font-weight:bold;
}


p {
	padding:0.2em 0 0.8em 0;
}

p.small {
	padding:0.1em 0 0.5em 0;
	font-size: 11px;
}

.notoppad {
	padding-top:0 !important;
}

.nobottompad {
	padding-bottom:0 !important;
}

span.highlight {
	background-color: #ff9;
}

blockquote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:110%;
	font-style:italic;
	color:#999;
	padding: 0 1.5em 1em 3em;
}

p.caption {
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:normal;
	color:#a32306;
}

div.content_image {
	width:210px;
	padding-bottom:1em;
}

ul, ol {
	padding-bottom: 1em;
	padding-top: 0;
	color:#777;
}

ul {
	padding-left: 0;
	list-style: disc outside;
	margin-left: 0;
}

ol {
	padding-left: 0;
	list-style: decimal outside;
	margin-left: 0;
}

ul.narrow, ol.narrow {
	padding-left: 2em;
	width: 30em;
}

li {
	line-height: 1.3;
	margin-left: 3em;
	padding-bottom: 0.5em;
}
table {
	width: 100%;
	text-align: left;
}
th, td {
	padding-left: 14px;
}
th {
	background: #E6E8E9;
	color: #CC584C;
	font-size: 9px;
	font-weight: normal;
	border-bottom: 1px solid #A7A9AC;
	text-transform: uppercase;
}
td {
	font-size: 11px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #8F9293;
}


/* =========== */
/* = Wrapper = */
/* =========== */

#wrapper {
	margin:0 auto;
	width:830px;
	background:url('../img/interior-wrapper-bg.gif') 0px 0px repeat-y;
}
body.home #wrapper {
	background:none;
}

#header {
	position:relative;
	width:810px;
	padding-right:20px;
	height:106px;
	background:url('../img/header-bg.gif') 0px 0px repeat-x;
	text-align:right;
}
#header_address{
	position: absolute;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #fff;
	left: 92px;
	top: 83px;
}
#header h1 {
	margin:0;
	padding:0;
	text-indent:0px;
	text-align:left;
}

#header h1 a {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	width:414px;
	height:98px;
	background:url('../img/moon-area-school-district.gif') 0px 0px no-repeat;
	text-indent:-9000px;
}

#SchoolSchool {
	position:absolute;
	top:35px;
	right:202px;
	width:170px;
}
#SearchQ{
	padding:1px 2px 1px 20px;
	background:#fff url('../img/search-mag-glass.gif') 3px 50% no-repeat;
	font-size:11px;
	width:150px;
}
#header #SearchQ {
	position:absolute;
	top:35px;
	right:20px;
}

body.home div.subheader {
	position:relative;
	width:625px;
	height:667px;
	background:url('../img/ajax-loader.gif') 50% 20px no-repeat;
}

body.home div.welcome_box {
	position:relative;
	width:625px;
	height:667px;
	background:url('../../assets/home_welcome.jpg') 0px 0px no-repeat;
}

body.home div.im-a-student_box {
	position:relative;
	width:625px;
	height:667px;
	background:url('../../assets/home_student.jpg') 0px 0px no-repeat;
}

body.home div.im-a-parent_box {
	position:relative;
	width:625px;
	height:667px;
	background:url('../../assets/home_parent.jpg') 0px 0px no-repeat;
}

body.home div.im-a-staff-member_box {
	position:relative;
	width:625px;
	height:667px;
	background:url('../../assets/home_staff.jpg') 0px 0px no-repeat;
}

#home_content_color_block {
	position:absolute;
	top:63px;
	left:157px;
	width:282px;
	height:481px;
	padding:12px 11px 15px 15px;
	background:#480000;
	z-index:400;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
}

#home_content {
	position:absolute;
	top:63px;
	left:157px;
	width:282px;
	height:480px;
	padding:12px 11px 15px 15px;
/*	background:url('../img/home-content.jpg') 0px 0px no-repeat;*/
	z-index:500;
	overflow:hidden;
}



#home_content dl.triggers dt {
	float:left;
	margin:4px 5px 0 0;
}

#home_content dl.triggers dt a {
	display:block;
	border:2px #b8b9bc solid;
	width:132px;
/*	height:32px;*/
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	line-height:18px;
	padding:7px 0;
	font-weight:bold;
	background:#bdbec1 url('../img/home-content-trig-bg.gif') 0px 0px no-repeat;
	color:#363636 !important;
	text-decoration:none;
}

#home_content dl.triggers dt a:hover {
	background-image:none;
}

#home_content dl.triggers dt a.current {
	background:#a51c1f url('../img/home-content-trig-bg.gif') -200px 0px no-repeat;
	color:#fff !important;
}
#home_content dl.triggers dt a.current:hover {
	background:#a51c1f url('../img/home-content-trig-bg.gif') -200px 0px no-repeat;
}

#home_content div.content div.box {
	margin-top:12px;
}

#home_content div.content div.box.im-a-student {
}

#home_content div.content div.flexcroll {
	width:274px;
	height:385px;
/*	overflow:hidden;*/
	padding-right:6px;
}

div.home_content {
	color:#ccc;
}

div.home_content a {
	color:#eee !important;
}

div.home_content h1, div.home_content h2, div.home_content h3, div.home_content h4, div.home_content h5, div.home_content h6 {
	margin:0;
	padding:0.6em 0 0.3em 0;
	font-family:Verdana, sans-serif;
	font-weight:bold;
	color:#eee;
}

div.home_content h3 {
	padding-top:0;
	font-size:18px;
}

div.home_content h4 {
	font-size:14px;
}

div.home_content_button {
	margin: 0.6em 0 1.3em 0;
}
div.home_content_button a {
	padding: 8px 12px;
	background-color: #951a06;
	color: #fff !important;
	text-decoration: none !important;
}

ul.simple_list, ul.simple_list li{
	margin: 0;
	padding: 0;
	font-family: Georgia;
	font-size: 14px;
	list-style: none;
}
ul.simple_list{
	margin: 1em 0;
}
ul.simple_list li.active{
	color: #C94432;
	width: auto;
}
/* ===================== */
/* = Content Container = */
/* ===================== */

#container {
	float:left;
	clear:both;
	display:block;
	width:625px;
	overflow:hidden;
}



/* ===================== */
/* = Main Content Area = */
/* ===================== */

#content {
	float:left;
	clear:both;
	width:585px;
	padding:0px 20px 30px 20px;
	overflow:hidden;
}


#banner_image {
	float:left;
	width:440px;
	height:250px;
	overflow:hidden;
	background:#eee;
}


/* =========== */
/* = Sidebar = */
/* =========== */

#sidebar {
	float:left;
	width:205px;
}

#sidebar div.blocks {
	margin-top:4px;
	width: 205px;
	overflow: hidden;
}

div.block, div.alert {
	position:relative;
	padding:15px 15px 10px 15px;
	font-size:10px;
	line-height:140%;
	width:175px;
	overflow: hidden;
}

div.block {
	border-top:1px #ccc solid;
	background:#d1d3d5 url('/media/img/block-bg.gif') 0px 0px repeat-x;
	color:#555;
}

div.block a {
	color:#555 !important;
}

div.block div.dynamic {
	margin-top:-12px;
	margin-bottom:10px;
}

div.block h1 {
	font-family:Verdana, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#db2307;
}

div.block h2 {
	font-family:Verdana, sans-serif;
	padding:0.2em 0 0.1em;
	font-size:14px;
	font-weight:bold;
	color:#db2307;
}

div.block h3 {
	font-family:Verdana, sans-serif;
	padding:1em 0 0.2em;
	font-size:11px;
	font-weight:normal;
	color:#db2307;
}

div.block h4 {
	padding:0.7em 0 0.3em 0;
	font-family:Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#db2307;
}


div.alert {
	border-top:1px #c9250a solid;
	background:#9c1b23 url('/media/img/alert-bg.gif') 0px 0px repeat-x;
	color:#fff;
}

div.alert a {
	color:#fff !important;
}

/* =================== */
/* = Content Tab Bar = */
/* =================== */

ul.tablist
{
	font-family: Georgia;
	font-size: 14px;
	list-style-type: none;
	padding-bottom: 24px;
	height: 10px;
	background: #D2D3D5 url(../img/menu-item-bg.gif) repeat-x scroll 0px 0px;
	margin: 0;
}

ul.tablist li
{
	float: left;
	height: 18px;
	margin: 2px 2px 0 0;
	padding: 4px;
	padding-bottom: 10px;
}

ul.tablist li.active
{
	background: #E08C81 url(../img/menu-item-bg-red.gif) repeat-x scroll 0px 0px;
}
li.active a { color: #000; }

.tablist a
{
	float: left;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 4px;
}

.tablist a:hover {  }

input#DirectoryPersonSearchString {
	font-size: 15px;
	margin-right: 12px;
}
#advanced_options{
	margin-top: 1em;
	display: none;
}
#advanced_options td, #advanced_options th{
	padding: 0;
	margin: 0;
	border: none;
}
#advanced_options th{
	background: none;
	color: #000;
	font-weight: bold;
}
/* ============ */
/* = Calendar = */
/* ============ */
.calendar_view #content{
	width: 400px;
	clear: none;
}
#calendar_sidebar{
	float:right;
	clear:both;
	padding-left: 0px;
	padding-right: 50px;
	padding-bottom: 30px;
}
.date_listing ul, .date_listing li, .category_selector li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.date_listing li a{
	margin:0;
	padding:1em 0 0.5em;
	font-weight:normal;
	text-decoration: none;
	color:#999999 !important;
	font-size:10px;
}
.date_listing li a.event {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: underline;
	font-size:16px;
	color:#db2307 !important;
}
#events .title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#db2307 !important;	
}
#events .extra_data{
	font-size: 10px;
	color:#999 !important;
}
#calendar_sidebar h3{
	margin:7px 0 3px 0px;
	padding:0;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#a32306;
}
.category_selector a{
	color:#666666 !important;
	font-size:10px;
	text-decoration:none;
}
.category_selector a:hover{
	text-decoration:underline;
}

/* ========== */
/* = Footer = */
/* ========== */

#footer {
	position:relative;
	padding-right:205px;
	padding-top:20px;
	padding-bottom:35px;
	clear:both;
	width:625px;
	font-size:9px;
	line-height:1.5;
	background:#3f3d3e;
	color:#888;
	text-align:center;
}

#footer p {
	margin:0;
	padding:0.1em 0 0.2em;
}

#footer a {
	color:#888 !important;
	text-decoration:none;
}

#footer a:hover {
	color:#ccc !important;
}
