@charset "UTF-8";
/* School Screen CSS Document */

/* ---------- Basic Page Structures ----------*/
body{
 margin: 0;
 padding: 0;
 background-color: #64748B;
 color: #333333;
 font-size: 100%;
 line-height:1.3;
 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#wrapper{

 width: 95%;
 margin-left: 0;
 margin-right: auto;
 /*min-width: 600px;*/
min-width: 1000px;
 max-width: 1195px;
 font-size: 90%;
}

#tools{
 margin-top: 2em;
 padding: 0 1em;
 text-align: right;
 font-weight: bold;
}

#header{
 margin-top: .2em;
 padding: .15em 0 .7em 0;
 background: url(/images/bluround.png) no-repeat top right;
 color: #FC0;
}

#navigation,
#nav{
 background-color: #ccbb8f;
}


#navigation ul,
#nav ul{
 margin: 0;
 padding: 0;
 padding-left: .25em;
 list-style-type: none;
 font-size: 100%;
 cursor: default;
 width: auto;
}

#navigation li,
#nav li{
 margin: 0;
 padding: 0;
 padding-left: 1em;
 list-style-type: none;
 font-size: 100%;
 position: relative;
 text-align: left;
 cursor: pointer;
 width: 5em;
 float: left;
}

#navigation li a,
#nav li a{
 display: block;
 padding-left: 1em;
}

#navigation li a:hover,
#nav li a:hover{
 color: #2d0960;
 background-color: #d3dce6;
}

/* This highlights the menu item that corresponds to the active page */
.school #navigation a[title~= "School"],
.cit140 #navigation a[title~= "140"],
.cit230 #navigation a[title~= "230"],
.cit336 #navigation a[title~= "336"],
.school #nav a[title~= "School"],
.cit140 #nav a[title~= "140"],
.cit230 #nav a[title~= "230"],
.cit336 #nav a[title~= "336"]
{
 color: #2d0960;
 background-color: #d3dce6;
 cursor: default;
 outline: none;
}

#navigation li.wide,
#nav li.wide{
 width: 11em;
}

h2#mainnav{
 position: absolute;
 top: -500px;
 left: -500px;
}

.breadcrumb{
 font-size: 85%;
 padding-left: 1.5em;
}




#rightcol{
 min-height: 15em;
 background: #d3dce6 url(/images/blucenter.png) repeat-y center right;
 position: relative;
 overflow: hidden;

}

#footer{
 background: url(/images/bluround.png) no-repeat bottom right;
 color: #ffba00;
 height: 4em;
 padding: .75em 0 0 0;
}

#header, #navigation, #nav, #rightcol, #footer{
 padding-left: 10em;
 min-width: 600px; /* To maintain uniformity change the min-width in the wrapper definition on line 18 */
}

#leftcol{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 width: 9em;
 background-color: #26354A;
 color: #fff;
 position: absolute;
 top: 1em;
 left: 0;
 min-height: 7em;
}

#leftcol ul{
 margin-top: 3em;
 list-style: none;
 text-align: left;
 margin-left: 0;
 padding-left: .5em;
}

#leftcol a:link,
ul#toc a:link{
 color: #fff;
}

#leftcol a:visited,
ul#toc a:visited{
 color: #ccbb8f;
}

ul#toc{
 position: fixed;
 left: 0;
 top: 10em;
 list-style: none;
 margin-left: 0;
 padding-left: 20px;
 color: #fff;
 background-color: transparent;
 font-size: small;
}

/* ---------- Page Sub-Structures ----------*/



p#siteTitle{
 font: small-caps 2em "Times New Roman", Times, serif;
 margin: 0;
 padding: 0;
}

#tagLine{
 font: italic 1em "Courier New", Courier, monospace;
 margin: 0;
}

#tools form, #tools a {
 display: inline;
 margin-left: .5em;
 color: #FC0;
}

#tools form label, #tools form input{
 margin: 0;
 padding: 0;
}

#tools form, #tools a:visited {
 color: #fff;
}

#tools>form>fieldset{
 border: 0;
 display: inline;
 margin: 0;
 padding: 0;
}

#leftcol>div{
 background: url(/images/bluround-rt.png) no-repeat top right;
 padding: .5em;
 text-align: center;
}

#leftcol>div p{
 text-align: left;
}

#leftcol img{
 border: 0;
}

