/* =General
--------------------------------------------------------------------------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin: 0;padding: 0;}

/* Class for clearing floats */
.clear {clear:both;}

/* Remove border around linked images */
img {border: 0;}

/* Remove list sytles from list [added 07/10/06] */
ul, ol{list-style:none;}


/* =Typography
-----------------------------------------------------------------------------*/
html>body {font-size:1em}

body {
	background-color:#3656aa;
  	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

p{
	font-size:95%;
	margin:0 0 20px 0;
}

dl{
	margin:0 0 20px 0;

}

		
/* =Headings
-----------------------------------------------------------------------------*/
h1{
	background-image:url(../images/header.gif);
	height:94px;
	width:770px;
	text-indent:-99999px;
}

h2{
	clear:left;
	margin:0 0 10px 0;
}

h3{
}

/* =Layout
-----------------------------------------------------------------------------*/
#content{
	background-image:url(../images/contentBG.jpg);
	background-repeat:repeat-y;
	padding:0px 65px 10px 65px;
	width:640px;
}

#wrapper{
	border:1px solid black;
	margin:10px auto;
	width:770px;
}

#footer{
	background-image:url(../images/footerBG.jpg);
	background-repeat:no-repeat;
	color:white;
	font-size:14px;
	font-weight:bold;
	height:69px;
	width:770px;
}


/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited{	
	color:#3656aa;
	font-size:90%;
	font-weight:bold;
}

a:hover, a:active{
	color:#DD514E;
}

.back{
	
}


/* =copyright
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
.credits{
	font-weight:bold;
	font-size:100%;
	font-style:italic;
}

#footer ul{
	font-size:90%;
	margin:0 auto;
	width:605px;
}

#footer ul li{
	float:left;
	padding:4px 1px 2px 1px;
}

#footer a:link, #footer a:visited{
	color:white;
	text-decoration:none;
}

#footer a:hover, #footer a:active{
	color:#3656aa;
}

#footer p{
	clear:both;
	margin:0;
	padding:2px 0px 2px 0px;
	text-align:center;
}

		
/* =Forms
-----------------------------------------------------------------------------*/
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}



/* =Menu
-----------------------------------------------------------------------------*/
#menu{
	background-image: url(../images/menuBG.jpg);
	height:103px;
	width:770px;
}

* html a:hover {visibility : visible;}
 
