.bah {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */

/***********************************************/
/* The Manchester College VSR // main.css (screen)  */
/***********************************************/


/*-  zero out margin and padding on all elements
----------------------------------------------------------------------*/

* {
 	margin: 0;
 	padding: 0;
}

body {
	font: 70% "Lucida Grande", Verdana, Helvetica, sans-serif;
	background: #fff url(../images/masthead_repeat.jpg) repeat-x scroll;
	margin: 0;
	padding: 0;
}


/*-  default links
----------------------------------------------------------------------*/

a:link, a:visited {
	color: #039;
	outline: none;
}

a:hover {
	color: #c70e33;
	outline: none;
}


/*-  masthead holding the logo and links
----------------------------------------------------------------------*/

#masthead {
	background: url(../images/masthead.jpg) no-repeat 0 0;
	margin: 0;
	padding: 0;
	height: 110px;
}

#mastheadLinks {
	float: right;
	color: #039;
	margin: 0;
	padding: 15px 10px 0 0;
}

#mastheadLinks a:link, #mastheadLinks a:visited {
	color: #039;
	text-decoration: none;
}

#mastheadLinks a:hover {
	text-decoration: underline;
}

/* mainHeading styles */

#mainHeading {
	height: 50px;
	margin: 0;
	padding: 0;
	background-color:#F4F4F4;
}

#mainHeading h1 {
	/*background: url(../images/main_heading_staff_services.gif) no-repeat 0 0;*/
	background: url(../images/main_heading.gif) no-repeat 0 0;
	text-indent: -9999px;
	height: 50px;
	margin: 0px 0 0 13px;
	padding-top: 10px;
}

.clear { clear: both; }


/*-  layout styles
----------------------------------------------------------------------*/

#wrapper {
 	/*width: 72em;*/
 	width: 100%;
 	max-width: 1280px;
 	min-width: 950px;
 	margin: 0 auto; 
 	text-align: left;
}

/*- Minimum- and maximum-width settings for IE6 -*/
/*
#wrapper {
	width: expression(document.body.clientWidth > 980 ? "980px": (document.body.clientWidth < 890 ? "890px": "auto" ));
}
*/

#content { 
 	/*width: 52em;*/
 	width: 95%;
 	/*max-width: 75%;*/ 
 	float: left;
	margin-left: 15px;
	margin-top: 20px;
}

#mainContent { 
 	/*width: 32em;*/
	/* this was 68% change it back if layout problems */
 	width: 71%;
 	/*max-width: 66%;*/
 	float: left;
	
}

#mainContent a:link, #mainContent a:visited {
	color: #039;
	outline: none;
}

#mainContent a:hover {
	color: #c70e33;
	outline: none;
}

#secondaryNav { 
 	/*width: 18em;*/
 	width: 210px;
 	/*max-width: 31%;*/
 	float: right;
} 


/* add some margin and padding... at the bottom */

#mainContent,
#secondaryNav { 
 	margin: 0;
	padding: 0 0 20px 0;
}


/*-  mainContent header, paragraph and list styles
----------------------------------------------------------------------*/

#mainContent h2 {
	font: bold 140% "Helvetica Neue", Arial, sans-serif;
	color: #10388C;
	margin: 0;
	padding: 0 10px 0.3em 0;
}

#mainContent h3 {
	font: bold 130% "Helvetica Neue", Arial, sans-serif;
	color: #10388C;
	margin: 0;
	padding: 0.4em 10px 0.3em 0;	
}

#mainContent h4 {
	font: bold 120% "Helvetica Neue", Arial, sans-serif;
	color: #10388C;
	margin: 0;
	padding: 0.5em 10px 0 0;	
}

#mainContent p {
	line-height: 150%;
	margin: 0;
	padding: 0.2em 10px 0.8em 0;
}

#mainContent td {
	line-height: 150%;
	margin: 0;
	padding: 0.2em 10px 0.8em 0;
	border: none 1px #D9ECFF;
	/*padding-left: 5px; padding-right: 5px;*/
}

#mainContent ol {
	margin: 0;
	padding: 0.5em 0 1em 25px;
	}
	
#mainContent ul {
	margin: 0;
	padding: 0.5em 0 1em 20px;
	}