#leftcol h4{
 margin-bottom: 5px;
}

#rightcol>div{
 margin: 0;
 padding: 0;
 background-color: #d3dce6;
 color: #333;

}

#rightcol>div>#content{
 width: 78%;/* This leaves room on the right for the advertising area */
 float: left;
 margin: 0;
 padding: 0;
 background-color: #d3dce6;
}

#rightcol>div>#content>div{
 text-align: left;
 padding: 1em;
 margin: 0;
 margin-right: 10px;
}

#content>div>h1{
 padding: 0;
 margin-bottom: .25em;
 /*padding-top: 0;
	margin-top: 0;*/
}

#content p {
 margin-top: 0;
 padding-top: 0;
}

#content table .dates{
 width: 200px;
 vertical-align: text-top;
}

#content>div>h2,
#content>div>h3,
#content>div>h4{
 padding-top: 0;
 margin-bottom: .25em;
}

#content>div>ul, #content>div>ol{
 padding: 1em;
 padding-top: 0;
 margin: 0;
}

#content .aside, #content .note, #content .info {
background-color:#EEFFFF;
border:1px dotted #66CCCC;
padding:0.5em 0.5em 0.5em 30px;
}

#content pre, #content code, #content tt, #content kbd {
font-family:"Andale Mono",courier,monospace;
line-height: 1.4;
}

#rightcol>div>#ads{
 /* This shares space with the content div */
 margin: 0;
 margin-top: .25in;
 padding: 0;
 width: 170px;
 height: 600px;
 float: right;
 font-size: smaller;
 /*display: none;  Added for IE 7 fix temporarily */
 /*clear: both;  Added for IE 7 fix temporarily */
}

#rightcol>div>#ads>div{
 margin: 0;
 padding: 0;
 margin-right: 10px;
 text-align: left;
}

#footer a:link{
 color: #FC0;
}

#footer a:visited{
 color: #fff;
}

#validations #btmfiller{ 
 background: #26354a url(/images/bluround-rb.png) bottom right no-repeat;
 width: 10em;
 padding: 0;
 margin: -.25em 1em 0 0;
 height: 2em;
 float: left;
}

#validations img{
 border: none;
}

#validations a{
 outline: none;
}

#validations a:visited{
 outline: none;
}

/* ---------- Basic Element Definitions ----------*/
a {
 color: #0000FF;
}

a:visited {
 color: #26354A;
}

div{
 margin: 0;
}

p{
 margin: 0;
 padding: .6em 0;
}

/* ---------- Classes and ID Definitions ----------*/

.closer{
 height: 0;
 clear:both;
 margin: 0;
 padding: 0;
}

.hidden{
 display: none;
}

.horizontal li {
 padding-right: .75em;
 list-style-type: none;
 display: inline;
}

ul.none, ol.none {
 margin: 0;
 padding: 1em;
 list-style: none;
}

/* markup for three column layout */
.maincol {
 float: left;
 width: 99%;
}

.maincol ul {
 list-style: none;
}

.mainleft {
 float: left;
 width: 30%;
}

.mainright {
 float: left;
 width: 30%;
}

.rightcol {
 float: left;
 width: 30%;
}

#content form label {
 font-weight: bold;
 width: 7em;
 text-align: left;
 float: left;
 padding-right: 1em;
}

#content form label.nofloat {
 font-weight: bold;
 width: 8em;
 text-align: left;
 float: none;
 padding-left: 1em;
}

#content form .wide {
 font-weight: bold;
 width: 13em;
 text-align: left;
 float: left;
 padding-right: 1em;
}

#content form label.narrow {
 font-weight: bold;
 width: 5em;
 text-align: left;
 float: left;
 padding-right: .5em;
}

#content form .req {
 background-color: #FF6;
 border: 1px #000 solid;
}

.important{
 font-variant: small-caps;
 font-weight: bold;
}

.warning{
 background-color: #FFFF00;
 font-weight: bold;
}

/*.italic{
	font-style: italic;
}*/

dt{
 font-weight: bold;
 margin: .25em 0 0 0;
}

dd[title~="Homework"]{
 font-style: italic;
 color: #F00;
}

h2#description{
 margin-top: 1em ! important;
}

code {
 font-weight: bold;
}

ul.contact{
 padding-left: 0;
 list-style: none;
}