/*
Rasmuson Styles

Total Site Size
	Width - 930px Fixed
	Height - 600px Minimum

Fonts
	Arial
	Georgia

Colors
	Default font - #333333
	Emphasized font - #000000
	Hyperlinks - #993300
	Top headers - #336699
	Sub-elements - #666633
	Left Column Headers - #666633

The header will cover it's entire upper area white. Everything below it shows through to the background which is tiled and varies per section.
*/

/* Tag based global styles */
body {
	margin: 0;
	font: 9pt arial, helvetica, sans-serif;
	color: #333333;
	text-align: center;
	line-height: 1.3em;
}

a {
	color: #993300;
	font: 9pt arial, helvetica, sans-serif;
	text-decoration: underline;
	line-height: 1.3em;
}

table {
	font: 9pt arial, helvetica, sans-serif;
	line-height: 1.3em;
}


h1 {
	color: #336699;
	font-family: Georgia, serif;
	font-size: 13pt;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0.5em 0;
}

h2, .month_details_header {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	text-decoration: none;
	color: #666633;
	line-height: 20pt;
}

/* H3 tags are mainly used in the sidebar. They are overridden on the homepage. */
h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}

/* H4 tags replace all of the original subtitles of the site. They are generally used in the SiteEditor. */
h4, .subtitle, .subTitle {
	margin: 0.5em 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	color: #336699;
}

/* This is a smaller subsection title. It is used in the same places as H4, but has a smaller impact
on the page and is in a sans-serif font. */
h5 {
	margin: 0.5em 0;
	padding: 0;
	font-family: arial, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
}

h6 {

}

ul
{
    margin-left:3em;
}

/* @group Exposed Classes */

	/* @group Assistant classes */

		.clear {
			display: block;
			clear: both !important;
		}

	/* @end */

	/* @group Site-Specific Exposed Classes */

		.section {
			padding: 13px;
			background-color: white;
		}

		.clickableRow, .MouseOverEmailRow {
			cursor: pointer;
		}

		.tblPrintButtons {
			position: absolute;
			top: 5px;
			left: 5px;
		}

		.tblPrintButtons .print {
			display: block;
			height: 34px;
			width: 30px;
			background: transparent url('/_images/Buttons/PagePrint.gif') top center no-repeat;
		}

		.tblPrintButtons .print:hover {
			background-image: url('/_images/Buttons/PagePrintHover.gif');
		}

		.tblPrintButtons .close, .pageClose {
			display: block;
			height: 34px;
			width: 34px;
			background: transparent url('/_images/Buttons/PageClose.gif') top center no-repeat;
		}

		.tblPrintButtons .close:hover, .pageClose:hover {
			background-image: url('/_images/Buttons/PageCloseHover.gif');
		}

	/* @end */

	/* @group Windows */

		.box_header, .box_header_NO_SLOPE, .box_header_NO_SLOPE_RIGHTSIDETEXT, .box_header_rightalign {
			height: 22px;
			padding: 5px;
			border-bottom: 1px dotted #336699;
			font-family: Georgia, serif;
			font-size: 13px;
			color: #666633;
			text-transform: uppercase;
			vertical-align: middle;
			white-space: nowrap;
		}


	/* @end */

	/* @group Buttons */

		.plusSign, .leftArrow, .rightArrow, .smile, .button {
			background-repeat: no-repeat;
			background-position: center left;
			padding-left: 1.5em;
			white-space: nowrap;
			font-size: 7pt;
			cursor: pointer;
		}

		.plusSign:hover, .leftArrow:hover, .rightArrow:hover, .smile:hover, .button:hover {
			color: #336699;
		}

		.buttonModRight {
			background-position: center right;
			padding-left: 0;
			padding-right: 1.5em;
		}

		.plusSign {
			background-image: url('/_images/Buttons/plusSign.gif');
		}
		.plusSign:hover {
			background-image: url('/_images/Buttons/plusSignHover.gif');
		}

		.leftArrow {
			background-image: url('/_images/Buttons/leftArrow.gif');
		}
		.leftArrow:hover {
			background-image: url('/_images/Buttons/leftArrowHover.gif');
		}

		.rightArrow {
			background-image: url('/_images/Buttons/rightArrow.gif');
		}
		.rightArrow:hover {
			background-image: url('/_images/Buttons/rightArrowHover.gif');
		}

		.smile {
			background-image: url('/_images/Buttons/smile.gif');
		}
		.smile:hover {
			background-image: url('/_images/Buttons/smileHover.gif');
		}

		.txtHeaderDelete {
		    float: right;
		    margin-right: 5px;
			padding: 3px 3px 3px 23px;
			background: white url('/_images/Buttons/Delete.gif') no-repeat 3px center;
			font-family: arial, helvetica, sans-serif;
			font-size: 12pt;
			text-decoration: none;
			text-transform: capitalize;
		}

		.txtHeaderDelete:hover {
			background-image: url('/_images/Buttons/DeleteHover.gif');
			color: #336699;
		}

		.txtHeaderSave {
			float: right;
			padding: 3px 3px 3px 23px;
			background: white url('/_images/Buttons/Save.gif') no-repeat 3px center;
			font-family: arial, helvetica, sans-serif;
			font-size: 12pt;
			text-decoration: none;
			text-transform: capitalize;
		}

		.txtHeaderSave:hover {
			background-image: url('/_images/Buttons/SaveHover.gif');
			color: #336699;
		}

	/* @end */

	/* @group Tab Bars */

		.tablinks {
			position: relative;
			left: 1px;
			z-index: 10;
			list-style: none;
			padding: 0;
			margin: 0;
			background-color: transparent;

		}

		.tablinks li {
			float: left;
		}

		.tablinks li.selected {
			background-color: white;
		}

		.tablinks li.selected a {
			color: #993300;
		}

		.tablinks a {
			display: block;
			padding: 5px 7px;
			color: white;
			font-size: 12pt;
			text-transform: uppercase;
			text-decoration: none;
		}

		.MainTabBody {
			width: 100%;
			display: none;
			visibility: visible !important;
			border: 1px solid black;
			background-color: white;
			margin-top: -1px;
		    padding-left: 5px;
			padding-top: 5px;
		}

		.MainTabBody.selected {
			display: block;
		}

	/* @end */

