/*/
----------------------------------------

Site: City of Camden
Version:  2008 . 10

----------------------------------------/*/

/*
HOUSECLEANING --------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* remember to define focus styles! */
:focus { outline: 0; }

ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate; border-spacing: 0;}

blockquote:before, blockquote:after, q:before, q:after { container: ""; }
blockquote, q { quotes: "" ""; }
bold, strong, emphasis {font-weight:bold;}
emphasis, italic {font-style:italic;}

/*
COMMON --------------------- */

body, div, p {font-family: Georgia, serif; font-weight:normal; color: #180202; font-size: 12px;}
body {background: url(../img/bg.jpg) repeat-x top center; background-color: #8b8a7d;; height:auto;min-height:100%;padding:0; text-align: center;}

#backgroundholder {background: url(../img/top_gradient.jpg) no-repeat top center;}
#wrapper {display: block; width:968px; margin:0px auto; background:#ececd6; text-align: left;}

h1 { margin:0; padding:0; position:absolute; top:30px; left:51px; text-align:center; float:left; text-indent:-9999px; font-size:1px;}
h1 a {background: url(../img/logo.jpg) no-repeat top left;}
h1 a, h1 a:hover { height:70px; display: block; width: 240px; }
h1 a:hover {background-position:bottom left;}
h2 { font-size:28px; margin: 0px; padding 0px;}
h3 {font-size:18px; color: #3f3f16; margin: 0px 0px 8px 0px; padding: 0px;}
h4 {font-size:13px; color: #240505; margin: 0px 0px 10px 0px; padding: 0px;}
h4 a {font-weight:normal;}
h4 a:hover {color:#5cbae3; display:block;}
h5 {font-size:14px; font-weight:bold; margin-top:20px;}
img { margin: 0; padding: 0; border: 0; }

hr {clear: both; border: none 0; border-top: 1px solid #6b675c; margin: 25px 35px 10px 0; padding: 0; text-align: left;}

a {text-decoration:none; color: #1f2900;}

p {font-family: Arial, Helvetica, sans-serif; color: #3e423a; margin-bottom:12px; line-height: 125%;}

ol, ul {margin:0px; padding:0px;}

#skip { display: none; }
/*
NAV --------------------- */

ul.mainnav {margin:0; position:absolute; top:91px; right:10px;}
ul.mainnav li {margin:0; display:inline;}
ul.mainnav li a {font-size:14px; margin:0; float:left; height:39px; line-height:39px; text-align:center; width:116px; background:url(../img/mainnav_bg.png) no-repeat top left; color:#fff; font-weight:normal;}
ul.mainnav li a:hover {background-position:bottom left; color:#e8e7d2;}

ul.headernav {display:block; position:absolute; top:60px; right:10px; margin:0; padding:0;}
ul.headernav li {display:inline; margin:0; padding:0;}
ul.headernav li a {display:block; float:left; padding:0 10px; border-left:1px solid #bbb; font:normal 12px/14px Arial, Helvetica, sans-serif; color:#453627; text-transform:uppercase;}
ul.headernav li a:hover {text-decoration:underline;}
ul.headernav li.first a {border:none;}

#nav_footer {width:714px;}
#nav_footer ul {margin:0;}
#nav_footer ul li {margin:0; display:inline;}
#nav_footer ul li a {font-size:11px; margin:14px 16px 0 0; float:left; color:#fff;}
#nav_footer ul li a:hover {color:#1f2900;}

/*
HOMEPAGE specific --------------------- */
#container_launchpads {width:968px; margin:0; padding:5px 10px 5px 10px; height:203px;}
.launchpad {height:180px; padding:20px 0 0 20px}
#lp1, #lp2, #lp3 {float:left; width:335px; margin:0;}
#lp1 {background: url(../img/lp1_bg.jpg) no-repeat top left;}
#lp1 p {width:158px;}
#lp2 {background: url(../img/lp2_bg.jpg) no-repeat top left; margin:0 5px;}
#lp2 p {width:180px;}
#lp3 {background: url(../img/lp3_bg.jpg) no-repeat top left; width:210px;}

a.link_more{font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #303009;}
a.link_more:hover {text-decoration: underline;}

h3 a {font-weight:normal; color:#fff;}
h3 a:hover {color:#1f2900;}
.news_date {font-weight:bold; color:#1f2900;}

a#btn_payhere {background:url(../img/btn_payhere.jpg) no-repeat top left; text-indent:-9999px; height:39px; width:99px; float:left;}
a#btn_payhere:hover {background-position:bottom left;}

/*
INTERNAL CONTENT --------- */
#container_content {margin: 0px; padding: 9px 0px 0px 0px; background: url(../img/container_content_bg.jpg) no-repeat top left; background-color: #ececd6;}

#bodycontent {position: relative; display: block; width: 682px; float: right; padding: 40px 28px 50px 17px; min-height: 500px;}

#bodycontent a{font-weight:bold;}
#bodycontent a:hover{text-decoration: underline;}

#bodycontent ul.breadcrumb_nav {background: none; border: none; height:25px; float: none !important; margin: 0; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 9px; list-style: none; width: 600px; line-height:25px;}
#bodycontent ul.breadcrumb_nav li {float: left; color: #dcdbc7; margin: 0px 5px 0px 0px;}
#bodycontent ul.breadcrumb_nav a {color: #dcdbc7; text-decoration:none;}
#bodycontent ul.breadcrumb_nav a:hover{text-decoration: none; color:#fff;}

#bodycontent #copy{padding: 24px 0px 0px 0px; min-height: 375px;}

#bodycontent a{text-decoration: underline;}
#bodycontent a:hover{color: #ad4b2e;}

#bodycontent h3 a{color: #3e423a;}

#bodycontent img{float: right; margin: 0px 10px 10px 15px; padding: 8px; background: #969795; border: 1px solid #888377;}
#bodycontent td img{float: none;}

#bodycontent ul {display: block; width: 392px; clear: both; margin: 5px 15px 15px 0px; padding: 10px 13px 10px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #d4d8c9; list-style-image: url(../img/bullet.gif); border-top: 1px solid #c4beac; border-bottom: 1px solid #c4beac;}
#bodycontent ul li{margin: 0px 0px 10px 30px;}

#bodycontent ol {display: block; width: 392px; clear: both; margin: 5px 15px 15px 0px; padding: 10px 13px 10px 0px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background: #d4d8c9; border-top: 1px solid #c4beac; border-bottom: 1px solid #c4beac;}
#bodycontent ol li{margin: 0px 0px 10px 30px;}

#bodycontent table {clear: both; margin: 5px 0px 10px 15px; padding: 10px 13px 10px 10px; font-size: 11px; background: #d4d8c9; border-top: 1px solid #c4beac; border-bottom: 1px solid #c4beac;}
#bodycontent td {padding: 5px 15px 5px 5px; border-bottom: 1px solid #c4beac;}


/*
INTERNAL NAV --------------- */

#LeftNav_imgPlaceHolder{display: block; width: 216px; float: left; margin: 0px 0px 0px 22px; padding: 0px !important;}

ul.leftnav {display: block; width: 204px; float: left; margin: 0px 0px 0px 22px; padding: 14px 0px 20px 14px; min-height: 593px; background: url(../img/leftnav_background.jpg) no-repeat top left;}

ul.leftnav li {margin: 2px 0px 0px 0px;}
ul.leftnav li a {display: block; width: 181px; height: 26px; background: url(../img/leftnav_li_bg.jpg) no-repeat top left; text-align: right; font-weight: normal; font-size: 14px; color: #FFFFFF; padding: 10px 10px 0px 0px; overflow: hidden; line-height: 200%;}
ul.leftnav li a:hover{background-position: 0px -36px;}

ul.leftnav li ul.leftsubnav li{margin: 0px;}
ul.leftnav li ul.leftsubnav a{display: block; width: 181px; height: 20px; background: url(../img/leftsubnav_li_bg.jpg) no-repeat top left; text-align: right; font-weight: normal; font-size: 12px; color: #131302; padding: 0px 10px 5px 0px;}
ul.leftnav li ul.leftsubnav a:hover{background-position: 0px -25px;}

/*
LAYOUT --------------------- */

#main_nav {margin:0; padding:0; display:inline;}
#container_nav {background: url(../img/header_columns.jpg) no-repeat top left; height:130px; position:relative;}
#footer {background: url(../img/footer_bg.jpg) no-repeat top left; height:80px; clear: both;}
#footer a:hover{color: #cb5100;}
.vcard {width:230px; float:right; text-align:right; margin:14px 0px 0px 0px;}
.country-name {display:none;}
#nav_footer {float: left;}
#nav_footer, .org, .adr, .tel, .credit, .website {color:#f5f5e7; font-family: Arial, sans-serif !important; font-size:11px;}
.website {text-decoration:none; color:#1f2900; font-weight:bold; margin:0; padding:0;}

/*
CALENDAR TABLE
----------------------------------------------------------------------------------------- */
#bodycontent table.calendarTable {float: none; background: none; border: none;}
#bodycontent table.calendarTable tr.pager td{text-align: right; border-bottom: none;}
#bodycontent table.calendarTable a{text-decoration: underline;}
#bodycontent table.calendarTable td{width: 500px;}
#bodycontent table.calendarTable p.calendarlist {margin-top: 5px;}

/*
CALENDAR TABLE
----------------------------------------------------------------------------------------- */

.dropdown {margin: 0px 0px 0px 255px;}

#bodycontent table.calendarbox, #bodycontent table.calendarbox table  {display: block; min-width:none; margin:0; padding:0; font-size:11px; background:none; border:none;}
#bodycontent table.calendarbox td {width:auto; padding:5px; border: 1px solid #c4beac;}

#bodycontent table.calendarbox td.othermonth, #bodycontent table.calendarbox td.othermonth a{color: #999999;}

#bodycontent table.calendarbox td ul{clear:none; width:auto; background: none; border:none; list-style-image: none; margin:0; padding: 0px;}
#bodycontent table.calendarbox td li{margin: 0px; padding: 0px;}

table.calendarbox h5 {margin: 0px 0px 0px 0px; padding: 0px; font-size: 12px;}

#bodycontent table.calendarbox .calendarheader {background: none; border: none; margin: 0px; padding: 10px; color: #ececd6; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:26px; }
#bodycontent table.calendarbox .calendarheader td {text-align:center !important; border:none;}
#bodycontent table.calendarbox .calendarheader td.nextprevmonth a{text-decoration: none !important; color: #ececd6 !important; text-align: center !important; display:block; width:80px;}

#bodycontent table.calendarbox th.dayheaders {text-align: center; text-transform: uppercase; padding: 15px 0px 5px 0px; font-size: 14px;}

/*
NEWS
----------------------------------------------------------------------------------------- */

.newsTable {float: none !important; background: none !important;}
.newsTable tr.pager td{text-align: right; border-bottom: none !important;}
.newsTable a{text-decoration: underline;}
.newsTable td{width: 500px !important;}
.newsTable p.newslist {margin-top: 5px;}

/* CONTACT
----------------------------------------------------------------------------------------- */
.contactbox {float: none !important; width: 392px; margin: 0px auto;}
.contactbox textarea {width: 330px; height: 70px;}
.contactbox td{padding: 5px 15px 0px 0px; border: none !important;}
.contactbox td.state input {width: 20px;}
.contactbox td.zip input {width: 50px;}
.contactbox td.send a {display: block; background:url(../img/btn_send.jpg) no-repeat top left; text-indent:-9999px; height:39px; width:99px; margin: 0px auto;}
.contactbox td.send a:hover {background-position: bottom left;}

/* FORM
----------------------------------------------------------------------------------------- */

 #billpay1 {float: left; clear: both; width: 215px; padding-right: 15px; margin-right: 15px; border-right: 1px solid #666666;}
 #billpay2 {float: left; width: 350px;}

.formlabel { font-size:10px; text-align:left; color:#000; }

.forminput { width:230px; background:none; border:none; padding:3px; font: 12px Arial, sans-serif; color: #363636; }

.formtext { width:100%; background:none; border:none;  padding:3px; font: 12px Arial, sans-serif; color: #363636; }

.internal .forminput {border-bottom:1px dotted #000; margin:10px 0 5px 0;}
.internal .label {font-size:12px; font-weight:bold;}

.textBox {margin:20px 0; width:300px; border:1px dotted  #000; margin:10px 0 5px 0; background:#fff;}
.formbutton { text-align:left; }


form { margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
	
	
/* MISC
----------------------------------------------------------------------------------------- */

.clear {clear:both; display:block; overflow:hidden; width:0; height:0;}