#mainContent li {
	line-height: 140%;
	padding: 0.2em 0 0.3em 10px;
}


/*-  Nav styles
----------------------------------------------------------------------*/

#secondaryNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* ----- navBox styles ----- */

/* h3 blue header images for the boxtops */

h3#alerts { background: url(../images/services_boxtop.gif) no-repeat left top; }

h3#messages { background: url(../images/elearning_boxtop.gif) no-repeat left top; }

h3#news { background: url(../images/links_boxtop.gif) no-repeat left top; }

h3#newsletter { background: url(../images/elearning_newsletter_1_boxtop.gif) no-repeat left top; }

h3#ITSupport { background: url(../images/IT_support_boxtop.gif) no-repeat left top; }

h3#Forms { background: url(../images/forms_boxtop.gif) no-repeat left top; }

h3#documents { background: url(../images/documents_boxtop.gif) no-repeat left top; }
/* h3 blue header image replacement for the boxtops */

h3#alerts,
h3#messages,
h3#news,
h3#newsletter,
h3#ITSupport,
h3#Forms,
h3#documents {
	text-indent: -9999px;
	height: 25px;
	margin: 0;
	padding: 0;	
}


/* navBox bottom rounded corners */

#alertsBox,
#messagesBox,
#newsBox,
#newsletterBox,
#ITSupportBox,
#FormsBox,
#documentsBox{
	background: #eee url(../images/navbox_bottom.gif) no-repeat left bottom;
	margin-bottom: 20px;
}


/* navBox list and link styles */

#alertsBox ul,
#messagesBox ul,
#newsBox ul,
#newsletterBox ul,
#ITSupportBox ul,
#FormsBox ul,
#documentsBox ul {
	line-height: 160%;
	padding: 10px;
}

#alertsBox ul img,
#messagesBox ul img,
#newsBox ul img,
#newsletterBox ul img,
#FormsBox ul img,
#ITSupportBox ul img{
	position: absolute;
	padding-left: 3px;
	padding-top: 2px;
}

#documentsBox ul {
	padding-left: 3px;
	padding-top: 2px;
	}

#documentsBox img {
padding-right: 5px;
}


#alertsBox a:link, #alertsBox a:visited,
#messagesBox a:link, #messagesBox a:visited,
#newsBox a:link, #newsBox a:visited,
#newsletterBox a:link, #newsletterBox a:visited,
#ITSupportBox a:link, #ITSupportBox a:visited,
#FormsBox a:link, #FormsBox a:visited,
#documentsBox a:link, #documentsBox a:visited {
	text-decoration: none;
	color: #039;
	outline: none;
}

#alertsBox a:hover,
#messagesBox a:hover,
#newsBox a:hover,
#newsletterBox a:hover,
#ISupportBox a:hover,
#documentsBox a:hover {
	text-decoration: underline;
	color: #c70e33;
}


/*-  footer styles
----------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 100%;
	border-top: 1px solid #999;
	margin: 20px 0 0 0;
	padding: 0;
}

#footer p {
	font-size: 85%;
	line-height: 150%;
	margin: 0;
	padding: 10px 10px 0;
}

#footer a:link, #footer a:visited { color: #039; }

#footer a:hover { color: #c70e33; }


/*-  form styling (search)
----------------------------------------------------------------------*/

/*form {
	float: right;
	font-size: 80%;
	margin: -70px 0px 0px 0px;
	padding: 0;	
}*/

fieldset {
	width: 200px;
	border: 0;
	margin: 0 0 10px 0;
	padding: 5px;
}

legend {
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	background: #d72e2e;
	color: #fff;
	margin: 10px 0 2px 0;
	padding: 2px;
}

.default legend { display: none; }

/*label { display: none; }*/

.default label {
	display: block;
	font-weight: bold;
}

input {
	margin-top:0;
	padding: 2px;
	border:1px solid #663300;
	background: #d7e7e9;
	color: #333;
}

input.textarea {
	margin-top:0;
	padding: 2px;
	border:1px solid #663300;
	background: #d7e7e9;
	color: #333;
	
}

input.radio { 
	background : #ffffff; 
	border: 0; 
	color: #333 
	}

select {
	margin-top:0;
	padding: 2px;
	border: 1px solid #663300;
	background: #d7e7e9;
	color: #333;
	font-size: 98%;

}

