/* CSS Document */
/* Ashby School - September 2008 */

body {
	text-align: center;
	background: #ffffff;
	margin: 0 auto;
	padding: 0 0;
	color: #0c2164;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}
#wrapper {
	text-align: center;
	margin: 0 auto;
}
#shadowtop {
	background: url(/img/shadow_top.jpg) no-repeat top left;
	height: 20px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#shadowbottom {
	background: url(/img/shadow_bottom.jpg) no-repeat top left;
	height: 20px;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#shadowmain {
	background: url(/img/shadow_rpt.jpg) repeat-y top left;
	width: 960px;
	display: block;
	margin: 0 auto;
	text-align: left;
	padding: 0;
}
#maincontent {
	padding: 5px 20px;
	width: 920px;
	text-align: left;
	clear: both;
}
.noprint {
	display: block;
}

#footer {
	border-top: 1px solid #0c2164;
}
#footer p {
	font-size: 0.7em;
	text-align: center;
}
#footer a, #footer a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #0c2164;
	color: #0c2164;
}
#footer a:hover {
	text-decoration: none;
	border-bottom: 1px solid #960040;
	color: #960040;
}
#header {
}
#printlogo {
	display: none;
}
#tickercontainer {
	width: 920px;
}
#ticker {
	float: left;
}
.tickeritem {
	margin: 0;
	padding: 0;
	margin-right: 100px;
	font-size: 12px;
}
.tickerdate {
	color: #999999;
	font-size: 9px;
	margin-right: 1em;
}
.tickeritem a, .tickeritem a:link, .tickeritem a:visited {
	color: #0c2164;
	text-decoration: none;
	border-bottom: none;
}
.tickeritem a:hover, .tickeritem a:active  {
	color: #960040;
	text-decoration: none;
	border-bottom: 1px dotted #960040;
}
#contentarea {
	color: #0c2164;
	text-align: left;
}
#contentarea a, #contentarea a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #0c2164;
	color: #0c2164;
}
#contentarea a:hover {
	text-decoration: none;
	border-bottom: 1px solid #960040;
	color: #960040;
}
#contentarea .mainimage {
	float: right;
	margin-bottom: 0.5em;
}
#contentarea .text {
	margin-right: 400px;;
	margin-left: 0.5em;
}
.general_content {
	margin-left: 185px;
	/*float: left;*/
	/*width: 737px;*/
}
.general_submenu {
	float: left;
	margin-left: 2px;
	background: url(/img/submenu.jpg) top left no-repeat #ffffff;
	width: 180px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

.general_content img {
	margin: 0.5em;
	/*float: right;
	clear: right;*/
}

.general_content img.right {
	float: right;
	clear: right;
}
.general_content img.left {
	float: left;
	clear: left;
}

a.imglink, a.imglink:link, a.imglink:hover, a.imglink:active, a.imglink:visited, .imglink {
	border-bottom: none;
	text-decoration: none;
}

.downloadpanel {
	border: #cccccc 1px dashed;
	background: #ffffff;
	margin: 5px;
	padding: 5px;
}

.downloadpanel img, .downloadpanel a {
	border: none;
	text-decoration: none;
	border-bottom: none;
}
.ImageOnLeft {
	padding: 1px;
	margin-right: 5px;
	border: 1px solid #0c2164;
	float: left;
	width: 360px;
}
.ImageOnRight {
	padding: 1px;
	margin-left: 5px;
	border: 1px solid #0c2164;
	float: right;
	width: 360px;
}
.caption {
	color: #666666;
	font-size: 0.85em;
	margin-left: 5px;
	display: block;
}

/**** DEFAULT STYLINGS ****************************/
p {
	margin: 0 0;
	padding: 0 0;
	margin-bottom: 1em;
}
.general_content p {
	margin-left: 0.4em;
	margin-top: 0.5em;
}

h1 {
	color: #960040;
	font-weight: normal;
	font-size: 2em;
	margin: 0 0;
	margin-top: 0.5em;
}
.general_content h1 {
	margin-left: 0.1em;
}

h2 {
	color: #960040;
	font-weight: normal;
	font-size: 1.4em;
	margin: 0 0;
	margin-top: 0.75em;
}
.general_content h2 {
	margin-left: 0.2em;
}

h3 {
	color: #0c2164;
	font-weight: bold;
	font-size: 1.1em;
	margin: 0 0;
	margin-top: 0.75em;
}
.general_content h3 {
	margin-left: 0.3em;
}

a, a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px solid #0c2164;
	color: #0c2164;
}
a:hover {
	text-decoration: none;
	border-bottom: 1px solid #960040;
	color: #960040;
}
li {
	line-height: 1.5em;
}
p.error  {
	background: #990000;
	color: #ffffff;
	font-weight: bold;
}
.note {
	color: #999999;
	font-size: 0.9em;
	margin-right: 1em;
	margin-bottom: 0;
	margin-top: 0;
}
/**************************************************/

