@charset "utf-8";
/* CSS Document */



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/

* { margin:0; padding:0}
img { border:none}

body { background:#2F2312 url(../images/bg_body.gif) repeat-x top center; font-color: white; font-family:Arial, Helvetica, sans-serif}

body a {color: white; font-family:Arial, Helvetica, sans-serif}



p { font-size:10px; font-weight:normal; color:#FFFFFF; line-height:1.4em}
p a:link, p a:visited { color:#FFFFFF; text-decoration:underline; line-height:1.4em}
p a:hover { color:#FFFFFF; text-decoration:underline; line-height:1.4em}

h1 { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; color: white}
h2 { font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#e3a03a}


/*
---------------------------------------------
02. wrapper
---------------------------------------------
*/

#wrapper { width:987px; margin:0 auto}

/*
---------------------------------------------
03. header
---------------------------------------------
*/

#header { width:987px; height:100px; padding-top:66px}

/*
---------------------------------------------
03.1 header - logo
---------------------------------------------
*/

.logo { float:left}

/*
---------------------------------------------
03.2 header - nav
---------------------------------------------
*/

.nav { float:right; padding-top:45px}
.nav ul { list-style:none}
.nav ul li { float:left; font-size:13px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; padding-left:15px}
.nav ul li a:link, .nav ul li a:visited { color:#FFFFFF; text-decoration:none}
.nav ul li a:hover { color:#e3a03a; text-decoration:none}
.nav ul li a.selectedPage { color:#e3a03a; text-decoration:none}


/*
---------------------------------------------
04. content
---------------------------------------------
*/

#content { width:987px; float:left;}
/* HORIZONTAL RULES */

#content hr {
	border: 1px dotted #564534;
	border-width: 1px 0 0 0;
	border-collapse: collapse;
	clear: both;
	margin: 10px 0 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	
}


/*
---------------------------------------------
05. grey box - photo styles
---------------------------------------------
*/

#greybox { width:987px; float:left}

.greybox_bordertop { width:987px; height:5px; float:left; background:url(../images/bg_greybox_bordertop.gif) no-repeat}
.greybox_bordermiddle { width:955px; float:left; background:url(../images/bg_greybox_bordermiddle.gif) repeat-y; padding:12px 16px}
.greybox_borderbottom { width:987px; height:5px; float:left; background:url(../images/bg_greybox_borderbottom.gif) no-repeat}

.leftphoto { width:651px; float:left}


#rightphotolist { width:300px; float:left; padding-left:4px}

.photolist_bordertop { width:300px; height:6px; float:left; background:url(../images/bg_rightphotolink_bordertop.gif) no-repeat}
.photolist_bordermiddle { width:288px; float:left; background:url(../images/bg_rightphotolink_bordermid.gif) repeat-y; padding:0 6px}
.photolist_borderbottom { width:300px; height:8px; float:left; background:url(../images/bg_rightphotolink_borderbot.gif) no-repeat}

.photo { width:288px; float:left}
.photo_middle { width:288px; float:left; padding-top:8px; padding-bottom:6px}



/*
---------------------------------------------
06. footer styles
---------------------------------------------
*/


#footer { width:907px; float:left; padding-left:40px; padding-right:40px; padding-bottom:40px}
#footer p { float:right; padding-top:22px; color:white}
#footer p a {color:white}

.footerlinks { width:390px; height:34px; float:left; background:url(../images/bg_footerlinks.gif) repeat-x; padding-top:10px; padding-left:14px}
.footerlinks a { float:left}
.footerlinks .divider { width:3px; height:26px; float:left; background:url(../images/divider_footerlink.png) no-repeat center; padding:0px 13px} 

#footer p .developed { padding-left:35px}


/*
---------------------------------------------
07. left panel
---------------------------------------------
*/


#leftpanel { width:693px; float:left; padding-bottom:35px}


/* OL/UL */
.maincontent ol {
	list-style: decimal;
	margin: 0px 20px 10px 40px;
	margin-left: 20px;
	float: left;
}
	.maincontent ol li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: white;
	}	
		
.maincontent ul {
	list-style: disc;
	margin: 0 20px 10px 35px;
	float: left;
}
	.maincontent ul li {
		padding: 0 0 5px 0;
		margin-left: 25px;
		color: white;
	}	
	
	/*  for blog/calendar list items to still have list bullets */	
	.blogList ul li ul, .eventsList ul li ul {margin: 15px 35px !important;}
	     .blogList ul li li, .blogList ul li ul, .eventsList ul li li, .eventsList ul li ul {list-style: square !important;}
	.blogList ol li ul, .eventsList ol li ul {margin: 15px 35px !important;}
	     .blogList ol li li, .blogList ol li ul, .eventsList ol li li, .eventsList ol li ul {list-style: decimal !important;}



#leftpanel h2 { width:683px; float:left; padding-top:25px} 
#leftpanel p { width:683px; float:left; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:14px; line-height:1.4em}





#leftpanel2 { width:945px; float:left; background-color: #b5b390; padding:35px; margin: 10px;}
#leftpanel2 span a { color: black;}

/*
---------------------------------------------
08. right panel
---------------------------------------------
*/

#rightpanel {width:200px; float:right; background:#1A0E05; padding:0 21px}
#rightpanel ul { list-style:none; padding-bottom: 19px;}
#rightpanel ul li { font-size:15px; font-weight:normal; color:#FFFFFF; text-transform: uppercase; text-align:right; border-bottom:1px solid #90908E; padding:10px 0; padding-bottom: 10px; font-family:"Tahoma", Arial, Helvetica, sans-serif}
#rightpanel ul li.bordernone { border:none}

#rightpanel ul li a { display:block; color:#FFFFFF; text-decoration:none}
#rightpanel ul li a:hover { color:#e3a03a; text-decoration:none}
#rightpanel ul li a.selectedPage { color:#e3a03a; text-decoration:none}

#belowlinkcontent { width:200px; float:right; padding-top: 2px; padding-bottom: 15px;}

/*
---------------------------------------------
08. footer styles
---------------------------------------------
*/


#innerfooter { width:370px; float:left; padding-bottom:40px; background:url(../images/bg_leftpanel_border.gif) repeat-x top left; }
#innerfooter p { float: left; padding-top:10px; color:#fff}
#innerfooter p a {color:#fff}

#innerfooter p .developed { padding-left:35px}



	

		 
		 
		 
/* PARAGRAPHS */
.contents p {
	margin: 0 0 15px 0;
}
	p[align="right"], 
	p.right {
		float: right;
		margin: 0 8px 15px;
	}	
	p[align="left"], 
	p.left {
		float: left;
		margin: 0 8px 15px;
	}



/* ELEMENT SPECIFIC CALLINGS */

/* BLOG ITEM */	
	/* blog listing page */		
	.blogList {
		padding: 0;
				
	}
		.blogList ul {
			margin: 0 !important;
			padding: 0 !important;
			list-style: none;
		}
			.blogList ul li {
				list-style: none;
			}

			.blogList ul li h2.postTitle a {
				font-size: 20px;
				color: white;
				text-decoration: none;
				margin: 0;
				
			}
				
				.blogList ul li h2.postTitle a:visited {
					font-size: 20px; 
					color: white; 
					text-decoration:none
					}

			.blogList ul li  .postInfo {
				color: #ccc;
				margin-bottom: 10px;
			}

			.blogList ul li  .postDate {
				color: #ccc;
				font-size: 11px;
			}

			.blogList ul li .postInfo a {
				color: #ccc !important;	
				font-size: 11px;			
			}



	/* post detail page */
	.post .postDate {
		margin: 0 0 15px 0;
		color: #ccc;
	}
		.post .blogBack {
			margin: 40px 0 0 0;
			font-weight: bold;
			border-top: 2px solid #ccc;
			text-align: right;
			display: block;
			width: 100%;
			padding-top: 5px;
		}





	/* blog comments */
	.comments {
		padding-top: 10px;
	}
		.comments dl {
			background: #000 !important;

		}	
			dt.comment {
				background: #000 !important;
				clear: both;
				margin: 0 0 5px 0;
				padding: 0 0 5px 0;
				border-bottom: 1px solid #000;
			}			
				dt.comment a {
					font-weight: bold;
				}			

			dd.comment {			
				background: #000 !important;
				padding: 8px;
				margin-bottom: 15px;
			}

			.commentDate {		
				font-size: .9em;
				color: #ccc;
			}



	/* comments form */
	.commentsHead {
		margin-top: -45px;
	}

	.commentsForm {
		clear: both;
		padding-top: 15px;
		width: 90%;
	}
		.commentsForm .addComment {
			font-size: 1.5em;
		}

		.commentsForm label {
			font-weight: bold;
		}

		.commentsForm input, .commentsForm textarea {
			padding: 2px 4px;
			font-size: 1em;
		}

		.commentsForm img { /* this is for the captcha image */
			 margin: 5px 0;
			 border: 1px solid #ccc;
		}

		.commentsForm input.submitComment {
			 margin: 10px 0;
			 background: #3C3C3C;
			 border: 1px solid #000;
			 padding: 5px 3px;
			 width: 210px;
			 color: #fff;
			 font-weight: bold;
			 text-transform: uppercase;
		}

		.commentsForm .note {
			color: #ccc;
		}







/* GRAPHIC TABULAR EVENTS CALENDAR */
	.eventsCalendar table { /* entire table */
		border: 1px solid #333;
		width: 100%;
		border-collapse: collapse;
	}		
		.calendarDay, .calendarToday, .calendarDayHeader, .calendarTitle td, .calendarWeekendDay, .calendarOtherMonthDay   {
			padding: 2px;
			border: 1px solid #333;
			text-align: left;
			vertical-align: top;
		}

		.calendarTitle td { /* top bar with current month and next/previous buttons */
			text-align: center;
			background: #72624c !important;
			color: #FFF;
			padding: 5px 4px !important;	
			text-transform: uppercase !important;
			font-weight: bold !important;	
		}	
			.calendarNextPrevious {
				color: #fff !important;
				font-weight: normal;
			}	
				.calendarNextPrevious a {
					color: #fff !important;
					font-weight: normal;
				}	

		.calendarDayHeader { /* m-f bar */
			color: #ebe0d1;
			background: #524432;
			font-weight: normal;
			height: 1px;
			text-align: center;
			padding: 4px 2px;
			text-transform: uppercase !important;
			font-size: .9em;
		}	

		.calendarToday, .calendarToday a { /* current day */
			color: #333 !important;
			background: #cdc2b4;
			font-weight: bold;
		}	
		.calendarWeekendDay { /* weekends */
			background: #a79884;
			color: #333 !important;
		}	
		.calendarDay { 
			background: #a79884;
			color: #333 !important;
		}	
			.calendarDay a { 
				font-weight: bold;
				color: #4a3c2a !important;
			}		
		.calendarOtherMonthDay { /* previous or next months days on current months calendar */
			color: #333;
			background: #f6efe6;
		}



	.eventsList {
		padding: 0;	
		padding-top: 10px;	
	}
		.eventsList ul {
			margin: 0 !important;
			padding-right: 10px !important;
			list-style: none;
		}
			.eventsList ul li {
				list-style: none;
				padding: 0 0 5px 0;
				margin-bottom: 5px;
				font-color: white;
			}

			.eventsList ul li a {
				font-size: 20px;
				color: white;
				text-decoration: none;
			}
			
			.eventsList ul li a:visited {
				font-size: 20px;
				color: white;
				text-decoration: none;
			}
			

			.eventsList ul li .eventDate {
				margin: 0 0 5px 0;
				color: #ccc;
				font-size: 11px;
			}		


	/* calendar detail page */
		.event .eventDate {
			margin: 0 0 15px 0;
			color: #ccc;
		}
		.event .eventBack {
			margin: 10px 0;
			font-weight: bold;
			border-top: 2px solid #ccc;
			padding-top: 5px;
		}



		/* ICEBRRG */

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



   		.formHeader { margin: 0; }

		.formTitle {margin-left: 9px;}
	 	.formDescription {margin-left: 9px; padding-bottom: 20px; }

		.fieldItemEven { }
		.fieldItemOdd { }
		
			.fieldSelected { /* background color of a selected field. */
				background: transparent !important;
				border-color: #000 !important;
			}
			
			.fieldItem .fieldTitle { padding: 0 0 0.1em; display: block; font-size: 1em; font-weight: bold; color: white; padding-top: 5px;}





		/* FIXING POPUP CONFIRMATION COLORS */
			.confirmation-content-message, 
			.confirmation-content-message * { 
				color: #000 !important;
			}