/* Main CSS Document */
@import url(main-menu.css);

body {
	background: url(../Images/background.gif) #966;
	margin: 0px;
	padding: 0px;
	font: normal 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

/* Defines the default style for the page container */
#container {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: url(../Images/bgChkrbrd.gif) repeat-x;
}

/* Defines the default style for the actual page  */
#page {
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border: solid 1px #eee;
	background: url(../Images/page-background.png) repeat-y;
}

/* Defines the banner style */
#banner {
	height: 150px;
	background: #333;
}

/* Defines the navigator style */
#navigator {
	height: 25px;
	background: #ccc;
	padding: 0px;
}

/* Defines the background for the main body */
#threeColLayout #primaryContent {
	float: left;
	width: 340px;
	margin: 0 0 0 200px;
	padding: 5px;
}
#secondaryContent {
	float: left;
	width: 340px;
	margin: 0;
	padding: 5px;
}
#sideContent {
	float: left;
	width: 200px;
	margin: 0 0 0 -900px;
	padding-top: 6px;
	background: url(../Images/SidebarBg.png) top no-repeat;
}
#twoColLayout #primaryContent {
	float: left;
	width: 699px;
	margin: 0 0 0 201px;
	padding: 0px;
}
#twoColLayout #secondaryContent {
	display: none;
}

/* Defines the footer style */
#footer {
	height: 60px;
	padding: 0px;
	clear: both;
	background: #333;
}

/* Defines the box containers on the sidebar */
#subTextFloat {
	position: relative;
	width: 180px;
	margin: 5px auto;
	padding: 10px 5px;
	font-size: 10px;
	background-color: #fff;
	border: solid 1px #ccc;
	color: #666;
}
#menuBottom {
	font-size: 5px;
	background-color:#c0c0c0;
	border-bottom: solid 1px #999;
}

/* Defines the site typography */
h1 {
	font: normal 16pt Georgia, "Times New Roman", Times, serif;
	color: #666;
}
h2 {
	font: normal 14pt Georgia, "Times New Roman", Times, serif;
	color: #036;
}
h3 { font: normal 12pt Georgia, "Times New Roman", Times, serif;
	color: #333;
}

/* The following defines the default links */
a:link, a:visited {
	color: #06f;
	text-decoration: none;
	border-bottom: 1px dotted #06f;;
}
a:hover, a:active {
	border-bottom-style: solid;
}
a[href^="http:"] {
	background: url(../Images/externalLink.gif) no-repeat right top;
	padding-right: 10px;
}
a[href^="mailto:"] {
	background: url(../Images/emailLink.gif) no-repeat right top;
	padding-right: 11px;
}
a[href$=".pdf"] {
	background: url(../Images/ico_pdf_small.gif) no-repeat right top;
	padding-right: 12px;
}

#footer p {
	font-size: 8pt;
	padding: 23px 0px 5px 0px;
	color: #fff;
	text-align:center;
}

/* Class Styles */ 
.pageFooter {
	font-size: 8pt;
	color: #999;
}
.indented {
	padding-left:35px;
}
.calendar dd {
	color: #cd5c5c;
	font-size: 10px;
	padding-bottom: 5px;
	margin-left: 10px;
}
.highlight {
	color: #ff6347;
}

/* The following rules is used to style the abbr tag */

abbr[title] { border-bottom: 1px dotted #dc143c; }
abbr[title]:hover { cursor: help; }

/* Defines the styles for the weather widget */
#weather {
	width: 200px;
	height: 130px;
	background: url(../Images/widget-weatherbg.png) no-repeat;
	text-align: center;
	padding-top: 20px;
}
#weather a {
	padding-right: 0;
	background: none;
	border-bottom: none;
}

#foodTable table {
	width: 100%;
}
#foodTable th {
	line-height: 25px;
	text-align: center;
	background: #333;
	color: #fff;
	width: 20%;
}
#foodTable td {
	vertical-align: top;
	width: 20%;
	border: solid 1px #999;
	padding: 2px;
	font-size: 8pt;
}