/*-------------------------------------------------
baseline
-------------------------------------------------*/

body {
	background: #fff url(../images/site/bkg.gif) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
}





a { color: #953838; }
a img { border: 0; }
a:link {	text-decoration: none;	color: #004f9e; }
a:visited { text-decoration: none;	color: #004f9e; }
a:hover {	text-decoration: underline;	color: #660000; }
a:active {	text-decoration: none;	color: #CC0000; }


span.highlight {
	background-color: #ffc;
}


div.clear {
	clear:both;
	height:1px;
	/*width:100%;
	height:0;*/
}








/*-------------------------------------------------
container
-------------------------------------------------*/
div#container {
	width:800px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}



/*-------------------------------------------------
header
-------------------------------------------------*/
div#header {
	position:relative;
	width:800px;
	height:100px;
	
	text-align:left;
	
	margin:0;
	padding:0;
}


div#header a.header_image {
	display:block;
	width:800px;
	height:100px;
	
	margin:0;
	padding:0;
	border:none;
	
	background-position:top left;
	background-repeat:no-repeat;
}

div#header a.header_image h1 { display:none; }

div#header a.header_text {
	text-decoration: none;
	color:#000000;
	margin:0;
	padding:0;
	border:none;
	
	font-size:36px;
	line-height:100px;
	
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	/*line-height:100px;*/
}







/*-------------------------------------------------
main menu
-------------------------------------------------*/
div#main_menu ul {
	margin: 3px 0px 12px 0px;
	padding: 0;
	width: 607px;
	height:21px;
	text-align: left;
}

div#main_menu ul li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
div#main_menu ul li a {
	display: block;
	height: 21px;
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0;
	border:none;
}
div#main_menu ul li a:hover { background-position: left bottom; }
div#main_menu ul li a span { display: none;	}



div#main_menu ul li#pages_btn a		{ width:75px; background-image:url(../images/site/mainmenu/pages.gif); }
div#main_menu ul li#calendar_btn a	{ width:106px; background-image:url(../images/site/mainmenu/calendar.gif); }
div#main_menu ul li#gallery_btn a	{ width:96px; background-image:url(../images/site/mainmenu/gallery.gif); }
div#main_menu ul li#members_btn a	{ width:93px; background-image:url(../images/site/mainmenu/members.gif); }
div#main_menu ul li#messages_btn a	{ width:99px; background-image:url(../images/site/mainmenu/messages.gif); }
div#main_menu ul li#search_btn a	{ width:84px; background-image:url(../images/site/mainmenu/search.gif); }
div#main_menu ul li#join_btn a		{ width:54px; background-image:url(../images/site/mainmenu/join.gif); }

div#main_menu ul li#pages_btn-a a		{ width:75px; background-image:url(../images/site/mainmenu/pages-a.gif); }
div#main_menu ul li#calendar_btn-a a	{ width:106px; background-image:url(../images/site/mainmenu/calendar-a.gif); }
div#main_menu ul li#gallery_btn-a a		{ width:96px; background-image:url(../images/site/mainmenu/gallery-a.gif); }
div#main_menu ul li#members_btn-a a		{ width:93px; background-image:url(../images/site/mainmenu/members-a.gif); }
div#main_menu ul li#messages_btn-a a	{ width:99px; background-image:url(../images/site/mainmenu/messages-a.gif); }
div#main_menu ul li#search_btn-a a		{ width:84px; background-image:url(../images/site/mainmenu/search-a.gif); }	
div#main_menu ul li#join_btn-a a		{ width:54px; background-image:url(../images/site/mainmenu/join-a.gif); }








/*-------------------------------------------------
second menu
-------------------------------------------------*/
div#second_menu {
	width:200px;
	padding:0;
	margin:0;
	position:absolute;
	top:135px;
	right:0px;
	background:url(../images/site/sidebarbkgstripe.gif) no-repeat left top;
}

div#second_menu div#second_menu_end {
	background:url(../images/site/sidebarbkgstripe.gif) no-repeat left bottom;
	height:40px;

}





/*-------------------------------------------------
user menu
-------------------------------------------------*/

/* NOTE: this is changed */

