/* CSS Document */
	
body {
	background-color: #006600;
	background-image: url('/images/bg_grad_green.gif');
	background-repeat: repeat-x;
	color: white;
	text-align: center;
	font-family: Trebuchet MS, Trebuchet MS, sans-serif;
	font-size: 80%;
	margin: 0px;
}

.body {
	margin-left: auto;
	margin-right: auto;
	min-width: 830px;
	max-width: 1000px;
	/*width: expression(document.body.clientWidth > 785 ? document.body.clientWidth < 1000 ? "auto" : "1000px" : "770px"; );*/
	text-align: left;
	padding: 0px;
	z-index: -10;	
}

.main_block {
	border-left: 5px solid #003300;
	border-right: 5px solid #003300;
}

a img {
	border: 0; 
}

a {
	color: #006600;
}

.degraded_text {
	display: none;
}

/* Stuff for the header. */
#header_image_left {
	float: left;
	margin-right: 10px;
	z-index: 2;
	position: absolute;
	top: 3px;
	left: 10px;
}

#header_image_left img {
	height: 115px;
	width: 113px;
	/*position: relative;
	top: -24px;*/
	background: url('/images/viking_head_prime.gif') no-repeat/*bottom no-repeat*/;
}

.top_header {
	position: relative;
}

#header_image_right {
	float: right;
	margin-left: 10px;
	z-index: 2;
	position: absolute;
	right: 10px;
	top: 10px;
}

#header_image_right img {
	height: 100px;
	width: 100px;
	background: url('/images/blueribbon.gif') no-repeat;
}

#logo {
	font-family: sans-serif;
	padding-top: 0px;
	border: none;
	height: 120px;
	padding-left: 130px;
	/*background: url('/images/bg_header_title_hilite.gif') top left no-repeat;*/
}

#phone_number {
	float: right;
	margin-right: 130px;
	padding-left: 9px;
	padding-top: 5px;
	color: #999999;
	font-size: 120%;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.main_titles {
	position: absolute;
	top: 55px;
	left: 135px;
}

.header_text {
	font-size: 20pt;
	font-weight: bold;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.title_rule {
	height: 0px;
	width: 100%;
	border-bottom: 1px solid yellow;
	margin-bottom: 3px;
}

.sub_text {
	font-size: 10pt;
}

#logo span {
	display: block;
}
	
.main { 	
	background: white url('/images/menu_shadow.gif') repeat-x;
	border-bottom: 0px;
	border-top: 0px;
	margin-top: 0px;
	/* position: relative; Breaks IE7's dropdown lists? o_O*/
	color: black;
	z-index: 1;
	padding: 0px;
}

.main a:hover {
	color: #CC9900;
}

.main a:visited {
	color: #996600;
}

.main a:visited:hover {
	color: #CC9900;
}

.fhs_title {
	font-size: 24pt;
	font-weight: bold;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	padding: 0px 0px 0px 15px;
	color: #666666;
}

.small_title {
	color: #666666;
	font-size: 25pt;
	font-weight: bold;
	font-style: italic;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-bottom: 17px;
	text-align: left;
}

.submenu {
	text-align: center;
	font-size: 70%;
	position: relative;
}

.submenu_left {
	display: inline;
	text-align: left;
	position: absolute;
	width: 200px;
	left: 100px;
}

.submenu_right {
	display: inline;
	text-align: center;
	position: absolute;
	width: 200px;
	right: 215px;
}

.submenu_far_right {
	display: inline;
	position: absolute;
	right: 10px;
	width: 200px;
}

/***************************
RIGHT BODY
***************************/

.right_body {
	width: 200px;
	height: 100%;
	float: right;
	right: 0px;
	padding: 0px;
	background: white;
}