/**** MAIN MENU NAVIGATION ************************/

#header ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 0.5em;
}
#header ul li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	line-height: normal;
}
#header ul li.nolink_bottom  {
	display: block;
	width: 180px;
	background: url(img/but_bottom_norm.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	height: 20px;
	margin: 0 0px 1px 2px;
	padding: 2px 2px 1px 0;
}
#header ul a.top {
	display: block;
	width: 180px;
	background: url(img/but_top_norm.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	height: 20px;
	margin: 0 0px 1px 2px;
	padding: 2px 2px 1px 0;
}
#header ul a.bottom {
	display: block;
	width: 180px;
	background: url(img/but_bottom_norm.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	height: 20px;
	margin: 0 0px 1px 2px;
	padding: 2px 2px 1px 0;
}
#header ul a.admin {
	display: block;
	width: 180px;
	background: url(img/but_admin_norm.jpg) no-repeat top left;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	border-bottom: none;
	height: 20px;
	margin: 0 0px 1px 2px;
	padding: 2px 2px 1px 0;
}

#header ul a.bottom:hover, #header ul a.bottom:active, #header ul a.top:hover, #header ul a.top:active, #header ul a.admin:hover, #header ul a.admin:active {
	color: #ffffff;
	background: url(img/but_hi.jpg) no-repeat top left;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	color: #0c2164;
}

#header ul li a.selected {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	border-bottom: none;
}
/*-------------------------------------------*/
/*---- BOTTOM MENU NAVIGATION ---------------*/
#bottom_buttons {
	margin: 0.5em 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	text-align: center;
	/*border-top: 1px solid #0c2164;*/
	background: #0c2164;
	color: #ffffff;
	clear: both;
}
#bottom_buttons ul {
	display: inline;
	margin: 0;
	padding: 0.5em 0;
}
#bottom_buttons ul li {
	display: inline;
	background: url(/img/bullet_hyphen.gif) no-repeat left;
	padding-left: 8px;
	font-size: 0.85em;
	/*font-weight: bold;*/
}
#bottom_buttons ul li.first {
	display: inline;
	padding-left: 0;
	background: none;
	margin-left: 0;
}
#bottom_buttons ul li a, #bottom_buttons ul li.first a, #bottom_buttons ul li a:visited, #bottom_buttons ul li.first a:visited {
	text-decoration:none;
	border-bottom: none;
	/*color: #0c2164;*/
	color: #ffffff;
}
#bottom_buttons ul li a:hover, #bottom_buttons ul li.first a:hover {
	text-decoration:none;
	border-bottom: dotted 1px #ffffff;
	color: #ffffff;
}


/*-------------------------------------------*/
/*---- SUB MENU NAVIGATION ---------------*/
.general_submenu ul  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 0.5em;
}
.general_submenu ul li  {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 170px;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.1em;
}
.general_submenu ul li.nolink  {
	display: block;
	width: 170px;
	color: #000000;
	background: none;
	text-decoration: none;
	font-size: 0.85em;
	border-bottom: none;
	margin: 0 0px 1px 0;
	padding: 0.5em;
}
#contentarea .general_submenu a {
	background: none;
	font-size: 0.85em;
	margin: 0;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}
#contentarea .general_submenu a:link, #contentarea .general_submenu a:visited {
	color: #960040;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}
#contentarea .general_submenu a:hover, #contentarea .general_submenu a:active {
	color: #0c2164;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
}
#contentarea .general_submenu a.selected {
	color: #0c2164;
	border-bottom: 1px dotted #999999;
	text-decoration: none;
	font-weight: bold;
}

/*********************************************/

.news {
	border-bottom: #d5d5d5 solid 1px;
	background: none;
	margin: 4px 0;
	padding: 4px 0;
}
.news_hover {
	border-bottom: #d5d5d5 solid 1px;
	background: #d9d9d9;
	margin: 4px 0;
	padding: 4px 0;
}
.newsdate {
	color: #999999;
	font-size: 0.8em;
	margin-right: 1em;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 0.5em;
}

