/*
CSS for My school pages
*/

/******** Main CSS for the school homepage ******/

.school-wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	background: #5B7398;
	color: #FFFFFF;
	position: relative;
	border: thin #FFFFFF;
}
body.school-homepage {
	font-family: Calibri, Tahoma, Rockwell, sans-serif;
	background-color: #5B7398;
	line-height: 125%;
	padding: 0;
	margin: 0;
	border: 0;
}

#school-bodycontent {
	width: 60em;
	border: white double;
	background-color: #999;
	float: right;
	padding: 3px;
	height: 10em;
}

#school-header {
	width: 60em;
	background-color: #5B7398;
}

#school-header img {
	border: none;
}

#school-footer {
	clear: both;
	left: 19px;
	width: 60em;
}

#school-footer p {
	font-size: small;
}

#school-footer a {
	font-size: smaller;
}

#validator {
	margin-left: 340px;
}

#validator img {
	border: none;
}

#classes {
	clear: left;
	padding-top: 2em;
}

.cit-230 {
	padding-left: 1em;
}

.cit-230 img, .cit-235 img {
	border: none;
}

.cit-235 {
	padding-left: 20em;
}

/******* CSS specificly for CIT 230 pages ******/

.cit-230-wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	background: #5B7398;
	color: #FFFFFF;
	position: relative;
	border: thin #FFFFFF;
}
body.cit-230-homepage {
	font-family: Calibri, Tahoma, Rockwell, sans-serif;
	background-color: #5B7398;
	line-height: 125%;
	padding: 0;
	margin: 0;
	border: 0;
}

#cit-230-bodycontent {
	width: 60em;
	border: white double;
	background-color: #999;
	float: right;
	padding: 3px;
	height: auto;
}

#cit-230-bodycontent li {
	list-style: none;
}

#cit-230-header {
	width: 60em;
	background-color: #5B7398;
}

#cit-230-header img {
	border: none;
}

#cit-230-footer {
	clear: both;
	left: 19px;
	width: 60em;
}

/******* CSS specificly for CIT 235 pages ******/

.cit-235-wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	background: #5B7398;
	color: #FFFFFF;
	position: relative;
	border: thin #FFFFFF;
}
body.cit-235-homepage {
	font-family: Calibri, Tahoma, Rockwell, sans-serif;
	background-color: #5B7398;
	line-height: 125%;
	padding: 0;
	margin: 0;
	border: 0;
}

#cit-235-bodycontent {
	width: 60em;
	border: white double;
	background-color: #999;
	float: right;
	padding: 3px;
	height: auto;
}

#cit-235-bodycontent li {
	list-style: none;
}

#cit-235-header {
	width: 60em;
	background-color: #5B7398;
}

#cit-235-header img {
	border: none;
}

#cit-235-footer {
	clear: both;
	left: 19px;
	width: 60em;
}

/******* CSS for all other pages ******/

body {
 font-family: Calibri, Tahoma, Rockwell, sans-serif;
 background-color: #5B7398;
 line-height: 125%;
 padding: 0;
 margin: 0;
 border: 0;
}

.wrapper {
	font-size: 89%;
	margin-left: auto;
	margin-right: auto;
	width: 60em;
	background: #5B7398;
	color: #FFFFFF;
	position: relative;
}

#bodycontent {
	width: 60em;
	border: white double;
	background-color: #999;
	float: right;
	padding: 3px;
	height: auto;
	elevation: above;
}

ol {
	font-size: medium;
	color: white;
	list-style-type:inherit;
}



ul li {
	font-size: medium;
	color: white;
}

ul.inside {
	list-style:inside;
	font-size: medium;
	color: white;
	list-style-type:inherit;
}

li a {
	text-decoration: none;
	list-style-type: none;
}
p {
	font-size: medium;
	color: white;
}

a {
	font-size: medium;
	font-weight: bold;
}

a:link {
	color:black;
}
a:visited {
	color: purple;
}
a:hover {
	text-decoration: underline;
	color: white;
}
a:active {
	color: red;
}

#breadcrumbs a:hover {
	color: white;
	font-size:small;
}
#breadcrumbs p, #breadcrumbs a {
	font-size:small;
}
#header li, #header a:hover {
	color: white;
	list-style-type: none;
}

#breadcrumbs {
	position: inherit;
	text-align: left;
	clear: both;
}	

form {
	text-align: right;
}
	
#tagline p {
	font-family: Rockwell, Tahoma, sans-serif;
	font-style: italic;
	color: black;
	background-color: #bed8f3;
	border-top: 3px solid #7da5d8;
	border-bottom: 3px solid #7da5d8;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: 0;
	margin: 0;
	width: 100%;
}
blockquote {
	color: white;
	font-weight: bold;
	font-style: normal;
	font-size: 24pt;
}
h1, h2, h3, h4 {
	font-family: Calibri, Tahoma, Rockwell, sans-serif;
	color: white;
}
h1 {
	font-family: Calibri, Tahoma, Rockwell, sans-serif;
	font-size: xx-large;
	padding-top: .5em;
	padding-bottom: .2em;
	padding-left: .4em;
	text-align: justify;
	
}
h2 {
	font-size: x-large;
	font-weight: normal;
	padding-top: 5px;
}

h3 {
	font-weight: normal;
	font-size: large;
	text-align: left;
	margin-left: 2em;
	margin-top: -1em;
	font-weight: bold;
}
h4 {
	font-weight: normal;
	font-size: medium;
}
.attentiongrab {
	width: 50%;
	font-weight: bold;
	font-size: x-large;
}

ul {
	margin-top: 15px;
}

#navigation {
	clear: both;
}

#head-nav-wrapper {
	background-image: url(/images/grungy_banner.png);
	width: 900px;
	height: 398px;
	margin-left: -25px;
}

#head-nav-wrapper .credit {
	float: right;
	position: absolute;
	left: 722px;
	top: 148px;
}

#head-nav-wrapper .credit a {
	color: #EEEEEE;
}
#navigation h2 a:hover {
	color: #000000;
}

#lower-navigation{
	font-size: x-large;
	font-weight: bolder;
}

#header {
	width: 60em;
}

#header img{
	border: none;
}

#footer {
	clear: both;
}

#footer.link a:hover {
	color: white;

}

img {
	float: left;
}

p>img {
	float: right;
}

.datatable {
	border: 1px solid #0033CC;
}

.datatable td, .datatable th {
	border: 1px solid #0066FF;
}

.datatable>caption {
	padding-top: 1em;
}

#step-one { 
	list-style-image: url(/images/1.png);
}

#step-two { 
	list-style-image: url(/images/2.png);
}

#step-three { 
	list-style-image: url(/images/3.png);
}

#step-four { 
	list-style-image: url(/images/4.png);
}

#step-five { 
	list-style-image: url(/images/5.png);
}

/******************CONTACT PAGE*************/
form {
	margin-right: 300px;
	margin-left: 170px;
}

#CAPTCHA {
	margin-left: 85px;
}