div.user_menu {	
	margin:0;
	padding:10px 0px 10px 10px;
	background:url(../images/site/sidebardivstripe.gif) no-repeat bottom left;
	
}
div.user_menu .title{	
	font-weight:bold;
	color:#000;
	padding:0px;
	
}
div.user_menu ul {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style:none;
	list-style-type:none;
}
	
div.user_menu ul li {
	margin:10px 0px 10px 10px;
	padding: 0;
	clear:both;
}
div.user_menu ul li a.link {
	margin: 0;
	padding: 0;
	color:#666666;
	text-decoration: none;
	display:block;
}
div.user_menu ul li a.link:hover {
	color:#990000;
}

/* if it's the admin then fix the width*/
div.user_menu ul li a.admin {
	width:150px;
	float:left;
}



div.user_menu div.user_menu_x {
	float:right;
	width:20px;
	height:20px;
}

div.user_menu div.user_menu_x a {
	width:20px;
	height:20px;
	display:block;
	background:url(../images/admin/user_menu/xbtn.gif) no-repeat top left;
}

div.user_menu div.user_menu_x a:hover { background-position:bottom; }



/*-------------------------------------------------
member menu
-------------------------------------------------*/
div#participate_menu {	
	margin:0;
	padding:10px 0px 10px 10px;
	background:url(../images/site/sidebardivstripe.gif) no-repeat bottom left;
	
}
div#participate_menu .title {
	font-weight:bold;
	color:#000;
	padding:0px;
	
}
div#participate_menu ul {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style:none;
	list-style-type:none;
}
	
div#participate_menu ul li {
	margin:10px 0px 10px 10px;
	padding: 0;
}
div#participate_menu ul li a {
	margin: 0;
	padding: 5px;
	font-size: 14px;
	color:#666666;
	text-decoration: none;
	
	
}
div#participate_menu ul li a:hover {
	color:#990000;
}





/*-------------------------------------------------
admin menu
-------------------------------------------------*/
div#admin_menu {	
	margin:0;
	padding:10px 0px 10px 10px;
	background:url(../images/site/sidebardivstripe.gif) no-repeat bottom left;
	
}
div#admin_menu .title{	
	font-weight:bold;
	color:#990000;
	padding:0px;
	
}
div#admin_menu ul {
	padding: 0;
	margin: 0;
	text-align: left;
	list-style:none;
	list-style-type:none;
}
	
div#admin_menu ul li {
	margin:10px 0px 10px 10px;
	padding: 0px;
}
div#admin_menu ul li a {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color:#666666;
	text-decoration: none;
	
	
}

div#admin_menu ul li a:hover {
	color:#990000;
}



















/*-------------------------------------------------
page content
-------------------------------------------------*/
div#page_content {
	position: relative;
	width:585px;
	margin:0;
	padding:0;
}

div#content {
	min-height: 400px;
	position: relative;
	margin:0;
	padding:0;
}





/*-------------------------------------------------
footer
-------------------------------------------------*/
div#footer {
	padding-top:10px;
	text-transform:uppercase;
	font-size: 10px;
	color:#999999;
	text-align: center;
	clear:both;
}

div#footer a:link,
div#footer a:visited,
div#footer a:active {
	text-decoration: none;
	color: #999;
}
div#footer a:hover {
	text-decoration: underline;
	color:#000;
}














/*-------------------------------------------------
global styles
-------------------------------------------------*/
div.shade1{ color:#333; }
div.shade2{ color:#666; }
div.shade3{ color:#999; }
div.shade4{ color:#ccc; }


div.v_space_L { height:30px; }
div.v_space_M { height:20px; }
div.v_space_S { height:10px; }





/*  error style if a site link is no longer availible */
div.site_link_error {
	background:url(../images/admin/site_link/error_bkg.gif) no-repeat;
	width: 556px;
	height:43px;
	line-height:43px;
	font-size: 16px;
	color: #6690b8;
	text-indent:52px;
	margin:10px 0;
}	




/*  saved indicator */
div#saved {
	background:url(../images/site/saved.gif) no-repeat;
	width: 580px;
	height:43px;
	line-height:43px;
	font-size: 16px;
	color: #6690b8;
	text-indent:52px;
	margin:10px 0;
}	

div#error {
	background:url(../images/site/error_bkg.gif) no-repeat top left;
	width: 570px;
	margin:10px 0;
}	
div#error p {
	font-size: 16px;
	color: #6690b8;
	padding:10px 5px 10px 52px;
	margin:0;
}
div#error div#error_bottom {
	background:url(../images/site/error_bkg.gif) no-repeat bottom left;
	width: 570px;
	height:7px;
}







