/******************
HTML Tags
******************/

body {
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	width: 780px;
}

h1 {
	color: #790000;
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0;
}

h2 {
	color: #003371;
	background-color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0;
}

h3 {
	color: #790000;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
}

h4 {
	color: #003371;
	font-family: "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 0;
}

h5 {
	color: #790000;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0;
}

h6 {
	color: #003371;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0;
}

#menuLeft p, #address p {
	margin: 0 0 1em 0;
	padding: 0;
}

#content img.floatRight {
	float: right;
	margin-left: 1em;
}

#content img.floatLeft {
	float: left;
	margin-right: 1em;
}

#calendarEvent tr, td, th {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

/******************
DIV LAYOUT
******************/

#container {
	float: left;
	background-image: url(../images/bgHeader.gif);
	background-repeat: no-repeat;
	width: 100%;
}

#contentLeft {
	float: left;
	width: 160px;
	margin-top: 75px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
}

#contentRight {
	float: left;
	width: 598px;
	margin-left: 20px;
	font-size: 1em;
}

#menuUtility {
	float: right;
	margin: 0px;
	padding-top: 1em;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

#menuTop, #quote {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#navTopLeft {
	float: left;
	padding-left: 52px;
	margin: 0;
	list-style: none;
}

#navTopRight {
	float: left;
	padding-left: 70px;
	margin: 0;
	list-style: none;
}

#content {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	background-color: #FFFFFF;
	height: 100%;
	font-size: 0.8em;
	color: #333333;
}

#mainleft {
	width: 47%;
	padding-right: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	border-right: dotted 1px #b7b7b7;
}

#mainright {
	width: 48%;
	margin-bottom: 1em;
	float: left;
}

#mainbottomleft {
	width: 32%;
	float: left;
	padding-top: 0.5em;
	border-top: dotted 1px #b7b7b7;
}

#mainbottomright {
	width: 66%;
	float: left;
	padding-top: 0.5em;
	border-top: dotted 1px #b7b7b7;
}

#footer {
	background: #fff url(../images/bgfooter.gif) no-repeat;
	float: left;
	width: 100%;
	margin-top: 2em;
	text-align: right;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

/******************
LISTS/MENUS
******************/

#navLeft {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navLeft ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: solid 1px #B2B2B2;
}

#navTopLeft ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: solid 1px #790000;
}

#navTopRight ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: solid 1px #003371;
}

#navLeft a {
	display: block;
	width: 144px;
}

#navTopLeft a, #navTopRight a {
	display: block;
	width: 212px;
}

#navLeft li {
	width: 148px;
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-weight: bold;
}

#navTopLeft li, #navTopRight li {
	width: 216px;
	font-family: "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
}

#navLeft li ul li a:link {
	color: #333333;
	padding: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #DFDFDF;
}

#navLeft li ul li a:visited {
	color: #333333;
	padding: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #DFDFDF;
}

#navLeft li ul li a:hover {
	color: #333333;
	padding: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFFFF;
}

#navLeft li ul li a:active {
	color: #333333;
	padding: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #DFDFDF;
}

#navTopLeft li ul li a:link {
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #790000;
}

#navTopLeft li ul li a:visited {
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #790000;
}

#navTopLeft li ul li a:hover {
	text-align: center;
	color: #790000;
	padding: 2px;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFFFF;
}

#navTopLeft li ul li a:active {
	text-align: center;
	padding: 2px;
	color: #790000;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: underline;
	background-color: #FFFFFF;
}

#navTopRight li ul li a:link {
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #003371;
}

#navTopRight li ul li a:visited {
	text-align: center;
	padding: 2px;
	color: #FFFFFF;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #003371;
}

#navTopRight li ul li a:hover {
	text-align: center;
	padding: 2px;
	color: #003371;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #FFFFFF;
}

#navTopRight li ul li a:active {
	text-align: center;
	padding: 2px;
	color: #003371;
	font-family:"Times New Roman", Times, serif;
	font-size: 12px;
	text-decoration: underline;
	background-color: #FFFFFF;
}

#navLeft li ul, #navTopLeft li ul, #navTopRight li ul {
	position: absolute;
	left: -999em;
}

#navLeft li:hover ul, #navTopLeft li:hover ul, #navTopRight li:hover ul {
	left: auto;
}

#navLeft li:hover ul, #navLeft li.hoverLeft ul {
	left: auto;
	margin-left: 135px;
	margin-top: -40px;
}

#navTopLeft li:hover ul, #navTopLeft li.hoverTopLeft ul, 
#navTopRight li:hover ul, #navTopRight li.hoverTopRight ul {
	left: auto;
}

#content a{
	color: #003371;
	text-decoration: underline;
}

#content a:hover {
	color: #003371;
	text-decoration: none;
}

#menuUtility ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

ul.menuHorizontal {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: right;
}

ul.menuHorizontal li {
	display: inline;
	border-right: solid 1px #666;
	padding: 0 0.8em 0 1em;
}

ul.menuHorizontal li.last {
	display: inline;
	border-right: none;
	padding-right: 0;
}

ul.menuHorizontal a {
	font-weight: bold;
}

ul.menuHorizontalLeft {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.menuHorizontalLeft li {
	display: inline;
	border-left: solid 1px #666;
	padding: 0 0.5em 0 0.8em;
}

ul.menuHorizontalLeft li.first {
	display: inline;
	border-left: none;
	padding-left: 0;
}

#footer ul {
	padding: 5em 1em 1.3em 0;
	margin: 0px;
	list-style: none;
}

#footer ul li, #menuUtility ul li {
	display: inline;
	padding: 0px 1em;
	border-left: solid 1px #333333;
}

#menuUtility a {
	text-decoration: underline;
	color: #333333;
	background-color: #DFDFDF;
}

#menuUtility a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #DFDFDF;
}

#menuUtility ul li.firstLink {
	border: none;
}

#footer ul li a:link {
	text-decoration: underline;
	color: #333333;
	background-color: #DFDFDF;
}

#footer ul li a:visited {
	text-decoration: underline;
	color: #333333;
	background-color: #DFDFDF;
}

#footer ul li a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #DFDFDF;
}

#footer ul li a:active {
	text-decoration: underline;
	color: #333333;
	background-color: #DFDFDF;
}

#footer ul li.firstLink {
	border: none;
}

#photoGallery li {
	width: 40%;
	border:solid #CCC;
	border-width: 0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background: #FFF;
	padding: 1em;
	text-align: center;
	float: left;
	display: inline;
	margin: 1em;
}

#content ul {
	list-style: none;
}

ul.adminMenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.adminMenu li ul {
	margin: 0;
	padding: 1em;
}

ul.adminMenu li {
	color: #790000;
	font-weight: bold;
}

ul.adminMenu li ul li {
	font-weight: normal;
	border-bottom: none;
}

ul.articles {
	list-style: none;
	margin: 0;
	padding: 0;
}

.articles {
	border-bottom: solid 1px #b7b7b7;
	padding: 1em 0;
}

/******************
FORMS
******************/

#content legend {
	color: #003371;
}

/******************
CLASSES
******************/

.clear {
	clear: both;
}

.quoteRed {
	background-image: url(../images/quoteRed.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
}

.quoteBlue {
	background-image: url(../images/quoteBlue.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
}

.copyError {
	color: #790000;
	font-weight: bold;
}

.copyMatthews {
	color: #790000;
}

.copyBettag {
	color: #003371;
}