/* 

blue: #00b6dd
tan: #fffff9
brown: #54301a
green: #008852 

*/

/* RESET */
*									{margin: 0; padding: 0; outline: 0; text-decoration: none;}

html, body, form					{height: 100%; background: #fffbee url(images/bodybg.jpg) top center repeat-x;}


:focus 								{outline: 0;}	
a img 								{border: 0;}

/* tables */
table 								{border-collapse: collapse; border-spacing: 0;}
caption, th, td		 				{text-align: left;}

/* lists */
ul  								{list-style: disc inside;}
ol 	 								{list-style: decimal inside;}

/* Alignment */
.alignleft							{float: left; padding: 0 5px 10px 0;}
.alignright							{float: right; padding: 0 0 10px 5px;}
.clear								{clear: both; height: 1px; margin: 0; padding: 0;}
.clearfloat							{clear: both; height: 1px; margin: 0; padding: 0;}
.hide 								{display: none;}
.show 								{display: block;}
.alignleft img						{border: none; padding: 10px;}
.alignright	img						{border: none; padding: 10px;}


/* headers/links */
h1, h2, h3, h4, h5, h6 				{font-family: Georgia; color: #22205f; line-height: 100%;}
h1 									{font-size: 40px; padding: 0 0 10px 0; font-weight: 100;}
h2 									{font-size: 34px; padding: 0 0 10px 0; font-weight: 100;}
h3 									{font-size: 26px; padding: 0 0 10px 0; font-weight: 100;}
h4 									{font-size: 20px; padding: 0 0 10px 0; font-weight: 100;}
h5 									{font-size: 18px; padding: 0 0 10px 0; font-weight: 100;}
h6 									{font-size: 16px; padding: 0 0 10px 0; font-weight: 100;}
h1 a, h1 a:link, h1 a:visited 		{font-size: 40px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h2 a, h2 a:link, h2 a:visited 		{font-size: 34px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h3 a, h3 a:link, h3 a:visited 		{font-size: 26px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h4 a, h4 a:link, h4 a:visited 		{font-size: 20px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h5 a, h5 a:link, h5 a:visited 		{font-size: 18px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h6 a, h6 a:link, h6 a:visited		{font-size: 16px; padding: 0 0 10px 0; font-weight: 100; color: #00b6de;}
h1 a, h1 a:hover, 
h2 a, h2 a:hover, 
h3 a, h3 a:hover, 
h4 a, h4 a:hover, 
h5 a, h5 a:hover, 
h6 a, h6 a:hover					{color: #22205f;}


/* standard links */
a, a:visited						{color: #00b6de;}
a:hover								{color: #22205f;}





/* LAYOUT CSS */

#pagewrap 									{width: 960px; margin: 0 auto; overflow: hidden;}
#header										{width: 100%;}
#imagerotator								{width: 954px; height: 380px; overflow: hidden; border-bottom: 3px solid #22205f; border-right: 3px solid #22205f; border-left: 3px solid #22205f;}
#content									{width: 100%;}
#content p 									{padding: 0 0 20px 0;}
#content ul									{padding: 0 0 20px 0;}

#homecolumns								{font-family: Georgia; font-size: 15px; line-height: 1.5em; color: #333;}
#homecolumns #topcontent					{width: 100%; border-bottom: 3px solid #b9b9b9; padding: 20px 0 0 0; font-style: italic; font-size: 18px; color: #666;}
#homecolumns #col1							{width: 470px; padding: 10px 10px 10px 0; float: left; text-align: center; border-right: 3px dashed #eee;}
#homecolumns #col2							{width: 467px; padding: 10px 0 0 7px; float: left; text-align: center;}


#insidecolumns								{font-family: Georgia; font-size: 15px; line-height: 1.5em; color: #333;}
#insidecolumns #topcontent					{width: 100%; padding: 20px 0 0 0; color: #666;}
#insidecolumns #col1						{width: 670px; padding: 10px 10px 10px 0; float: left;}
#insidecolumns #col2						{width: 270px; padding: 10px 0 0 10px; float: left;}


#onecolumns									{font-family: Georgia; font-size: 15px; line-height: 1.5em; color: #333;}
#onecolumns #topcontent						{width: 100%; padding: 20px 0 0 0; color: #666;}
#onecolumns #col1							{display: none;}
#onecolumns #col2							{display: none;}






#footer    									{font-family: Georgia; font-size: 10px; line-height: 1.5em; color: #999; border-top: 3px solid #b9b9b9; padding: 10px 0;}


/* MAINMENU */
#menu										{position:relative; height: 40px; padding: 10px 0; text-align: right; border-bottom: 3px solid #22205f;}
#menu ul,							
#menu ul li									{margin: 0 3px; list-style: none; display: inline; float: right; display: block;}
#menu ul li a								{color: #333333; font: italic 18px Georgia; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
											padding: 5px; line-height: 30px;}
#menu ul li a:hover,
#menu ul li a.selectedPage 					{color: #ffffff; background: #22205f; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
/* NAV DROP DOWN */
#menu ul li ul 								{position: absolute; display: none;}
#menu ul li ul li 							{float: none; display:block;}
#menu ul li ul li a,
#menu ul li ul li a:visited					{padding:5px; line-height: 20px; color:#fffff9; background: #333; font-size:14px; font-weight:100;
											text-decoration:none; clear:both; display: block; -moz-border-radius: 0; -webkit-border-radius: 0;}
#menu ul li ul li a:hover					{color:#00b6dd; background: #333;}










/* THESE STYLES WILL SHOW UP IN THE CMS TEXT EDITOR */
	/* <textEditor> */		
		.block						{display: block; background: #eee url(images/blockbg.png) top center repeat-x; 
									padding: 20px; border: 1px solid #eee;}
		.green						{color: #008752;}
		.blue						{color: #00b6de;}
		.brown						{color: #543019;}
		.red						{color: red;}
		.alignleft					{}
		.alignright					{}
		.clear						{}
		.clearfloat					{}
		.hide 						{}
		.show 						{}
	/* </textEditor> */
.button:hover						{background: #00b6de; color: white;}
.block img 							{margin: 0 30px 0 0; border: 8px solid #eee;}
.block h3 							{font-size: 30px; font-family: helvetica; text-transform: lowercase; 
									color: #00b6de; padding: 10px 0 20px 0; font-weight: 100;}







/* BLOG SYSTEM */	
/* 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 		{font-weight: normal !important;}
		
.blogList ul li  .postDate 			{margin: 0 0 10px 0;}
			
/* rss icon */
.rss img 							{border: none; display: none;}
			
			
/* post detail page */
#secPage .post h2 					{margin: 0 0 10px 0;}
#secPage .post .postDate 			{margin: 0 0 10px 0; font-size: 12px;}
#secPage .post .blogBack 			{margin: 10px 0; font-weight: bold;}

.blog .comments 							{ font-size: .9em }
.blog .comments .commentsHead				{ font-weight: bold; margin: 35px 0 15px 0; }
.blog .comment_tile 						{ margin-bottom: 25px; background: url('images/comment_tile.jpg') 0 0 repeat-y; }
.blog .comment_top 							{ background: url('images/comment_top.jpg') 0 0 no-repeat; }
.blog .comment_bottom 						{ padding: 15px 15px 15px 15px; background: url('images/comment_bottom.jpg') 0 bottom no-repeat; }
.blog .comment_bottom dt,
.blog .comment_bottom dd					{ padding: 0 !important; border: 0 !important; background-color: transparent !important; }
.blog .comment_bottom dt					{ display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 15px; }
.blog .comment_bottom .commentDate			{ color: #222; font-style: normal; }
.blog .blogBack	a							{ color: #fffff9; font: italic 18px Georgia; background: #00b6dd; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px; line-height: 30px; }
.blog .addComment 							{ font-weight: bold; }
.blog .comment_bottom input					{ height: 25px; }
.blog input.submitComment					{ width: auto !important; }

		
.commentDate 						{color: #999 !important; font-size: 12px;}
	
	
/* comments form */
.commentsForm 						{clear: both; padding-top: 15px; width: 80%;}
.commentsForm label 				{font-weight: bold; font-size: 14px; font-family: Helvetica; padding: 3px 10px 0 0; width: 200px;}
	
.commentsForm input, 
.commentsForm textarea 				{border: 1px solid #eee; padding: 5px; font-size: 20px; width: 200px; color: #999; background: #fffff9;}
	
/* this is for the captcha image */
.commentsForm img 					{margin: 5px 0;  border: 1px solid #999;}

.commentsForm input.submitComment	{border: 1px solid #ccc; background: #00b6de; padding: 3px 8px; -moz-border-radius: 5px; 
									-webkit-border-radius: 5px; color: #272727; font-size: 16px; margin: 5px 0;}
.commentsForm input.submitComment:hover	{border: 1px solid #ccc; background: #eee;}
.commentsForm .note 				{font-size: .9em; color: #999; display: none;}

.commentsForm .addComment 			{font-size: 18px; clear: both;}
.commentsForm span 					{font-weight: bold; color: #777; font-size: 13px;}




/* LINKS AND FILES ELEMENT */
/* with this you can change the icon */
.linksModule ul 					{list-style-image: url(template/icon_external.gif) !important;}	
.linksModule .fileSize 				{color: #999; font-size: .9em;}


/* SEARCH FORM */
div.search label 					{font-weight: bold;}	
div.search .searchInput 			{border: 1px solid #838383; padding: 5px; font-size: 20px; width: 150px; color: #999;}	
div.search .searchButton 			{border: 1px solid #ccc; background: #eee; padding: 3px 8px; -moz-border-radius: 5px; 
									-webkit-border-radius: 5px; color: #272727; font-size: 16px; margin: 5px 0;}





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

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

/* m-f bar */
.calendarDayHeader 					{color: #333; background: #DADADA; font-weight: normal; height: 1px; text-align: center; padding: 4px 2px; 
									text-transform: uppercase !important;	font-size: .9em;}	
/* current day */
.calendarToday, .calendarToday a 	{color: #333 !important; background: #DADADA; font-weight: bold;}	
/* weekends */
.calendarWeekendDay					{background: #fff;}		
/* previous or next months days on current months calendar */
.calendarOtherMonthDay 				{color: #333; background: #efefef;}
		
				
/* calendar detail page */	
#secPage .event h2 					{margin: 0 0 10px 0;}
#secPage .event .eventDate 			{margin: 0 0 10px 0; color: #999;}
#secPage .event .eventBack 			{margin: 10px 0; font-weight: bold;}
			


/* ICEBRRG */
.form_container 					{margin: 0;}
.form_container .title 				{font-weight: bold; display: block; color: #777; font-size: 13px; }
.form_container .textField 			{padding: 4px 6px; font-size: 18px; border: 1px solid #bbb !important; background: #fff !important; color: #000;
									margin: 5px 0 10px; font-family: helvetica, arial, sans-serif; background: #fff;}
.form_container .fieldNote 			{margin: 0 0 0 10px;}
.form_container .submitButton 		{background: url(images/b-submit.gif) 0 0 no-repeat !important; width: 78px; height: 32px; 
									font-size: .01em !important; color: #fff; border: none !important; margin: 10px 0 5px;}
/* background color of a selected field. */
.fieldSelected 						{background: transparent !important; border-color: transparent !important;}