/*-------------------------------------------------
titlebar
-------------------------------------------------*/
h1.titlebar {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight:normal;
	clear:both;
	margin:0;
	padding:0;
}
h2.titlebar {
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight:normal;
	color:#ccc;
	clear:both;
}


div.titlebar_divider_line {
	height:1px;
	background:url(../images/site/divider_line.gif) no-repeat;
	clear:both;
	margin-bottom:10px;
	margin-top:-4px;
}

div.byline {
	font-size: 10px;
	color: #949494;
	font-style:italic;
	letter-spacing: 0.05em;
}
div.byline a {color: #949494;}
div.byline a:hover {color: #953838;}








/*-------------------------------------------------
save cancel buttons
-------------------------------------------------*/
div.button_bar {
	margin: 10px 0 10px 200px;
	height:26px;
	line-height:26px;
}


div.button_bar div.save_btn {
	height:26px;
	width:115px;
	float:left;
	background-position:top;
	background-repeat:no-repeat;
}

div.button_bar div.save_btn button {
	width:115px;
	height:26px;
	border:none;
	background-color:#FFFFFF;
}

div.button_bar div.save_btn button:hover { background-position:center; }
div.button_bar div.save_btn button:active { background-position:bottom; }

div.button_bar div.save_btn button span { display:none; }

div.button_bar div.save_btn button.save { background-image:url(../images/site/buttons/css/save.gif); }
div.button_bar div.save_btn button.send { background-image:url(../images/site/buttons/css/send.gif); }
div.button_bar div.save_btn button.post { background-image:url(../images/site/buttons/css/post.gif); }



div.button_bar div.cancel_btn {
	height:26px;
	float:left;
}
div.button_bar div.cancel_btn a {
	color:#999;
	font-size:12px;
	font-weight:bold;
	
}
div.button_bar div.cancel_btn span.or {
	color:#CCC;
	font-size:10px;
	text-transform:uppercase;
	padding:0 10px;
	
}
	
	





/*-------------------------------------------------
edit buttons
-------------------------------------------------*/
div#edit_btn {
}

div#edit_btn a {
	width:55px;
	height:26px;
	background:url(../images/site/buttons/css/edit.gif) no-repeat top;
	display:block;
	float:right;
}

div#edit_btn a:hover { background-position:center; }
div#edit_btn a:active { background-position:bottom; }

div#edit_btn a span {
	display:none;
}











/*-------------------------------------------------
placed content breadcrum trail
-------------------------------------------------*/
div#content_orgin_title,
div#content_orgin_title a {
	font-size:10px;
	color:#999;
	padding:5px 0px;
	margin:10px 0px;
	background-color:#FFFFCC;
}














