/* CSS Document */

/* Main Items */

body{
	background-color: #78b5f9;
	background-image: url(images/sunBack.jpg);
	background-repeat: repeat-x;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px;

}
p{
	color: #363636;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 4px 4px 8px 0px;
	margin: 0px;
}
a, a:visited {
	color: #E00003;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
a:hover {
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#scroller a, #scroller a:visited {
	color: #E00003;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#scroller a:hover {
	color: #000000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
h1 {
	color: #363636;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	padding: 12px 0px 0px 44px;
	margin: 0px;
}
h2 {
	color: #363636;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	padding: 0px 2px 8px 0px;
	margin: 0px;
}
h3 {
	color: #ffffff;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
	text-transform: none;
	padding: 0px 2px 8px 0px;
	margin: 0px;
}
h4 {
	color: #363636;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
ul {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	list-style: none;
	white-space: normal;
	padding-left: 0px;
	margin: 0px;
} 
li {
	margin: 0px, 0px, 0px, 0px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 24px;
	list-style: none;
	white-space: normal;
}
form {
	margin: 0px;
	padding: 0px;
}
iframe {
	display: inline;
}
hr {
	border: 0;
	width: 24%;
	color: #E10000;
	background-color: #E10000;
	height: 1px; 
}

/* Wrappers */

}
#wrapperLeft {
	background-color: #78b5f9;
	background-image: url(images/background.jpg);
	width: 696px;
	height: 800px;
	padding: 0px;
	margin: 0px;
}
#wrapperRight {
	background-color: #78b5f9;
	background-image: url(images/background.jpg);
	width: 304px;
	height: 800px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 696px;
}
#header {
	background-color: #78b5f9;
	background-image: url(images/header.jpg);
	width: 696px;
	height: 194px;
	padding: 0px;
	margin: 0px;
}
#board {
	background-color: #78b5f9;
	background-image: url(images/blackboard.jpg);
	width: 290px;
	height: 270px;
	padding: 0px;
	margin: 0px;
}
#specials {
	width: 135px;
	height: 130px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 270px;
	left: 128px;
	z-index: 10;
}
#weekly {
	text-align: right;
	width: 135px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 400px;
	left: 128px;
	z-index: 10;
}
#title {
	background-color: #78b5f9;
	background-image: url(images/title.jpg);
	width: 406px;
	height: 57px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 290px;
	top: 194px;
}
#content {
	background-color: #78b5f9;
	background-image: url(images/content.jpg);
	width: 406px;
	height: 213px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 290px;
	top: 251px;
}
#scroller {
	width: 364px;
	height: 200px;
	padding: 0px 0px 0px 6px;
	margin: 0px;
	overflow: auto;
}
#bottomSheet {
	background-color: #78b5f9;
	background-image: url(images/bottomSheet.jpg);
	width: 696px;
	height: 150px;
	padding: 0px;
	margin: 0px;
}
#bottom {
	background-color: #78b5f9;
	background-image: url(images/bottom.jpg);
	width: 696px;
	height: 186px;
	padding: 0px 0px 0px 120px;
	margin: 0px;
}
#footerLinks {
	color: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 500px;
	height: 30px;
	padding: 0px;
	margin: 0px;
}
#card {
	background-color: #78b5f9;
	background-image: url(images/card.jpg);
	width: 304px;
	height: 194px;
	padding: 0px;
	margin: 0px;
}
#photo {
	background-color: #A6D0FA;
	background-image: url(images/photo.jpg);
	width: 304px;
	height: 270px;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}
#crazy1 {
	background-color: #78b5f9;
	background-image: url(images/crazy1.jpg);
	width: 304px;
	height: 150px;
	padding: 0px;
	margin: 0px;
}
#crazy2 {
	color: #ffffff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	background-color: #78b5f9;
	background-image: url(images/crazy2.jpg);
	width: 304px;
	height: 186px;
	padding: 0px;
	margin: 0px;
}
#menu {
	padding: 20px;
	margin: 0px;
}

/* Elements */

p.whiteBoard {
	color: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 0px 0px 4px 0px;
	margin: 0px;
}
#footerLinks a, a:visited {
	color: #ffffff;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#footerLinks a:hover {
	color: #FFE604;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#crazy2 a, a:visited {
	color: #ffffff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
#crazy2 a:hover {
	color: #FFE604;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
a.blue, a.blue:visited {
	color: #3C429A;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}
a.blue:hover {
	color: #ffffff;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}