#homehead {
	color: #84B6C6;
}

.loginbutton {
	height: 24px;
}

textarea {
	margin-top:0;
	padding: 2px;
	border: 1px solid #663300;
	background: #d7e7e9;
	color: #333;
}

.default input { display: block; }

input.submit {
	border: 0;
	padding: 5px;
	background: transparent;
	font-size: 10px;
	margin-bottom: -9px;
}

#advancedSearch {
	float: right;
	margin: -25px 10px 0px 0px;
	padding: 0;

}

#advancedSearch a:link, #advancedSearch a:visited  {
	text-decoration: underline;
	color: #039;
	outline: none;
}

#advancedSearch a:hover  {
	color: #c70e33;
}


/* styling */

.subhead {
	color: #006B9D;
	display: inline;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 0 10px;
}

/*.ObjectTitle {
	color: #006B9D;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 5px 0 10px;
}*/

.ObjectTitle {
	font: bold 140% "Helvetica Neue", Arial, sans-serif;
	color: #00325d;
	margin: 0;
	padding: 0 5px 0 8px;
	}
	
.ObjectTitleSm {
	font: bold 130% "Helvetica Neue", Arial, sans-serif;
	color: #00325d;
	margin: 0;
	padding: 0 5px 0 8px;
	}
	
/*.PPTTitle {
	font: bold 130% "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding: 0.5em 10px 0 0;	
}*/

.PPTTitle {
	font: bold 140% "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding: 0.5em 10px 0 0;
	}
	
.tableborder {
	border: solid 1px #D9ECFF;
	padding: 5px 5px 5px 5px;
}

.tableborderdarker {
	border: solid 1px #cccccc;
	padding: 5px 5px 5px 5px;
}

.tableborderclear {
	padding: 5px 5px 5px 0px;
}

.tableborderdocs {
	border: solid 1px #00325d;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 5px;
	background-color:#F3F3F3; 
}

.tableborderdocs {
	border: solid 1px #00325d;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 5px;
	background-color:#F3F3F3; 
}

.tablebordercal {
	border: solid 1px #00325d;
	margin: 5px 5px 5px 0;
	padding: 5px 5px 5px 5px;
	background-color: #FFF8F0; 
}

.formcontent {
	display: inline;
	font-size: 100%;
}

/*select {
	font-size: 98%;
}*/

.urlbox {
font-size: 80%;
}

.CellShade {
	background-color: #F3F3F3;
	color: #000066;
}

.CellShade2 {
	background-color: #EEE;
	color: #000066;
}

.NewButton {
height: 20px;
font-size: 90%;
}

/* documents */
.nFocus {
vertical-align:text-top;
line-height: 18px;
}

.nChildren {
vertical-align:text-top;
line-height: 18px;
}

nAncestry {
vertical-align:text-top;
}

#Messages {
	/*width:690px;*/
	height: 580px;
	overflow: auto;
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	background-color: #F4F4F4;
	scrollbar-face-color: #DAE2E5;
}

#Messages h3 {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
}

.date {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	padding-left: 0px;
}

.postedUnderline {
	display: block;
	margin: 3px 5px 8px 0px;
	padding: 0 0 8px 0;
	color: #333333;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.3em;
}

.author {
	font-size: 85%;
	font-weight: bold;
	color: #666;
	padding-left: 0px;
}

#msgHeader {
	background-color: #006B9D;
	color: #FFFFFF;
	font:  125% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	padding: 5px 5px 5px 5px;
}

#MessageColumn h2 {
	background: url(../images/home_header_staffNotices.gif) no-repeat 0 0;
	height: 25px;
	text-indent: -9999px;
	margin: 0;
 	padding: 0;
}

.holder {
background-color:#F4F4F4;
}

#elMessages {
	width:200px;
	height: 900px;
	overflow: auto;
	padding: 5px;
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color: #F4F4F4;
	scrollbar-face-color: #DAE2E5;
}

#elMessages h3 {
	display: inline;
	font-weight: bold;
	font-size: 1.2em;
}

#elmsgHeader {
	background-color: #006B9D;
	color: #FFFFFF;
	font:  115% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-align:center;
	text-transform:uppercase;
	padding: 5px 5px 5px 5px;
}