/*-------------------------------------------------
global dynamic content styles
-------------------------------------------------*/
div.dynamic {
	clear:both;
	margin-bottom:40px;
}

	/*----------- pages ----------------*/
		div.dynamic .display_title {
			margin:15px;
		}
		div.dynamic .display_title .title a {
					font-size: 16px;
			color: #000;
			padding:0px;
			margin:0px;
		}
		
		div.dynamic .display_title .byline {
					font-size: 10px;
			font-style:italic;
			color: #949494;
			padding:0;
		}
		
		div.dynamic .display_title .byline a {color: #949494;}
		
		div.dynamic .display_title .byline a:hover {color: #953838;}
		
		
		
		
		
		/* FULL PAGE */
		div.dynamic .display_full {
			padding:0 0 10px 0;
			width:560px;
			overflow:auto;
		}
		
		
		
		/* PREVIEWS */
		div.dynamic .display_preview {
			padding:10px 15px;
		}
		
		
		div.dynamic .display_preview .title,
		div.dynamic .display_preview .title a {
					font-size: 16px;
			color: #000;
			padding:0px;
			margin:0px;
		}
		
		
		div.dynamic .display_preview .byline {
					font-size: 10px;
			color: #949494;
			letter-spacing: 0.05em;
			clear:both;
			padding:5px 0px;
			border-top: #ccc solid 1px;
		}
		
		div.dynamic .display_preview .byline a {color: #949494;}
		
		div.dynamic .display_preview .byline a:hover {color: #953838;}
		
		div.dynamic .display_preview .description {
					font-size: 13px;
			text-align:justify;
			color: #474747;
			line-height: 1.4em;
			margin: 10px;
		}
		
		div.dynamic .display_preview .readmore {
			text-align:right;
			margin: 10px;
		}
		
		div.dynamic .display_preview .readmore a {
					font-size: 10px;
			color:#666;
			font-weight: bold;
		}
		
		div.dynamic .display_preview .readmore a:link {
			text-decoration: none;
			color:#666;
		}
		
		div.dynamic .display_preview .readmore a:visited {
			text-decoration: none;
			color:#666;
		}
		
		div.dynamic .display_preview .readmore a:hover {
			text-decoration: underline;
			color: #953838;
		}
		div.dynamic .display_preview .readmore a:active {
			text-decoration: none;
			color: #953838;
		}
		

		
		
		
		
		
		
		
	
	/*----------- calendar ----------------*/
		div.dynamic .event {
			width:520px;
			margin:15px;
			border-bottom: #eed9c1 solid 1px;
			clear:both;
		}
		
		
		div.dynamic .event .date {
			width:59px;
			height:52px;
			float:left;
		}
		div.dynamic .event .date span {
			display:none;
		}
		
		
		div.dynamic .event .time {
			width:100px;
			float:right;
		}
		
		div.dynamic .event .time .hour {
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size: 24px;
		}
		div.dynamic .event .time .ampm {
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size: 12px;
			vertical-align: 60%;
		}

		div.dynamic .event .description {
			width:341px;
			margin:0 10px;
			float:left;
		}
		
		div.dynamic .event .description a {
			color:#000;
		}
		div.dynamic .event .description a:hover {
			color:#990000;
		}
		
		div.dynamic .event .description .title {
					font-size: 14px;
			font-weight: bold;
			margin:7px 0px 0px 0px;
		}
		
		div.dynamic .event .description .location {
					font-size: 12px;
		}














	/*----------- gallery ----------------*/
		div.dynamic .set {
			width:520px;
			margin: 0px;
			padding:10px;
			clear:both;
			position:relative;
		}
		
		.thumbnail {
			background: url(../images/site/thumb_bkg.gif) no-repeat;
			height: 130px;
			width: 170px;
			position:relative;
			float:left;
		}
		
		
		.thumbnail .image {
			margin: 8px 10px 9px 10px;
			padding: 0px;
			border: none;
		}
		
		
		div.dynamic .set .info {
			width:330px;
			float:left;
			padding:0px 10px;
		}
		
		
		div.dynamic .set .info .title {
			margin-top:3px;
			padding:0px;
			text-align:left;
		}
		
		div.dynamic .set .info .title a {
					font-size: 16px;
			color: #000;
		}
		
		
		div.dynamic .set .info .caption {
					font-size: 14px;
			color:#666;
			text-align:left;
		}
		
		div.dynamic .set .info .date,
		div.dynamic .set .info .byline {
					font-size: 12px;
			color:#666;
			text-align:left;
			font-style:italic;
			margin:10px 0px;
		}
		
		
		.thumb_edit_btn {
			background:url(../images/site/buttons/css/edit.png) no-repeat top left;
			behavior: url(/_css/iepngfix.htc);
			display:block;
			width:55px;
			height:26px;
			position:absolute;
			bottom:0px;
			left:55px;
		}
		
		.thumb_edit_btn:hover {	background-position:center;	}
		.thumb_edit_btn:active { background-position:bottom;	}
	
		/* ONE PIC */
		div.pic_full {
			padding:10px 0;
		}
		
		div.pic_full div.caption {
			font-size: 12px;
			color:#999999;
			text-align:left;
			margin: 0px 5px;
			padding-left:15px;
		}
		
	
								
								




	/*----------- textbox ----------------*/
		div.dynamic .textbox { }






		



































































/*-------------------------------------------------
blue box
-------------------------------------------------*/
#BlueBox{
	width:556px;
	margin:5px 0px;
	position:relative;
	clear:both;
}
#BlueBox_content {
	background-color: #eef7fc;
	padding:0px 20px;
}
#BlueBox_indent {
	padding:0px 15px 10px 15px;
}
#BlueBox label {
	font-size: 12px;
	font-style: italic;
	color: #999;
	padding-top: 10px;
	clear:both;
	display:block;
}
#BlueBox_title {
	font-size: 16px;
	font-weight: bold;
	color:#999;
	margin:auto;
}
/*#BlueBox div { clear:both; }*/

