/* CSS Document */
* {
margin:0px;
padding:0px;
}


body {
margin:0px auto;
padding:0px;
background-color: #3e3125;

}

h1 {
	font-family:Georgia;
	font-size: 24px;
	color: #AF001C;
	margin-top: 35px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

h2 {
	font-family:Georgia;
	font-size: 18px;
	color: #CF750C;
	margin-top: 22px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

h3 {
	font-family:Georgia;
	font-size: 16px;
	color: #AF001C;
	margin-top: 18px;
	margin-bottom: 8px;
	letter-spacing: 1px;
}

ul {
	font-family:Georgia;
	font-size: 16px;
	color: #e2d5b7;
	line-height: 20px;
	margin-top: 15px;
	font-weight:100;
}


 p {
	font-family:Georgia;
	font-size: 16px;
	color: #e2d5b7;
	line-height: 20px;
	margin-top: 10px;
	font-weight:100;
}

.indextext {
	font-family:Georgia;
	font-size: 18px;
	color: #e2d5b7;
	line-height: 25px;
	margin-top: 15px;
	font-weight:100;
}



#wrapper {
margin: 20px auto 25px auto;
width:1130px;
text-align:left;
}

#topcontainer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1130px;
	height: 92px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/top_blackboard.jpg);
}

#leftcontainer {
	float: left;
	width: 96px;
	height: 630px;
	background-image: url(images/left_blackboard.jpg);
	background-repeat:repeat-y;
}

#middlecontainer {
	float: left;
	width: 945px;
	height: 630px;
	background-image: url(images/middle_content_bck.jpg);
	background-repeat:repeat-y;
}

#rightcontent {
	float: left;
	width: 215px;
	margin-right: 30px;
}


#logo {
	position: relative;
	top: 0px;
	margin-bottom: 25px;
	left: 0px;
	width: 215px;
	height: 215px;
}



.menu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 215px;
	height:36px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.menu li {
	padding: 0;
	margin: 0;
	height: 45px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 45px;
	background-repeat: no-repeat;
}


a:link {
	text-decoration: none; color: #AF001C;
	}
 a:visited  {
	text-decoration: none;
	color: #CF750C;
	}
 a:active {
	text-decoration: none;
	color: #000000;
	}	
 a:hover {
	text-decoration: none; color: #CC0000;
	}	

a img { border: none; }

.home {background-image: url(images/home_over.jpg);}
.home a {background-image: url(images/home.jpg);}
.ourstory {background-image: url(images/ourstory_over.jpg);}
.ourstory a {background-image: url(images/ourstory.jpg);}
.whatsonthemenu {background-image: url(images/menu_over.jpg);}
.whatsonthemenu a {background-image: url(images/menu.jpg);}
.lookinside {background-image: url(images/lookinside_over.jpg); width: 215px; height:62px;}
.lookinside a {background-image: url(images/lookinside.jpg); width: 215px; height:62px;}
.whenwhere {background-image: url(images/whenwhere_over.jpg);}
.whenwhere a {background-image: url(images/whenwhere.jpg);}
.contactus {background-image: url(images/contactus_over.jpg); margin-top: 30px;}
.contactus a {background-image: url(images/contactus.jpg);}
ul.menu li a:hover {background: none;}

#middlecontent {
	float: left;
	width: 447px;
}

.headbannertext {
	margin-top: 40px;
}

.welcometext {
	margin-top: 70px;
	margin-bottom: 40px;
}

.menuheaders {
	font-family:Georgia;
	font-size: 18px;
	color: #AF001C;
	line-height: 20px;
	margin-top: 15px;
	font-weight:100;
}

#imagegallery {
	margin-top: 50px;
}

.thumbnail {
	margin-top: 50px;
	display:inline;
}

#leftcontent {
	float: left;
	width: 250px;
}

#rightcontainer {
	float: left;
	width: 89px;
	height: 630px;
	background-image: url(images/right_blackboard.jpg);
	background-repeat:repeat-y;
}

#bottomcontainer {
	float: left;
	clear: both;
	width: 1130px;
	height: 80px;
	background-image: url(images/bottom_blackboard.jpg);
}

#footer {
	height: 100px;
	width: 1130px;
	float: left:
	clear: both;
}