/* thanks to http://www.modxcms.com/simple-rounded-corner-css-boxes.html for rounded boxes */


body {
		margin:10px 10px 0px 10px;
		padding:0px;
    font: 76% Helvetica, Arial, sans-serif;
    background: #ffffff url(/images/map_bg.jpg) top center no-repeat; 
		}
body, div, h1, h2, h3, h4 { padding: 0; margin: 0; }
h1, h2, h3, h4, #menu, #footer { font-family: Georgia, Palatino, "Times New Roman";  }
h1 { font-size: 3em; }
h2 { font-size: 1.5em; letter-spacing: -1px;  }
h3 { font-size: 1.3em; letter-spacing: -0.5px; }
h4 { font-size: 1em; text-align: center; }
a { color: #C79336; }
a:hover { color: #EBB75B; }


#wideContent { background: url(/images/check.gif) repeat-y top left; margin: 0; padding: 10px; }
#widerContent { background: url(/images/check-in.gif) repeat-y top right; margin: 0; padding: 0; }

#content { width: 760px; margin: auto; position: relative; padding: 0;}
 
#sidebar { position: absolute; right: 0px; top: 140px;  width: 215px; padding: 0; margin: 20px 0; }
#banner { background:url(/images/header.png) no-repeat center; height:80px; }
#banner h1 { visibility: hidden; }

#menu, #footer, .category { background-color: #000066; color: #ffffff; padding: 1px; margin: 0; text-align: center; font-family: Georgia, Palatino, "Times New Roman"; font-weight: bold; }
tr .category { padding: 5px; }
#menu ul, #footer ul { list-style-type: none; margin: 0; padding: 5px 20px; }
#menu li, #footer li { display: inline; }
#menu ul li a, #footer ul li a { padding: 5px 10px; color: #DC755A; font-size: 1.5em; font-weight: bold; text-decoration: none; }
#menu ul li a:hover, #footer ul li a:hover { text-decoration: underline; color: #ffffff; background-color: #4E4758; }

#footer {  margin-bottom: 10px; }
#subhead { text-align: center; border: 1px solid #000000; margin: 0 0 20px; background-color: #EBB75B; }
#subhead p, #footer p {margin: 0; padding: 5px 30px;  }
#subhead a { color: #735013; }
#subhead a:hover { color: #BE9142; }

.permalink { float: right; }

#logInOutBox { float: right; display: inline; }
#submitNew { position: absolute; right: 240px; margin-top: 5px; }

#articles { padding: 0px; margin: 0px 220px 0px 10px; } 
.main_item { padding: 0; clear: right; width: 520px; }
.main_item_head h2 { background: url(/images/h2_bg.jpg) center right; border-top: 1px solid #000099; padding: 5px 10px; }
.main_item_body { padding: 0 10px 1px 10px; text-align: justify; }
.dateline { background-color: #eeeeee; color: #000000;  margin: 0; padding: 2px 10px; font-style: italic; }

.column { width: 245px; float: left; margin-left: 10px; overflow: visible; }
.column .category { width: 245px; }
.column .main_item { margin-bottom: 10px; width: 245px; } 

.ad { margin: 0 15px 0 0; padding: 0 5px 10px; text-align: center; }
.ad_warning { font-size: 10px; color: #cccccc; padding: 0px; margin: 0px; }
.ad h2 { padding: 0; margin: 0; }
.ad p { padding: 0; margin: 1px; }

.item { margin: 0px 0px 20px; padding: 0px; width: 200px; }
.item_head { background: transparent url(/images/box_head.png) no-repeat top center; margin: 0; padding: 1px 10px; text-align: center; }
.item_head h2 { padding: 10px; }
.item_body { background: transparent url(/images/box_tail.png) no-repeat bottom center;  margin: 0; padding: 10px 20px 20px; }
.item_body ul { list-style-type: none; margin: 0; padding: 5px 0 5px 0; }

.adminContent, .submitContent { padding: 20px; border: 1px solid #cccccc; background-color: #ffffff; }
.submitContent h1 { text-align: center; }
.adminContent h2 { padding-bottom: 20px; }
.adminContent h3, h4 { padding: 5px; background-color: #cccccc; }

.restriction { margin: 0 10px 10px; text-align: center; }
.restriction h1 { font-size: 2em; }

.classified-categories ul { list-style-type: none; text-align: center; padding: 0; margin: 0 0 10px 0;}
.classified-categories ul li { display: inline; padding: 5px; margin: 0; }

.dud-link { color: #000000; text-decoration: none; cursor: default; }
.dud-link:hover { color: #000000; text-decoration: none; cursor: default; }

table form { padding: 0px; margin: 0px; display: inline; }
fieldset { margin: 10px 0px; padding: 15px 15px;}
legend { font-weight: bold; }
.text { font: 100% Helvetica, Arial, sans-serif;  }
textarea { width: 600px; height: 200px; padding: 5px; }
.slim-textarea { width: 500px; height: 60px; }
.submit { padding: 5px 10px; }
.radio { height: 14px; width: 14px; }
.error { color: #ff0000; padding: 10px; background-color: #ffdddd; }
.hide { display: none; }
.errorPoint { font-style: italic; color: #ff0000; }
.instruction { font-style: italic; }
img { border: 0px; } /* behavior: url(/js/pngbehavior.htc); */
#articles .photo { float: right; padding: 0 0 10px 10px; }

.adminContent table { width: 95%; border-collapse: collapse; background-color: #ffffff; }
.adminContent table th { border-bottom: 1px solid #999999; }
.adminContent table td { border-bottom: 1px solid #cccccc; padding: 5px; }
.main_item form { display: inline; margin: 0; padding: 0; }
.link-button {  font: 12px Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 0; }

.dataTable { font-size: 12px; border-collapse: collapse; }
.dataTable td { border-bottom: 1px solid #cccccc; padding: 5px; }

.bold-ad { text-weight: bold; border: 1px solid #666666; background-color: #eeeecc; }
#ad-preview { width: 300px; float: right; }
#ad-preview h2 { width: 250px; }
#ad-preview .main_item { width: 270px; }


.pageAlert { margin: auto; margin-top: 80px; width: 75%; padding: 20px; border: 1px solid #cccccc; text-align: center; background-color: #ffffff; }
.pageAlert .redirectLink { font-size: smaller; }
.calendar { margin: auto; padding-top: 10px; width: 520px; border-collapse: collapse; }
.calendar td { vertical-align: middle; border: 1px solid #cccccc; height: 150px; text-align: center; }
.event { font-weight: bold; }
#today { border: 1px solid #cccccc; }
caption { margin: auto; }

.checkboxList { list-style-type: none; margin: 0; padding: 0; }
.checkboxList ul, .checkboxList li { margin: 0; padding: 0 10px 0 0; float: left; }


/* css for date picker */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}