#BlueBox_saving {
	background:url(../images/site/bluebox/saving.gif) center no-repeat;
	height:50px;
}

#BlueBox_save {
	height:26px;
	padding:0px 15px;
}
#BlueBox_save a {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/site/bluebox/buttons/save.gif) top no-repeat;
}
#BlueBox_save a:active {
	background-position:bottom;
}
#BlueBox_save a:hover {
	background-position:center;
}

#BlueBox_delete {
	float:right;
	width:115px;
	height:26px;
}

#BlueBox_delete a {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/site/bluebox/buttons/delete.gif) top no-repeat;
}
#BlueBox_delete a:hover {
	background-position:center;
}
#BlueBox_delete a:active {
	background-position:bottom;
}


#BlueBox_top {
	width:556px;
	height:8px;
	background:url(../images/site/bluebox/top.gif) no-repeat top;

}
#BlueBox_bottom {
	width:556px;
	height:8px;
	background:url(../images/site/bluebox/bottom.gif) no-repeat top;
}
#BlueBox_arrow_TL {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/tl.gif) no-repeat top;
}
#BlueBox_arrow_TR {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/tr.gif) no-repeat top;
}
#BlueBox_arrow_TC {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/tc.gif) no-repeat top;
}
#BlueBox_arrow_BL {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/bl.gif) no-repeat top;
}
#BlueBox_arrow_BR {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/br.gif) no-repeat top;
}
#BlueBox_arrow_BC {
	width:556px;
	height:15px;
	background:url(../images/site/bluebox/arrows/bc.gif) no-repeat top;
}







/*-------------------------------------------------
mini blue box
-------------------------------------------------*/

#MiniBlueBox{
	width:300px;
	margin:5px 0px;
	position:relative;
	clear:both;
	
}
#MiniBlueBox_content {
	background-color: #eef7fc;
	padding:0px 20px;
}
#MiniBlueBox_indent {
	padding:0px 10px 10px 10px;
}
#MiniBlueBox label {
	font-size: 12px;
	font-style: italic;
	color: #999;
	padding-top: 10px;
	clear:both;
	display:block;
}
#MiniBlueBox_title {
	font-size: 16px;
	font-weight: bold;
	color:#999;
	margin:auto;
}

#MiniBlueBox_saving {
	background:url(../images/site/minibluebox/saving.gif) center no-repeat;
	height:50px;
}

#MiniBlueBox_save {
	height:26px;
	padding:0px 15px;
}
#MiniBlueBox_save a {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/site/minibluebox/buttons/save.gif) top no-repeat;
}
#MiniBlueBox_save a:active {
	background-position:bottom;
}
#MiniBlueBox_save a:hover {
	background-position:center;
}

#MiniBlueBox_delete {
	float:right;
	width:115px;
	height:26px;
}

#MiniBlueBox_delete a {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/site/minibluebox/buttons/delete.gif) top no-repeat;
}
#MiniBlueBox_delete a:hover {
	background-position:center;
}
#MiniBlueBox_delete a:active {
	background-position:bottom;
}