div.subjectlist {
	width: 260px;
	float:left;
	/*border: solid 1px #004C93;*/
	padding:10px;
}
div.subjectdetail {
	width: 390px;
	margin-left: 290px;
	/*border: solid 1px #004C93;*/
	padding: 10px;
}
/***************************STANDARD FORMS **********************************/

form.standard input, form.standard textarea, form.standard select, form.standard option {
	color: #666666;
	background-color: #eeeeee;
	border: 1px solid #d5d5d5;
	width: 30em;
}
form .small input, form .small select,  form .small option {
	width: 14em;
}
.standard textarea, .small textarea { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
form.standard .button {
	width: 4em;
	margin: 0 0 0 0;
}
form.standard .radio {
	margin: 0 0 0 0;
	width: 2em;
}
form.standard label {
	font-weight: normal;
	color: #666666;
	font-size: 1em;
}

/*----------------BUTTONS----------------*/
p.buttoncontainer {
	margin: 1.2em 0 1.2em 10px;
}

.button {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0.3em 0.5em 0.3em 0.5em;
	color: #666666;
	background: #d5d5d5;
	width: 10em;
	height: 21px;
	text-align: center;
}
.down {
	background: #d5d5d5;
	color: #ffffff;
}
.downblue {
	background: #d5d5d5;
	color: #ffffff;
}
.downred {
	background: #d5d5d5;
	color: #ffffff;
}
.button a, .button a:link, .button a:hover, .button a:active, .button a:visited {
	border-bottom:none;
	text-decoration:none;
	color: #00000;
}
/* Standard tables ---------------------------------------------- */
table.standard {
	border: solid 1px #d5d5d5;
	background: #ffffff;
	padding: 0 0;
	width: 99%;
	margin-left: 0.3em;
	border-collapse: collapse;
	margin-bottom: 5px;
	font-size: 0.85em;
}
table .small {
	width: 15em;
}
table.standard th {
	font-weight: bold;
	color: #000000;
	background: #d5d5d5;
	padding: 5px 5px;
}
table.standard tr {
	background: #ffffff;
	font-weight: normal;
	color: #666666;
	margin: 0 0;
	padding: 0 0;
	vertical-align: top;
}
table.standard tr.row_alt {
	background: #dfdfdf;
	font-weight: normal;
	color: #666666;
	margin: 0 0;
	padding: 0 0;
	vertical-align: top;
}
table.standard tr.row_selected {
	background: #960040;
	font-weight: normal;
	color: #ffffff;
	margin: 0 0;
	padding: 0 0;
	vertical-align: top;
}
table.standard td.loctable {
	border-bottom: 1px solid #bbbbbb;
}
table.standard td {
	margin: 0 0;
	padding: 2px 5px;
}
table.standard td.nowrap {
	white-space: nowrap;
}
table.standard td.label {
	font-weight: bold;
	text-align: right;
	width: 30%;
}
table.standard td.datecol {
	width: 20%;
}

table.standard tr a, table.standard tr.row_alt a, table.standard tr.row_selected a {
	color: #000000;
	text-decoration: none;
	border-bottom: none;
}
table.standard tr.row_selected a:hover, table.standard tr a:hover, table.standard tr.row_selected a:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
table.extracurric td {
	border-bottom: solid 1px #d5d5d5;
}

.sf_box {
	border: 1px dotted #960040;
	float: left;
	margin: 5px 5px;
	padding: 10px 10px;
	padding-top: 20px;
	width: 150px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff url(/img/sf_bg.gif) bottom right no-repeat;
}

.sf_box p {
	text-align: center;
}

/******************** PORTRAIT PHOTO BACKGROUND GRADS **********************/
table.portrait_photo_panels {
	border: none;
}

table.portrait_photo_panels td {
	margin: 0;
	padding: 0;
}
table.portrait_photo_panels td p {
	margin: 0;
	padding: 0;
}
.portrait_photo_panels p.name {
	color: #263971;
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}
.portrait_photo_panels p.position {
	color: #680003;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	padding-left: 5px;
}

/* These are applied to the actual image...*/
.staff_portrait {
	/*blue*/
	background: url(/img/pic_grad_blue.jpg) bottom left repeat-x;
	padding: 10px;
}

.governor_portrait {
	/*gold*/
	background: url(/img/pic_grad_gold.jpg) bottom left repeat-x;
	padding: 10px;
}

.slt_portrait {
	/*burgundy*/
	background: url(/img/pic_grad_burgundy.jpg) bottom left repeat-x;
	padding: 10px;
}
/***************************************************************************/
