html, body, #gradientHead, #gradientContent {width: 100%}

p, h1, h2, h3, h4, a, li, th, td, input {font-family: arial, helvetica, sans-serif;}
p, h2, h3, li, {color: #6c6c6e;}
h2 {font-size: 130%;}
a {text-decoration: none;}
p {font-size: 100%;}
strong { font-weight: bold; }

ul { list-style-type:disc; }
li { list-style: disc; margin-left: 20px; }
li:hover{visibility:visible}

table.basic td { padding: 3px 6px; }

#gradientHead {background: #f6f7e9 url("/images/gradientTop.png") repeat-x; height: 375px;}
#gradientContent {background: #f6f7e9 url("/images/gradientBottom.png") repeat-x bottom left; float:left;}

input.noted { color: #ccc; }
#containerHead {margin: auto; width: 960px; padding-top: 15px;}

#header img {margin-left: 30px; z-index: 1; position: absolute;}
#header img, #header h2 {display: block; float: left;}
#header h1 {font-size: 234%; padding-top: 5px;}
#header h1, #header h2 {margin-left: 133px; display:block;}
#header input {float: right; height: 25px;}
#header a {float:right; color: #0065cd;; padding-top: 10px;}

.search {margin-right: 10px; font-size: 130%;}

#navigation { background: #f5a124 url("/images/navBar.png") no-repeat; margin: 40px 0 2px 0; height: 35px; width: 960px; }
#navigation #nav { width: 830px; margin-left: 130px; height: 35px; font-size: 12px; font-weight: bold; }
#navigation #nav li { list-style: none; height:25px; line-height:12px; margin: 10px 0 0; }
#navigation #nav li a { width: 100%; height:25px; color: white; }
#navigation #nav a:hover { color: black; }
#navigation #nav ul { margin-left: -11px; }
#navigation #nav ul li a { display: block; height:auto; background-color: #d5d5bd; color: #4c535b; border: 1px white solid; border-width-top: 0; font-size: 10px; padding: 10px; }
#navigation #nav ul li a:hover { background:#9d9e8e; color:white; }
/* Apparently Opera needs hardcoded widths */
#navigation #nav ul li { height: auto; margin: 0; }
#navigation #nav li#navHome         { width: 100px }
#navigation #nav li#navAbout        { width: 120px }
#navigation #nav li#navInfo         { width: 180px }
#navigation #nav li#navServices     { width: 115px }
#navigation #nav li#navSafety       { width: 120px }
#navigation #nav li#navInvolvement  { width: 100px }

#banner, #bannerAbout, #bannerInfo, #bannerServices, #bannerSafety, #bannerInvolved {margin: -1px 0 0 0; height: 240px; width: 960px;}
#banner {background: #f5a124 url("/images/banner.png") no-repeat;}
#bannerAbout {background: #f5a124 url("/images/bannerAbout.png") no-repeat;}
#bannerInfo {background: #f5a124 url("/images/bannerInfo.png") no-repeat;}
#bannerServices {background: #f5a124 url("/images/bannerServices.png") no-repeat;}
#bannerSafety {background: #f5a124 url("/images/bannerSafety.png") no-repeat;}
#bannerInvolved {background: #f5a124 url("/images/bannerInvolved.png") no-repeat;}


#containerContent {margin: auto; width: 960px; min-height: 557px;}
#containerContent h2, #containerContent h3, #donate img {font-weight: bold; padding-top: 15px;}
#containerContent p {line-height: 1.4em; padding-top: 5px;}
#containerContent a {color: #0065cd;}

#signUp {width: 960px; border-bottom: 1px #c7c7ab solid; min-height: 103px; float: left;}
#signUp p {float: left; width: 460px; padding-bottom: 15px;}

.signUp {float: left; width: 290px; margin: 0 15px 0 15px; padding: 5px 10px; font-size: 180%; color: #9aa6ae; border: 5px #beccd5 solid;}

#leftColumn {width: 230px; float: left;}
#leftColumn p, #leftColumn h2, #leftColumn h3 {width: 200px; float: left; padding-bottom: 15px;}
#leftColumn p {padding-bottom: 15px;}
#leftColumn img {margin-top: 15px; border: 1px #c7c7ab solid;  width: 217px; height: 138px;}
#leftColumn a {font-weight: bold; padding-bottom: 5px; width: 220px; float: left;}

.bottom_border_dotted {border-bottom: 1px dotted #c7c7ab;padding-bottom: 10px;}

#leftColumn #pgeImage img {width: 200px; height: 54px; margin-bottom: 15px;margin-top: -15px;}
#pgeImage5k img {width: 250px; height: 65px;}
#flashpointImage img {width: 120px; height: 64px; margin-bottom: 1px;}
#fbookImage img {width: 143px; height: 54px; margin-bottom: 15px;}
#spacer img {width: 15px; height: 1px;}
#rainbowgroceryImage img {width: 98px; height: 135px; margin-bottom: 5px;}
#glaceauImage img {width: 200px; height: 54px;}
#asterick img {width: 30px; height: 30px;}
#sportsbasementimage img {width: 150px; height: 71px; margin-bottom: 5px;}
#sffcuimage img {width: 174px; height: 49px; margin-bottom: 5px;}
#breadCrumbs, #subLinks {float: left;}
#breadCrumbs a, #subLinks a {float: left; width: 200px;}
#breadCrumbs a {font-size: 100%; padding: 15px 0 15px 15px; color: black;}
#breadCrumbs {width: 230px; background-color: #beccd5; border-bottom: 1px #c7c7ab dotted;}

#subLinks {margin-top: 15px;}
#subLinks a {width: 200px; font-size: 80%; border: 1px #c7c7ab dotted; padding: 15px 0 15px 15px; color: #0065cd; font-weight: bold;}

#donate {border-bottom: 1px #c7c7ab dotted; float: left; width: 230px;}
#donate img {border: none; margin-top: 0px;}
#correctSize img {width: 138px; height: 54px;}

#mailIcon {width: 40px; float: left;}
#mailIcon img {width: 16px; height: 11px;}

#5klogo {width: 700px;}
#5klogo img {width: 700px; height: 269px;}

#5klogo2 {width: 250px; float: left; padding: 0 0 0 0;}
#5klogo2 img {width: 250px; height: 224px;}

#rightColumn { width: 729px; float: right; border-left: 1px #c7c7ab dotted; }
#page { width: 960px; }
#rightColumn, #page { display: inline; min-height: 500px; height:auto !important; height: 500px; }
#rightColumn h2, #rightColumn p {margin-left: 15px; width: 650px;}
#rightColumn img {float: left; padding: 15px 10px 0 15px;}
#rightColumn h3 {padding-left: 15px; width: 650px;}
#rightColumn p, #page p {padding-bottom: 15px;}
#rightColumn ul, #page ul {padding: 15px 0 15px 30px; list-style-type: circle;}
#rightColumn input, #page input, #rightColumn textarea, #page textarea {margin-top: 10px;}

#rightColumn .kill_bottom_border {border-bottom:none;}

#welcome, #neighborhoodWatch, #safetyTipsInfo {border-bottom: 1px #c7c7ab dotted; }

#neighborhoodWatch h2, #5kfunrun h2, #safetyTipsInfo h2 {padding-top: 30px; width:300px;}

.policeStation, .policeStation2 {width: 363px; height: 200px; border: 1px #c7c7ab dotted; border-left: none; border-bottom: none; float: left;}
.policeStation h4,  .policeStation2 h4 {padding: 15px 0 0 15px; color: #0065cd; float: left;  font-weight: bold;}
.policeStation a, .policeStation2 a {color: #0065cd; float: left;}
.policeStation img, .policeStation2 img {margin: -12px 0px 0px 0px;}
.policeStation p, .policeStation2 p {float: left; padding-bottom: 0px;}
.policeStation2 {border-right: none;}

#names, #titles, #phones {float: left; width: 200px;}
#names p, #titles p, #phones p {width: 200px;}
#names a {color: #6c6c6e;}
#titles {margin-right: 40px;}

#newsletters {width: 400px; float: left; margin: 15px 0 0 15px;}
#newsletters th {font-size: 120%; color: #6c6c6e}
#newsletters td {padding: 5px 0 5px 5px; border: 1px #c7c7ab dotted;}

.gear {float: left; width: 729px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px #c7c7ab dotted;}
.gear p, .gear img {float: left;}
.gear p {margin-bottom: -15px;}

table#roster { font-size: 80%; width: 100%; }
table#roster th { font-weight: bold; }
table#roster th, table#roster td { padding: 2px; vertical-align: top; }
table#roster h2 { margin: 10px 0 5px; }

.neighborhood_nav { margin: 10px 0; }

#footer {width: 960px; height: 27px; background:  #f5a124 url("/images/footerBar.png") no-repeat; float: left; margin-bottom: 100px;}
#footer p {font-size: 80%; color: white; float: right; padding-right: 15px;}

.rsvp_form th { text-align: right; padding-right: 10px; vertical-align: top; }
.rsvp_form td { vertical-align: top; padding-right: 10px; }

#5k { width: 729px; text-align: center; }
#5k p { padding-left: 15px; }