html, body, * { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: .75em; line-height: 1.75em; background: url("../_images/back_page.png") 0 0 repeat-x; color: #333; padding-top: 50px; }
#page-wrap { width: 920px; overflow: hidden; margin: 0 auto; padding: 0 20px; background: #FFF url("../_images/back_header.jpg") 0 0 no-repeat; }

/*
### HEADINGS ### */
h1 { margin: 1.2em 0 1em 0; font-size: 25px; color: #2B5EE6; font-family: Verdana,Calibri,Tahoma,sans-serif; font-weight: normal; line-height: 25px; }
h2,h3,h4,h5{line-height:normal;}
h2 { margin: 1.5em 0 10px 0; font-size: 20px; color: #24AE47; font-weight: normal; }
#left-col h2,#right-col h2 { font-size: 17px; font-weight: bold; color: #FF3334; }
.box h2 { color: #FFFF11 !important; margin-top: 15px; }
h3 { margin: 1.5em 0 10px 0; font-size: 16px; font-family: "Trebuchet MS"; text-transform: uppercase; }


/*
### LISTS ### */
#content ul, #help ul { margin: 1.5em 0 1.5em 20px; padding: 0; }
#content ol { margin: 1em 0 1.5em 30px; padding: 0; }
#content ul li, #help ul li { background: url("../_images/bullet.gif") 0 4px no-repeat; padding-left: 20px; list-style-type: none; margin: 0; }
#content ul ul, #help ul ul { margin-top: 0; margin-bottom: 0; }

dt { font-weight: bold; }
dl.inline { display: block; }
dl.inline dt { float: left; padding-right: 4px; }

.side-menu { background: #4068E1 url("../_images/subnav_base.gif") bottom left no-repeat; padding-bottom: 10px; margin-top: 24px; }
.side-menu li { list-style-type: none; background: url("../_images/subnav_cap.gif") 0 0 no-repeat; }
.side-menu li li { background-image: none; padding: 0; line-height: 1.25em; }
.side-menu a:link,.side-menu a:visited,.side-menu a:hover { color: #FFF; }
.side-menu a { font-size: 16px; font-family: "Trebuchet MS"; text-decoration: none; font-weight: bold; border-bottom: 1px solid #2250D9; display: block; height: 1%; padding: 13px 0 7px 38px; }
.side-menu ul a { font-size: 12px; font-family: Arial; background-color: #5E80E6; font-weight: normal; border-top: 1px solid #849EEC; padding: 3px 14px; }
.side-menu ul a:hover { background-color: #4F74E3; }
.side-menu li li ul { display: none; }
.side-menu li li.open ul { display: block; }
.side-menu ul ul a { padding-left: 28px; }
.side-menu li li.open a { font-weight: bold; }
.side-menu li li.open li a { font-weight: normal; }
.side-menu li li.open li.current a { font-weight: bold; }
.side-menu li.current a { color: #FFFF66 !important; }
.side-menu li.current li a { color: #FFF !important; }

.results { margin: 1.5em 0 1.5em 25px; }
.results li { margin: 12px 0; }
.results a { font-size: 14px; }

.event-list dt, .event-list dd { padding-left: 20px; line-height: 1.25em; }
.event-list dt { background: url("../_images/icon_date.gif") 0 0 no-repeat; font-size: 13px; color: #AAFF88; }
.event-list dd { margin-bottom: 15px; }
.event-list .event-time { margin-bottom: 3px; color: #ADD3E7; }


/*
### PAGINATION ### */
.pager { border: 1px solid #BADAEF; background-color: #E9F3FA; padding: 10px 10px 0 10px; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.cap { border-width: 0 0 1px 0; margin-bottom: 10px; height: 59px;}
.base { border-width: 1px 0 0 0; padding: 0 10px 10px 10px; clear: both; margin-top: 10px; }
.pager div { float: right; line-height: 1.5em; }
.pager .status { float: left; }
.pager a { text-decoration: none; padding: 0 1px; color: #2B5EE6 !important; }
.pager .current { font-weight: bold; border: 2px solid #2B5EE6; }
.cap .current { border-width: 0 0 2px 0; }
.base .current { border-width: 2px 0 0 0; }
.pager input { width: 87%; }


/*
### TOP MENU ### */
#top-menu { float: right; width: 380px; background: #4068E1 url("../_images/back_topmenu.gif") 0 0 no-repeat; padding: 8px 0; margin-top: -1px; height: 24px; overflow: hidden; }
#top-menu a { color: #FFF; font-size: 14px; font-weight: bold; text-transform: lowercase; text-decoration: none; }
#top-menu a:hover { color: #FFFF99; }
#top-menu ul { float: left; margin: 0 0 0 10px; display: inline; }
#top-menu li { float: left; padding: 0 8px; list-style-type: none; }
#top-menu form { float: right; width: 200px; padding-right: 10px; }


/*
### HEADER ### */
#header { height: 183px; padding-top: 1px; }
#logo { margin: 23px 0 0 0; width: 277px; height: 123px; overflow: hidden; }
#logo a { background: url("../_images/logo_screen.gif") 0 0 no-repeat; display: block; width: 277px; height: 123px; text-indent: -9114px; }

#header blockquote { float: right; margin-top: -50px; border-width: 0; width: 620px; text-align: center; padding: 0; }
#header blockquote p { font-family: Corbel; color: #FF3334; font-size: 19px; font-style: normal; font-weight: bold; word-spacing: normal; background: url("../_images/back_motto.png") center center no-repeat; text-indent: -9114px; }


/*
### NAVIGATION ### */
#navigation { background: url("../_images/back_nav.gif") bottom left repeat-x; height: 36px; z-index: 9999; }
#navigation li { float: left; position: relative; list-style-type: none; margin-left: 5px; z-index: 9999; }
#navigation a { display: block; padding-right: 7px; background: #35AA58 url("../_images/nav_tab_right.gif") top right no-repeat; border-bottom: 6px solid #E1EFF6; color: #FFF; font-size: 14px; font-weight: bold; line-height: 20px; height: 30px; float: left; text-decoration: none; }
#navigation a span { display: block; background: url("../_images/nav_tab_left.gif") 0 0 no-repeat; padding: 5px 13px 5px 20px; }
#navigation a:hover, #navigation a.active { color: #FFFF33; }
#navigation a.active { border-color: #35AA58; }
#navigation div { position: absolute; visibility: hidden; z-index: 9999; }
#navigation ul { background: #2C8D49 url("../_images/back_slide.gif") 0 0 no-repeat; padding-top: 5px; z-index: 9999; }
#navigation ul li { float: none; margin: 0 5px; border-bottom: 1px solid #2A8646; padding: 2px 3px; }
#navigation ul li a { font-size: 12px; line-height: 1.25em; background: none; padding: 3px 0; border-width: 0; float: none; height: 1%; width: 184px; }
#navigation ul li a span { display: inline; padding: 0; background: none; }



/*
### LAYOUT ### */
#content-wrap { width: 100%; float: left; background: url("../_images/back_y.gif") bottom right no-repeat; height: auto !important; height: 350px; min-height: 350px; }
#content-wrap, #left-col, #right-col { padding-bottom: 70px; }
.lyt-213 #content {
  padding: 0 15px;    /* CC padding */
  margin: 0 240px 0 240px;
}
.lyt-213 #left-col {
  float:left;
  width:230px;
  padding: 0 10px 0 0;
  margin-left:-920px;
}
.lyt-213 #right-col {
  float:left;
  width:190px;
  padding: 0 0 0 10px;
  margin-left:-200px;
}
.lyt-21 #content {
  padding: 0 15px 0 40px;    /* CC padding */
  margin: 0 0 0 200px;
}
.lyt-21 #left-col {
  float:left;
  width:200px;
  padding: 0;
  margin-left:-920px;
}
.lyt-12 #content {
  padding: 0 40px 0 0;    /* CC padding */
  margin: 0 240px 0 0;
}
.lyt-12 #right-col {
  float:left;
  width:240px;
  padding: 12px 0 0 0;
  margin-left:-240px;
}
.lyt-123 #content{margin-right: 480px; padding-right: 25px;}
.lyt-123 #right-col{float:left;width:220px;margin-left:-240px;padding:25px 0 0 20px;}
.lyt-123 #left-col{float:left;width:240px;margin-left:-480px}

#left-col,#right-col{padding-top: 15px;}
#content { overflow: hidden; }


/*
### FOOTER ### */
#footer { clear: both; border-top: 6px solid #E1EFF6; padding: 0 0 1px 0; }
#footer ul { margin: 1.5em 0; }
#footer li { display: inline; border-right: 1px solid #333; padding: 0 6px; }
#footer p { margin-left: 6px; color: #666;}

#PPGS a { margin-top: -10px; width: 94px; height: 19px; background: url("../_images/ppgs.gif") 0 0 no-repeat; overflow: hidden; display: block; text-indent: -9114px; }
#PPGS a:hover { background-position: 0 -19px; }


/*
### OTHER TAGS ### */
p,li,dt,dd { word-spacing: 1px; }
p { margin: 10px 0 1.5em 0; }
hr { display: none; }
blockquote { margin-left: 20px; border-left: 2px solid #24AE47; padding: 0 0 0 20px; }
blockquote p { font-size: 16px; font-style: italic; margin: 0; padding: 5px 0; }
a:link { color: #FF3031; }
a:visited { color: #CC0000; }
a:hover { color: #FF0000; }


/*
### TABLE STYLES ### */
table.data-table { width: 100%; font-size: 10px; margin: 20px 0 10px 0; font-family: Verdana; }
table, th, tr, td { margin: 0; padding: 0; border-collapse: collapse; }
th { background-color: #295DE7; color: #EFEFE7; }
th, td { text-align: center; padding: 4px; vertical-align: top; border-bottom: 1px solid #c5c5c5; width: 25%; }
tr.odd td { }
tr.even td { background-color: #E5E5E5; }
tr.odd th {	background-color: #A3A389; }
tr.even th { background-color: #7B7B60; }
tr.oddhover td { background-color: #ffcc99; cursor: pointer; }
tr.oddhover th { background-color: #990000; cursor: pointer; }
td ul, td p, td li { text-align: left; }
td li, td p { font-size: 9px; }
td li { margin: 0 0 0 15px; padding: 0; }
th a, th a:hover { color: #ffffcc; }
tr.totals td { background-color: #FFCC66; text-align: left; padding-left: 10px; }


/*
### FORM STYLES ### */
form { width: 100%; }
form p { margin: 10px 0 !important; padding: 0 !important; }
form p span { display: block; float: left; width: 49%; margin-right: 9px; }
#side form p span { width: 48%; }
.end { margin-right: 0 !important; }
fieldset { border-width: 0; margin: 20px 0; clear: both; }
form h1 { padding: 0 15px; }
legend { display: block; padding: 0; font-weight: bold; line-height: 1.5em; color: #2243A0; }
fieldset fieldset legend { font-size: 11px; color: #333; }
label { display: block; font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; font-size: 9px; color: #444444; line-height: 16px; }
input, textarea, select { margin:0; font-size: 13px; font-family: Arial, Helvetica, sans-serif; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url("../_images/fieldbg.gif") repeat-x top !important; color:#333; padding: 2px 0; width: 100%; }
input.radio, input.checkbox, input.btn { width: auto; border-width: 0 !important; background: none !important; }
input.btn { padding: 0; }
p.btn { padding: 20px 0 0 15px; }
p.optlist label { font-size: 11px; font-family: Arial; display: inline; }
p.optlist span { width: 33%; margin: 0; }
textarea { height: 50px; }
.xsmall { width: 25%; }
.small { width: 33%; }
.medium { width: 50%; }
.large { width: 100%; }
.tall { height: 100px; }
.taller { height: 150px; }

.missing { background-color: #FF9999; padding: 5px !important; }
span.missing { margin: 0; padding: 5px 2px !important; width: 48%; }
#frm-error { border: 2px solid #FF9999; background-color:#FFCCCC; padding: 10px 15%; text-align: center; margin: 10px 15px; }

#header input { width: 168px; padding-left: 2px; color: #444; }
#header label { color: #DFD5C8; font-size: 14px; font-family: Arial; display: inline; padding-right: 8px; }
#header .btn-search { width: 22px; height: 22px; border-width: 0; background: transparent !important; vertical-align: middle; padding: 0 !important; }


/*
### VCARD STYLES ### */
.vcard { float: right; text-align: right; padding: 1.5em 0; }
.vcard dt, .vcard dd { line-height: 1.5em; clear: right; }
.vcard dt { display: none; font-weight: normal; }
.vcard .show { display: inline; }
.vcard .tel, .vcard .fax { display: inline; }
.vcard .fn { font-weight: bold; }



/*
### COMMON STYLES ### */
img.right { float: right; margin: 0 0 20px 20px; border: 1px solid #999; }
img.left { float: left; margin: 0 20px 20px 0; border: 1px solid #999; }
img.middle { vertical-align: text-bottom; }
.caps { letter-spacing: .05em; }
.last { border-width: 0 !important; }
.clear { clear: both; height: 1px; line-height: 1px; overflow: hidden; margin-top: -1px; }
.intro { font-size: 1.17em; }
.current { font-weight: bold; }
.accessible { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
.GMapEZ { height: 350px; z-index: 50; }
a img { border-width: 0; }

.box { background: #4068E1 url("../_images/box_blue_base.gif") bottom left no-repeat; color: #FFF; margin-top: 20px; padding-bottom: 9px; }
.box.red { background: #FF3839 url("../_images/box_red_base.gif") bottom left no-repeat; }
.box div { padding: 1px 14px; background: url("../_images/box_blue_cap.gif") 0 0 no-repeat; height: auto !important; height: 150px; min-height: 150px; }
.box.red div { background: url("../_images/box_red_cap.gif") 0 0 no-repeat; }
.box a { color: #FFFF11 !important; }


/*
### ICONS ### */
.icon { padding-left: 19px; background-repeat: no-repeat; }
.ico-date { background-image: url("../_images/icon_date.gif"); }
.ico-cal { background-image: url("../_images/icon_cal.gif"); }