/* Rawson Park CSS */

/* HTML TAGS */
body {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; 
font-size: 0.7em; 
margin: 0;
padding: 0;
background: #fff url(images/bg_content.gif) top center no-repeat;
}

h1 {margin: 0 0 1em 0; padding: 0.5em 0 0 0; color: #333; font-size: 1.8em;}
h2 {margin: 0 0 0.5em 0; color: #333; font-size: 1.2em;}
h3 {margin: 0 0 0.25em 0; color: #333; font-size: 1em;}
p {margin: 0 0 1em 0;}
ul, ol {margin-top: 0; margin-bottom: 1em;}

a:link {color: #069; text-decoration: none;}
a:hover {color: #0099b3; text-decoration: underline;}

table {margin: 0 0 1em 0;}
th {background: #ccc;}

form {margin: 0 0 1em 0; padding: 0;}
form div {margin-bottom: 3px;}
form div label {float: left; width: 15em;}
form div label.lblInline {float: none; width: auto; margin: 0 0 0 5px;}
form div input {width: 20em; font-family: Verdana, Arial, Helvetica, sans-serif;}
form div input.fldShort {width: 5em;}
form div input.fldMedium {width: 10em;}
form div input.fldCheckbox {width: 1em;}
form div input.fldRadio {width: auto; margin: 0;}
form div textarea {width: 18em; font-family: Verdana, Arial, Helvetica, sans-serif;}
form div input.btnAction {margin: 1em 0 1em 16em; width: auto;}
form div input.fldShortNotrequired {width: 5em; margin: 0 0 0 1em;}
form div input.fldMediumNotrequired {width: 10em; margin: 0 0 0 1em;}
form div input.fldCheckboxNotrequired {width: 1em; margin: 0 0 0 1em;}
form div input.fldRadioNotrequired {width: 1em; margin: 0 0 0 1em;}


/* STRUCTURE */
#container {width: 760px; margin: 0 auto; padding: 0;}
#header {margin: 0; padding: 40px 0 0 0; height: 200px; background: url(images/header_top.gif) top left no-repeat;}
#header_home {margin: 0; padding: 30px 0 0 0; height: 230px; background: url(images/header_top_content.gif) top left no-repeat;}
#header_content {margin: 0; padding: 30px 0 0 0; height: 170px; background: url(images/header_top_content.gif) top left no-repeat;}
#logo {float: left; margin: 0; border-top: 5px solid #c0f2f2; width: 220px; height: 195px;}
#welcome {height: 92px; background: #ff8022 url(images/bg_welcome.gif) top left no-repeat; margin: 0; padding: 0;}

#title {height: 50px; background: #ff8022 url(images/bg_title.gif) top left no-repeat; margin: 0; padding: 0;}

#primarynav {margin: 0; padding: 0;}

#body {width: 760px; background: #fff url(images/bg_content_home.gif) top left repeat-y; margin: 0; padding: 10px 0 0 0;}

#left {float: left; margin: 0; width: 200px; padding: 0 0 0 20px;}
#left h2 {color: #0099b2; font-size: 1em; margin: 0 0 0.5em 15px;}
#left h3 {font-size: 1em; margin: 0 0 0.5em 15px;}
#left ul {font-size: 0.85em; list-style-image: url(images/bullet_ball_lrg.gif); padding: 0; margin: 0 10px 1em 35px;}
#left ul li {margin: 0 0 0.5em 0; padding: 0; line-height: 1.3em;}
#left img {border: 0; float: right; margin: 0 5px 5px 5px;}
#left p {font-size: 0.85em; margin: 0 10px 1em 15px; padding: 0;}

#content {margin: 0 0 0 236px; padding: 0 0 20px 0;}
#content h2 {margin: 0 40px 0.5em 0; color: #007e95; font-size: 1.5em; font-weight: normal;}
#content h3 {margin: 0 40px 0.5em 0; color: #e48605; font-size: 1.2em;}
#content h4 {margin: 0 40px 0.5em 0; color: #222; font-size: 1em;}
#content p {margin: 0 40px 1em 0;}  /* font-size: 0.85em; */
#content ul, #content ol {margin: 0 40px 1em 1.6em; padding: 0;}
#content ul {list-style-image: url(images/bullet_ball_sml.gif);}
#content ul li, #content ol li {line-height: 1.3em;}
#content ul ul {list-style-image: none;;}
.bodypic {float: right; margin: 0 40px 0.5em 10px; font-size: 0.85em; color: #0099b3;}
.contentpic {float: right; margin: 0 20px 0.5em 20px; font-size: 0.85em; color: #0099b3;}
#content .bodypic img {border: 5px solid #bff2f2; margin: 0 0 0.5em 0;}
#content .contentpic img {border: 5px solid #bff2f2; margin: 0 0 0.5em 0;}

#sponsors {clear: both; background: url(images/bg_sponsors.gif) top left no-repeat; margin: 0; padding: 0 0 10px 0;}
#sponsors p {color: #444; font-size: 0.85em; margin: 0 0 1em 35px; padding: 20px 0 0 0;}

#footer {background: #0099b3; clear: both; margin: 0 0 10px 0; padding: 5px 0 10px 0;}
#footer p {margin: 0; padding: 0.5em 20px; color: #fff;}

#headerpic {border-top: 5px solid #0cc; width: 520px; height: 195px; margin: 0 0 0 220px;}

/* Hide from IE5-mac \*/
* html #left {
margin-right: 17px;
}
* html #content {
height: 1%;
margin-left: 0;
}
* html #logo {
margin-right: -3px;
}
* html #headerpic {
height: 1%;
margin-left: 0;
}
/* End IE5/mac hide */

/* PRESENTATION */
h1 span, h2 span, h3 span {display: none;}
#welcome h1 {margin: 0 0 0 236px; padding: 0; color: #fff;}
#title h1 {margin: 0 0 0 236px; padding: 0; color: #fff;}
#welcome p {margin: 0 30px 0 236px; color: #fff; font-size: 1em;}

#primarynav {height: 30px; margin: 0 20px 0 200px;}
#primarynav ul {list-style-type: none; margin: 0 0 0 11px; padding: 0; width: 520px; font-size: 12px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;}
#primarynav ul li {display: inline; float: left; margin: 0; padding: 0;}
#primarynav a {
	display: block; 
	color: #666; 
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0 8px;
	border-right: 1px solid #0099b3;
}
#primarynav a:visited {color: #777;}
#primarynav a:hover {color: #222;}
#primarynav a.active {color: #000; font-weight: bold;}
#primarynav a.last {border-right: none;}
#secondarynav {background: #fff;}
#secondarynav ul {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
#secondarynav ul li {margin: 0; padding: 0;}
#secondarynav a {
	display: block; 
	width: 167px;  /* 200px - 33px horizontal padding */
	background: url(images/bg_secondarynav.gif) left center no-repeat;
	color: #0099b3;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: uppercase; 
	margin: 0;
	padding: 7px 5px 7px 28px;
}
#secondarynav a:hover {color: #007e95; background: #eff8f8 url(images/bg_secondarynav_over.gif) left center no-repeat;}
#secondarynav a.active {color: #007e95; background: #e4f4f4 url(images/bg_secondarynav_on.gif) left center no-repeat;}

#secondarynav ul ul {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
#secondarynav ul ul li {margin: 0; padding: 0;}
#secondarynav ul li ul li a {
	display: block; 
	width: 167px;  /* 200px - 33px horizontal padding */
	background-color: #eff8f8;
	background-image: none;
	color: #007e95;
	font-size: 1.2em;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 7px 5px 7px 28px;
}
#secondarynav ul li ul li a:hover {color: #0099b3; background-color: #fff; background-image: none;}
#secondarynav ul li ul li a.active {color: #0099b3; background-color: #fff; background-image: none;}

#secondarynav ul ul ul {list-style-type: none; list-style-image: none; margin: 0; padding: 0;}
#secondarynav ul ul ul li {margin: 0; padding: 0;}
#secondarynav ul li ul li ul li a:link, #secondarynav ul li ul li ul li a:visited {
	display: block; 
	width: 155px;  /* 200px - 33px horizontal padding */
	background-color: #ffffff;
	background-image: url(images/bullet_square_sml.gif);
	color: #007e95;
	font-size: 1.3em;
	text-decoration: none;
	text-transform: none;
	margin: 0;
	padding: 7px 5px 7px 40px;
}
#secondarynav ul li ul li ul li a:hover {color: #f60; background-color: #fff; background-image: url(images/bullet_square_sml.gif);}
#secondarynav ul li ul li ul li a.active {padding: 7px 5px 7px 40px; font-size: 1.3em; color: #f60; background-color: #fff; background-image: url(images/bullet_square_sml.gif);}