.cssnav1 {background: url(../images/menu/homeOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 30px; margin:53px 0 0 39px; width: 53px;} 
.cssnav1 a {display: block; float: left; height: 30px; width: 53px;} 
.cssnav1 img {border: 0; height: 30px; width: 53px;} 
.cssnav1 a:hover img {visibility: hidden;}

.cssnav2 {background: url(../images/menu/gandcOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 46px; margin:14px 0 0 9px; width: 190px;} 
.cssnav2 a {display:block; float: left; height: 46px; width: 190px;} 
.cssnav2 img {border: 0; height: 46px; width: 190px;} 
.cssnav2 a:hover img {visibility: hidden;} 
 
.cssnav3 {background: url(../images/menu/galleryOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 21px; margin:8px 0 0 10px; width: 132px;} 
.cssnav3 a {display:block; float: left; height: 21px; width: 132px;} 
.cssnav3 img {border: 0; height: 21px; width: 132px;} 
.cssnav3 a:hover img {visibility: hidden;} 

.cssnav4 {background: url(../images/menu/quizOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 36px; margin:10px 0 0 10px; width: 154px;} 
.cssnav4 a {display:block; float: left; height: 36px; width: 154px;} 
.cssnav4 img {border: 0; height: 36px; width: 154px;} 
.cssnav4 a:hover img {visibility: hidden;} 

.cssnav5 {background: url(../images/menu/classroomOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 49px; margin:33px 0 0 11px; width: 123px;} 
.cssnav5 a {display:block; float: left; height: 49px; width: 123px;} 
.cssnav5 img {border: 0; height: 49px; width: 123px;} 
.cssnav5 a:hover img {visibility: hidden;} 


/* =Subfooter
-----------------------------------------------------------------------------*/
#subfooter{
	width:267px;
	margin:0px auto;
}
	

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  	border-collapse: collapse;
	border-spacing: 0;
}

td {
	font-weight: normal;
  	text-align: left;
}


/* =HACKS
-----------------------------------------------------------------------------*/



/* =Filters
-----------------------------------------------------------------------------*/
/*[BEGIN] Clear Fix for Fire Fox*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*[END] Clear Fix for Fire Fox*/


/*--------------------------------------------------------------------------------------------------------------------------------------------
 =Home Page Content
--------------------------------------------------------------------------------------------------------------------------------------------*/
/* =PicMenu
-----------------------------------------------------------------------------*/		
#picMenu{
	margin:5px auto 10px auto;
	width:513px;
}

.pic, .text{
	cursor: pointer;
}

#cssnav6 .pic {background: url(../images/pic-menu/gandcImgOver.jpg) no-repeat; border: 0px solid white; display: inline; float: left; height: 131px; margin:0; width: 118px;} 
#cssnav6 .pic a {display: block; float: left; height: 131px; width: 118px;} 
#cssnav6 .pic img {border: 0; height: 131px; width: 118px;} 
#cssnav6 a:hover img {visibility: hidden;}

#cssnav6 .text  {background: url(../images/pic-menu/gandcOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 42px; margin:53px 0 0 0px; width: 277px;} 
#cssnav6 .text a {display: block; float: left; height: 42px; width: 277px;} 
#cssnav6 .text img {border: 0; height: 42px; width: 277px;} 
#cssnav6 .text a:hover img {visibility: hidden;}		

#cssnav7 .pic {background: url(../images/pic-menu/galleryImgOver.jpg) no-repeat; border: 0px solid white; display: inline; float: right; height: 131px; margin:60px 0 0 0; width: 118px;} 
#cssnav7 .pic a {display: block; float: right; height: 131px; width: 118px;} 
#cssnav7 .pic img {border: 0; height: 131px; width: 118px;} 
#cssnav7 a:hover img {visibility: hidden;}

#cssnav7 .text  {background: url(../images/pic-menu/galleryOver.gif) no-repeat; border: 0px solid white; display: inline; float: right; height: 42px; margin:25px 0 0 0px; width: 277px;} 
#cssnav7 .text a {display: block; float: right; height: 42px; width: 277px;} 
#cssnav7 .text img {border: 0; height: 42px; width: 277px;} 
#cssnav7 .text a:hover img {visibility: hidden;}			

#cssnav8 .pic {background: url(../images/pic-menu/quizImgOver.jpg) no-repeat; border: 0px solid white; display: inline; float: left; height: 131px; margin:10px 0 0 0; width: 118px;} 
#cssnav8 .pic a {display: block; float: left; height: 131px; width: 118px;} 
#cssnav8 .pic img {border: 0; height: 131px; width: 118px;} 
#cssnav8 a:hover img {visibility: hidden;}

#cssnav8 .text  {background: url(../images/pic-menu/quizOver.gif) no-repeat; border: 0px solid white; display: inline; float: left; height: 42px; margin:16px 0 0 0px; width: 277px;} 
#cssnav8 .text a {display: block; float: left; height: 42px; width: 277px;} 
#cssnav8 .text img {border: 0; height: 42px; width: 277px;} 
#cssnav8 .text a:hover img {visibility: hidden;}		

#cssnav9 .pic {background: url(../images/pic-menu/classroomImgOver.jpg) no-repeat; border: 0px solid white; display: inline; float: right; height: 131px; margin:10px 0 0 0; width: 118px;} 
#cssnav9 .pic a {display: block; float: right; height: 131px; width: 118px;} 
#cssnav9 .pic img {border: 0; height: 131px; width: 118px;} 
#cssnav9 a:hover img {visibility: hidden;}

#cssnav9 .text  {background: url(../images/pic-menu/classroomOver.gif) no-repeat; border: 0px solid white; display: inline; float: right; height: 42px; margin:30px 0 0 0px; width: 277px;} 
#cssnav9 .text a {display: block; float: right; height: 42px; width: 277px;} 
#cssnav9 .text img {border: 0; height: 42px; width: 277px;} 
#cssnav9 .text a:hover img {visibility: hidden;}


/*--------------------------------------------------------------------------------------------------------------------------------------------
 =Quiz
--------------------------------------------------------------------------------------------------------------------------------------------*/
.question{
	clear:both;
	font:bold 14px Arial;
	margin:0 -10px 5px 0;
	text-indent:-10px;
}


.quiz{
	font:normal 13px Arial;
	line-height:24px;
	margin:15px 25px;
	text-indent:10px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------
 =GalleryNav
--------------------------------------------------------------------------------------------------------------------------------------------*/
#galleryNav{
	margin:0px auto;
	width:480px;
}

.galleryMenu img .galleryImgView img {
	margin:5px;
}

.galleryImg{
	border:solid 1px black;
}

.galleryImgView{
	margin:0px auto;
	width:600px;
}

.galleryMenu{
	float:left;
	height:180px;
	margin:10px;
	text-align:center;
	width:140px;
}

* html .galleryMenu{
	height:190px;
	margin:4px;
}

.galleryMenu a:link, .galleryMenu a:visited{
	color:black;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
}

.galleryMenu a:hover, .galleryMenu a:active{
	color:#3656aa;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------
 =About
--------------------------------------------------------------------------------------------------------------------------------------------*/
.caption{
	clear:left;
	float:left;
	font-size:70%;
	font-weight:bold;
	margin:0 5px 5px 0;
	text-align:center;
	width:216px;
}

.left{
	float:left;
	margin:0 5px 5px 0;
}

.right{
	float:right;
	margin:0 0 5px 5px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------
 =Gallery
--------------------------------------------------------------------------------------------------------------------------------------------*/
.tittle{
	font-weight:bold;
	font-size:110%;
	text-align:center;
	width:590px;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------
 =Class Room
--------------------------------------------------------------------------------------------------------------------------------------------*/
.education dt{
	font-weight:bold;
}

.education dd{
	font-weight:normal;
	font-size:80%;
	margin:10px;
}
.links dt{
	margin: 0 0px 5px 0px;

}

.links dd{
	font-weight:normal;
	font-size:80%;
	margin: 0 10px 10px 10px;
}




#ImageButtons{
	height:50px;
	margin:10px auto;
	text-align:center;
	width:359px;
}

.cssnav7 {background: url(../images/previousOver.jpg) no-repeat; border: 0px solid white; display: inline; float: left; height: 50px; width: 180px;} 
.cssnav7 a {display: block; float: left; height: 50px; width: 180px;} 
.cssnav7 img {border: 0; height: 50px; width: 180px;} 
.cssnav7 a:hover img {visibility: hidden;}

.cssnav8 {background: url(../images/nextOver.jpg) no-repeat; border: 0px solid white; display: inline; float: left; height: 50px; width: 179px;} 
.cssnav8 a {display: block; float: left; height: 50px; width: 179px;} 
.cssnav8 img {border: 0; height: 50px; width: 179px;} 
.cssnav8 a:hover img {visibility: hidden;}