#MiniBlueBox_top {
	width:300px;
	height:8px;
	background:url(../images/site/minibluebox/top.gif) no-repeat top;

}
#MiniBlueBox_bottom {
	width:300px;
	height:8px;
	background:url(../images/site/minibluebox/bottom.gif) no-repeat top;
}
#MiniBlueBox_arrow_TL {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/tl.gif) no-repeat top;
}
#MiniBlueBox_arrow_TR {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/tr.gif) no-repeat top;
}
#MiniBlueBox_arrow_TC {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/tc.gif) no-repeat top;
}
#MiniBlueBox_arrow_BL {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/bl.gif) no-repeat top;
}
#MiniBlueBox_arrow_BR {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/br.gif) no-repeat top;
}
#MiniBlueBox_arrow_BC {
	width:300px;
	height:15px;
	background:url(../images/site/minibluebox/arrows/bc.gif) no-repeat top;
}
















	
	
	
	




















	
	
	
	























		






/*-------------------------------------------------
form fields
-------------------------------------------------*/

.form_label {
	font-size: 12px;
	font-style: italic;
	color: #999;
	padding-top: 10px;
	clear:both;
	display:block;
}
.form_label_error {
	font-size: 12px;
	font-style: italic;
	color: #990000;
	padding-top: 10px;
	clear:both;
	display:block;
}
div.form_error {
	background:url(../images/site/forms/error_icon_white.gif) no-repeat top left;
	line-height:22px;
	font-size: 10px;
	color: #990000;
	clear:both;
	padding-left:27px;
}

.extra_large_field {
	font-size: 20px;
	color: #333333;
	padding: 5px;
	/*width: 100%;*/
	border: 1px solid #dadada;
	background:url(../images/site/forms/input_bkg.gif) repeat-x top #FFFFFF;
}

.large_field {
	font-size: 16px;
	color: #333333;
	padding: 5px;
	/*width: 100%;*/
	border: 1px solid #dadada;
	background:url(../images/site/forms/input_bkg.gif) repeat-x top #FFFFFF;
}
.text_field {
	font-size: 14px;
	color: #333333;
	/*width: 100%;*/
	height: 80px;
	padding: 5px;
	border: 1px solid #dadada;
	background:url(../images/site/forms/input_bkg.gif) repeat-x top #FFFFFF;
}
.medium_field {
	font-size: 12px;
	color: #333333;
	padding: 5px;
	/*width: 100%;
	height: 20px;*/
	border: 1px solid #dadada;
	background:url(../images/site/forms/input_bkg.gif) repeat-x top #FFFFFF;
}
.small_field {
	font-size: 12px;
	color: #333333;
	padding: 2px;
	border: 1px solid #dadada;
	background:url(../images/site/forms/input_bkg.gif) repeat-x top #FFFFFF;
	/*height: 20px;
	width: 150px;*/
}
.check_box_line {
	font-size: 12px;
	color: #999999;
	font-style: italic;
}
.options_select {
	font-size: 10px;
	color: #333333;
	/*width:210px;*/
	padding:5px;
	border: 1px solid #dadada;
}
.left {	float:left; }
.right { float:right; }
.margin_top {
	margin-top: 10px;
}


/* WIDTHS */
	.form_full_width 	{ width: 560px; }
	.form_3_quarter_width { width: 500px; }
	.form_half_width 	{ width: 280px; }
	.form_quarter_width	{ width: 140px; }
	.form_narrow_width	{ width: 80px; }































/*-------------------------------------------------
comments
-------------------------------------------------*/
div#comments {
	width:560px;
	padding-top:20px;
	clear:both;
}

div#comments .post_btn a {
	width:25px;
	height:16px;
	display:block;
	background:url(../images/comments/post_btn.gif) no-repeat top;
	float:right;
}
div#comments .post_btn a:hover { background-position:bottom; }
div#comments .post_btn a span { display:none; }


div#comments .titlebar {
	font-size:16px;
	color: #8f5b5b;
	padding:0;
	margin:0;
}

div#comments .divider_line {
	height:1px;
	background:url(../images/comments/divider_line.gif) no-repeat;
	clear:both;
	padding:0;
	margin:0;
}