#footer a:link, #footer a:visited {color: #b3e1e8; }
#footer a:hover {color: #fff;}

/*  TABLE STYLES */

#tblCalendar {margin: 0 0 1em 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#tblCalendar th {padding: 3px; background: #f7ce6f;}
#tblCalendar td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;padding: 3px;}
#tblCalendar td h4 {margin: 0 0 0.5em; font-size: 1em;}
#tblCalendar td p {padding: 0; margin: 0;}

#tblGalleries {margin: 0 0 1em 0; width: 480px;}
#tblGalleries td {padding: 0 20px 0 0;}
#tblGalleries td h4 {margin: 0 0 0.25em 0;}
#tblGalleries td p {padding: 0; margin: 0 0 0.25em 0;}
#tblGalleries td img {border: 0; float: left; margin: 0 7px 20px 0;}

.tblGallery {margin: 0 0 1em 0; width: 480px;}
.tblGallery td {padding: 0 10px;}
.tblGallery td img {border: 0;}

.tblPrograms {margin: 1em 40px 1em 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.tblPrograms th {padding: 3px; background: #f7ce6f;}
.tblPrograms td {border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px;}
.tblPrograms td.inactive {background: #ddd; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px;}

.otherMonth {color: #999;}
.today {border-top: 1px solid #f06216; border-bottom: 1px solid #f06216; border-left: 1px solid #f06216; border-right: 1px solid #f06216;}

.calDayTitle {clear: left; float: left; width: 100px; padding-top: 2px; border-top: 1px solid #ccc;}

.tblWeek {margin: 0 40px 1em 0; border-top: 1px solid #ccc;}
.tblWeek td {padding: 2px;}
.tblWeek tr.even {background: #fdf4d7;}



/* REGULAR CLASSES */
.divider_left {background: url(images/bg_dot_left_h.gif) top left repeat-x; height: 1px; margin: 0 0 1em 0; padding: 0;}
.divider_left p {margin: 0; padding: 0; font-size: 1px;}
.sponsors_intro {width: 200px; float: left; line-height: 1em;}
.known {float: right; margin: 0 0 0 20px; font-size: 0.85em;}
.known img {border: 0; vertical-align: middle;}
.required {float: left; margin: 0; width: 1em; color: #f60; font-weight: bold;}
.fldNotrequired {margin-left: 1em;}
.msgError {background: #ffffdb; border: 1px solid #db4d4d; padding: 10px 15px 0 15px; width: 450px; margin: 0 0 1em 0;}
.newWindow {border: 0; margin: 0 0 0 3px;}

/*  ADMIN STYLES */

#previewPanel {margin: 0 0 10px 0; padding: 10px; border-bottom: 1px solid #c9e9e9; background: #fdfae8 url(images/bg_previewpanel.gif); top left repeat-x; color: #827a00; font-size: 12px;}
#previewPanel table {margin: 0;}