/* @end */


/* Other structural and ID/Class-based styles */

/* @group Header Items */

	#header {
		background-color: white;
	}

	#headerContent {
		height: 100px;
		background-image: url('/_images/headerLogo.jpg');
		background-repeat: no-repeat;
		background-position: top right;
		background-color: white;
	}

	body.small #header {
		width: 100%;
		border-bottom: 1px solid #336699;
	}

	body.small #headerContent {
		height: 60px;
		width: 100%;
	}

	#headerContent a.logo {
		float: right;
		display: block;
		width: 362px;
		height: 50px;
	}

	#headerContent img.logo {
		position: absolute;
		top: 0;
		right: 0;
		display: none;
	}

	#headerContent, #content, #footer {
		width: 927px; 
		margin: auto;
		text-align: left;
	}

	#content {
		position: relative;
	}

	#mainArea {
		padding: 0px 10px 10px 10px;
		background-color: white;
	}
	#mainArea headerimg {
		padding: 200px;
	}

	#sidebar {
		float: right;
		width: 257px;
		overflow: hidden;
		padding: 10px;
		background-color: white;
	}

	#menu {
		height: 40px;
	}

	#adminMessage {
		height: 25px;
		margin-left: 13px;
	}

/* @end */

/* @group Header Action Items */

	#info div {
		float: right;
		height: 35px;
		text-transform: uppercase;
	}

	#info .quote {
		width: 452px;
		color: #336699;
		font-size: 1.2em;
		background: transparent url('/_images/headerBars.jpg') no-repeat bottom center;
		opacity: 0.7;
	}

	#info div.actions {
		width: 277px;
		padding: 0;
		color: #993300;
		white-space: nowrap;
		font-size: 7pt;
		overflow: hidden;
	}

	#info div.actions form  {
		float: left;
		margin: 0;
		margin-top: 14px;
		border-left: none;
		overflow: hidden;
		background-color: white;
	}

	#headerSearchText {
		padding: 0 3px;
		color: #c56023;
	}

	#headerSearchText.hover {
		color: #336699;
	}

	#search {
		width: 70%;
		border: 1px solid #D0DAC1;
		padding: 1px 0;
	}
	html > body #info div.actions form {
		margin-top: 15px;
	}

	#info .actions #headerSearchIcon {
		padding: 0;
		background: none;
		border: none;
		cursor: pointer;
		vertical-align: bottom;
	}

	* html #info .actions #headerSearchIcon {
		margin-left: 2px;
	}

	#info .actions #headerSearchIcon img {
		border: none;
	}

	#info div.actions a {
		float: right;
		height: 35px;
		border-left: 1px dotted #336699;
	}

	#info div.actions a img {
		border: none;
		margin: 0 3px;
	}

	#info div.actions a.rss img {
		margin-right: 0;
	}

	/* @end */

/* @end */

/* @group Sidebar Rules & Overrides */

	#sidebar {

	}

	#sidebar .section {
		margin-bottom: 0.5em;
		padding: 0;
		padding-bottom: 0.5em;
		border-bottom: 1px dotted #336699;
	}

	#sidebar ul {
		margin: 0.5em 0 0.5em 2em;
		padding: 0;
	}

/* @end */

/* @group Content-Specific Overrides */

	body.small {
		background-image: none;
	}

	#breadCrumbs {
		margin-bottom: 1em;
	}

	body.sidebar #mainArea {
		float: left;
		overflow: hidden;
		width: 570px;
	}

	#content.editor #mainArea {
		background-color: transparent;
	}

	#content.editor #divHeaver_Navigation, #content.admin #divHeaver_Navigation {
		background-color: white;
		margin-bottom: 1em;
	}

	#content.editor input, #content.editor select, #content.editor textarea, #content.editor button, #content.editor label {
		font-size: 0.9em;
	}

/* @end */

/* @group Footer Items */

	#footer {
		clear: both;
		margin-top: 10px;
		font-size: 8pt;
	}

	#footer ul {
		clear: both;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#footer li {
		float: left;
		margin: 0 7px;
		color: white;
		list-style-type: none;
	}

	#footer a {
		color: white;
		text-decoration: none;
		font-size: 8pt;
	}

	#footer span {
		color: black;
	}

/* @end */

#respond
{
    font-size:18px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#recentcomments {
       margin-left: 2.5em;
}

img.alignright {
	margin-left: 15px;
}

img.alignleft {
	margin-right: 15px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}