div#comments .all {
	background: url(../images/comments/comments_bkg.jpg) repeat-x top;
	width: 560px;
	padding:10px 0;
	margin:0 0 20px 0;
}

div#comments .all #no_comments {
	font-size:12px;
	font-style:italic;
	color:#999999;
	text-align:center;
}
div#comments .all .comment_divider {
	width:500px;
	height:1px;
	background:url(../images/comments/comment_divider.gif);
	margin: 30px;
	clear:both;
}

div#comments .all .comment {
	margin:15px;
	width:530px;
}


div#comments .post .titlebar,
div#comments .all .comment .titlebar {
	width:530px;
	font-size: 16px;
	color: #000;
	padding:0px;
}


div#comments .all .comment .date {
	font-size: 10px;
	font-style: italic;
	color: #949494;
}



div#comments .all .comment .body {
	
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	width: 500px;
	margin: 5px 15px;
	
}


div#comments .all .comment .delete { }

div#comments .all .comment .delete a {
	width:21px;
	height:20px;
	display:block;
	background:url(../images/comments/xbtn.gif) no-repeat top;
	float:right;
}
div#comments .all .comment .delete a:hover {
	background-position:bottom;
}

div#comments .all .comment .delete span { display:none; }

div#comments .post {
	background:url(../images/comments/post_bkg.jpg) repeat-x top;
	/* actal width should be 560 but since there is padding it's less */
	width: 530px;
	padding:15px;
	height: 180px;

}

div#comments .post .post_btn {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/comments/sayit.gif) top no-repeat;
	float:right;
}

div#comments .post .post_btn span {display:none}

div#comments .post .post_btn:hover {
	background-position:center;
}
div#comments .post .post_btn:active {
	background-position:bottom;
}

div#comments .post #comments_textarea {
	font-size: 12px;
	color:#666666;
	width: 500px;
	height: 100px;
	border:#eae6e1 solid 1px;
	padding: 5px;
	margin: 5px 15px;
}

div#comments .post .signin {
	font-size:16px;
	color:#999999;
	font-style:italic;
	text-align:center;
	margin:30px;
}

div#comments .post #comments_saving {
	height:24px;
	background:url(../images/comments/spinner.gif) no-repeat center;
	margin:20px;
}















/*-------------------------------------------------
image shadow box table
-------------------------------------------------*/
table.shadowbox {
	padding:0;
	margin:0;
}

table.shadowbox th,
table.shadowbox tr,
table.shadowbox td {
	padding:0;
	margin:0;
}

table.shadowbox td.td_1 {
	width:8px;
	height:8px;
	background:url(../images/site/shadowbox/shadowbox_01.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_2 {
	height:8px;
	background:url(../images/site/shadowbox/shadowbox_02.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_3 {
	width:10px;
	height:8px;
	background:url(../images/site/shadowbox/shadowbox_03.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_4 {
	width:8px;
	background:url(../images/site/shadowbox/shadowbox_04.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_6 {
	width:10px;
	background:url(../images/site/shadowbox/shadowbox_06.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_7 {
	width:8px;
	height:10px;
	background:url(../images/site/shadowbox/shadowbox_07.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_8 {
	height:10px;
	background:url(../images/site/shadowbox/shadowbox_08.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}

table.shadowbox td.td_9 {
	width:10px;
	height:10px;
	background:url(../images/site/shadowbox/shadowbox_09.png) repeat top left;
	behavior: url(/_css/iepngfix.htc);
}



















/*-------------------------------------------------
front page (this is here since it has no css file of it's own)
-------------------------------------------------*/
div#front {
	margin:20px 0;
}

div#front div.section {
	margin-bottom:20px;
}

div.page_padding {
	margin:20px 0;
}



/*-------------------------------------------------
admin upgrade button (it's here cause it needs to be accessible on every page)
-------------------------------------------------*/

#upgrade_btn {
	width:115px;
	height:26px;
	display:block;
	background: url(../images/site/buttons/css/upgrade.gif) top no-repeat;
	margin:5px 0;
}

#upgrade_btn:active { background-position:bottom; }
#upgrade_btn:hover { background-position:center; }

#upgrade_btn span {display:none}