@charset "utf-8";
#main {
margin:20px 0 0 144px; 
/*background-color:#D5D5D5*/

}

#main p {
line-height:1.4em;
/*width:700px;*/
}

#minister #main {
padding-left:16px;
width:762px;
}

#relEdu .container #main #tabs ul li {
/*font-size:10pt;*/
height:2.7em;
}

#relEdu .container #main p {
width:600px;
}

#schedule {
background:#EFF0FF;
float:left;
font:10pt arial;
margin:0 1em 0 0;
padding-top:.5em;
text-align:center;
visibility:visible;
width:194px;
/*height:800px;*/
padding-bottom:1em;
}

#sidebar {
  background:#EBEBEB;  background:#FFF;
  float:right;
  padding:15px 10px 15px 20px;
  width:160px;
  }

#top {
height:97px;
margin:0 auto;
padding:0;
width:932px;
}
#top img {position:relative; margin:0 auto 0 auto; z-index:100}
.clear {
clear:both;
}

.container {
background-color:#FDFDFD;
border-left:1px solid blue;
border-right:1px solid blue;
border-bottom:none;
/*font-size:80%;*/    /*THIS VALUE COMMENTED OUT BECAUESE body {font-size:84%;}*/
margin:0 auto;
min-height:720px;
/*height:100%;*/
padding:0;
width:930px;
position:relative;
z-index:10;
}

.displayBlock {
display:inline-block;
width:300px;
}

#bottom {
background-image:url("imagesDefault/bottom.png");
background-repeat:no-repeat; background-position:top;
border:none;
height:39px;
margin: 0 auto 0 auto;/* *******THE MINUS 3px IS REQUIRED TO GET RID OF A TOP GAP IN SOME BROWSERS ************** */
width:932px;
position:relative;
z-index:100;

}

.footer {
	font-size:80%;
	margin:0 auto 0 auto;
	text-align:center;
	width:550px;
	
	}

.gapRemover {
border-bottom:1px solid blue;
height:10px;
margin:-6px auto 2em auto;
width:90%;
}

.safariBackgndColorFix {
background-color:#C6CEDC;
}

.services {
font-weight:bold;
margin-bottom:.5em;
margin-top:1em;
text-align:center;
}

a:hover.otherlinks {
color:red;
text-decoration:none;
}

a:link.otherlinks,a:active.otherlinks,a:visited.otherlinks {
color:blue;
text-decoration:none;
}
/*    
************ OPERA, FF, ETC DO NOT USE THE SAME RENDERING ENGINE  ************ 
FOR OPERA. CHROME, AND IE  USE body {background-color:#B8C1D1;}
FOR FF USE body {background-color:#D3D9E4;}
**************************************************************************
*/
body {
background-color:#B8C1D1;
background-image:url(imagesDefault/bkgndGrad.jpg); 
background-position:top;
background-repeat:repeat-x;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:84%; /*ORIGINALLY WAS 105%. 84% IS 13.4px WHICH IS EQUIVELANT TO 10pt*/
margin:0;
}
img#background {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0
	}
h1 {
color:#395986;
text-align:center;
}

h2 {
color:#395986;
font-size:120%;
}

.first > p:first-letter {
	font: 2.5em/80% sans-serif;
	float: left;
	padding: 0.2ex 0 0 0.2ex;
	margin: 0;
	overflow: visible;
}
.color {
	color: #395986;
	font-weight: bold;
}

li {outline:none;}	/*PREVENT FF FROM PUTTING A DOTTED LINE AREOUND LINKS.  IT IS ESPECIALLY UNWANTED WITH TABS*/

#flashPosition { margin-right:10px}

/* Other link colors */
	a:link.otherlinks2 {color: blue; text-decoration: none}
	a:active.otherlinks2 {color: blue; text-decoration: none}
	a:visited.otherlinks2 {color: blue; text-decoration: none}
	a:hover.otherlinks2 {color: red;text-decoration: none; border-bottom:1px solid red}
	
/* Validator Links */
	a:link.validator {color: white; text-decoration: none}
	a:active.validator {color: white; text-decoration: none}
	a:visited.validator {color: white; text-decoration: none}
	a:hover.validator {color: white;text-decoration: none; border-bottom:2px solid red}