.right_body .component .title{
	background-image: url("/images/sidebar_header_right.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 13pt;
	font-weight: bold;
	height: 41px;
	margin-left: -5px;
	margin-bottom: -6px;
	padding-left: 15px;
	padding-top: 8px;
	width: 205px;
}

/***************************
LEFT BODY
***************************/

.left_body {
	width: 200px;
	height: 100%;
	float: left;
	left: 0px;
	padding: 0px;
	background: white;
}

.left_body .component .title{
	background-image: url("/images/sidebar_header_left.gif");
	background-repeat: no-repeat;
	color: white;
	font-size: 13pt;
	font-weight: bold;
	height: 41px;
	margin-left: 0px;
	margin-bottom: -6px;
	padding-left: 9px;
	padding-top: 8px;
	width: 205px;
}

/***************************
CENTER BODY
***************************/

.center_body {
	margin-left: 205px;
	margin-right: 205px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
}

.new_center_body {
	margin-left: 205px;
	margin-right: 205px;
	padding-top: 0px;
}

.large_body {
	margin-left: 205px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	border-left: solid 1px #CCCCCC;
}

/***************************
WIDE RIGHT
***************************/

.wide_right {
	margin-left: 205px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	border-left: solid 1px #CCCCCC;
}

/***************************
FULL PAGE
***************************/

.fullpage {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.fullpage_title {
	padding-left: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 0px;
}

.para_header {
		color: #666666;
		font-size: 13pt;
		font-weight: bold;
		margin-bottom: 9px;
}

.rule {
	height: 17px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
}

.small_rule {
	height: 0px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 3px;
	margin-bottom: 5px;
}

.small_news {
	float: right;
	width: 150px;
	padding-left: 3px;
}

.small_news a {
	color: #006600; 
	text-decoration: underline
}

.newsitem {
	margin-bottom: 11px;
	overflow: auto;
	height: 1%;
	padding: 0px 2px 11px 2px;
	border-bottom: 1px solid #CCCCCC;
}

.happening {
	margin-bottom: 21px;
	overflow: auto;
	height: 1%;
}

.newsitem .header {
	color: #006600;
	font-weight: bold;
	font-size: medium;
	margin-left: 77px;
	margin-top: -5px;
	padding-left: 11px;
	text-decoration: none;
}

.newsitem .header a {
	text-decoration: none;
	color: #669900;
}

.newsitem .header a:hover {
	text-decoration: none;
	color: #CC9900;
}

.newsicon {
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 10px;
	float: left;
}

.newsbox .newsicon {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 0px;
	float: left;
}

.news {
	color: #363636;
	margin-left: 77px;
	text-align: left;
	padding-left: 11px;
}

#newsscroller {
	width: 100%;
	height: 13em;
}

.scroller {
	text-align: left;
	height: 13em;

}

.scroller .news_title {
	font-weight: bold;
	font-size: 120%;
}

.small_news ul {
	padding-left: 0px;
}

.small_news .info b {
	font-size: 120%;
}

.clear {
	clear: both;
}

.grey_header {
	font-size: 11pt; 
	font-weight: bold;
	margin-bottom: 11px;
}

.bottom_body {
	background: white;
	color: black;
	text-align: right;
	height: 24px;
}

/*SIDEBAR COMPONENTS*/  
.component {
	padding: 0px;
	color: #030303;
}

.component .info {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.component .medium  {
	padding: 5px;
}

.component ul {
	padding-left: 17px;
}

#announcements .info, #bschedule .info {
	padding: 0px;
}

/*.component .title img {
	float: right;
}

.component .title {
	color: white;
	padding: 3px;
	font-weight: bold;
	background-color: #79b380;
	background-image: url("/images/bg_header.gif");
	background-repeat: repeat-x;
}*/

.component .gold_title {
	color: #333300;
	padding: 3px;
	font-family: Arial;
	font-weight: bold;
	font-size: 90%;
	background: yellow url('/images/bg_menu_gold.gif') repeat-x;
}

.component .title img {
	width: auto;
}

.component .info {
	font-size: 80%;
}

.navtabs .tab {
	float: right;
}

.navtabs .active {
	z-index: 10;
	border-bottom: 1px solid #FFE633;
}

.navtabs #community_tab {
	background: url('/images/communitytab_on.gif') no-repeat; 
}

.navtabs #teachers_tab {
	background: url('/images/teacherstab_off.gif') no-repeat; 
}

.navtabs #parent_tab {
	background: url('/images/parenttab_off.gif') no-repeat; 
}

.navtabs .active img {
	width: 86px;
	height: 20px;
}

.navtabs .inactive img {
	width: 79px;
	height: 20px;
}

.footer {
	color: black;
}

.footer .addressbar {
	text-align: center;
	height: 30px;
	background: yellow url('/images/bg_menu_gold.gif') center left repeat-x;
	border-top: solid 1px #999900;
	font: 8pt Arial;
	padding: 0px;
	margin-top: -4px;
}

.address {
	line-height: 30px;
}

.cartoon_viking {
	float: left;
	position: relative;
	background: url("/images/cartoon_viking_clean.gif") no-repeat;
}

.cartoon_viking img {
	height: 105px;
	width: 78px;
}

.D211_Logo {
	float:right;
	margin-top: 3px;
	margin-right: 13px;
	background: url("/images/211_cutout.gif") no-repeat;
}

.D211_Logo img {
	width: 72px;
	height: 53px;
}

.copyright {
	background: url("/images/bg_grad_green_short_reverse.gif") bottom repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 90px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: white;
	font-family: arial;
	font-size: 70%;
}

.copyright_new {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: white;
	font-family: arial;
	font-size: 70%;
	text-align: center;
}

#quicklinks ul {
	padding-left: 8px;
}

#quicklinks b {
	font-size: 120%;
	font-weight: bold;
}

#quicklinks a {
	font-weight: bold;
	text-decoration: none;
}

#quicklinks a:hover {
	text-decoration: underline;
	color: #CC9900;
}

#tools a {
	text-decoration: none;
}