/* The Alford Group Screen Stylesheet v1.0 (c) Copyright 2008 Brian M. Worrall, bworrall@alford.com */

/* 'body' is the wrapper (primary page background) and controls the overall text (Background Color = Dark Green, Text color = Black, Font = Sans-Serif) */
/* Original font-family: sans-serif; */

		body {
			background: #003333;
			text-align: center;
			font-family: arial, sans-serif;
			font-size: small;
			color: #000000;
		}

/* 'a' controls the look of hyperlink text (color = Light Green) */

		a {
			color: #669933;
			text-decoration: none;
		}

/* 'h1' controls the look of 'Page Title' header text (color = Orange) - Orignal font-size: 1.5em; */
		
		h1 {
			font-weight: bold;
			font-size: small;
			font-family: 'garamond',times, serif;
			color: #cc6600;
			padding-left: 0px;
		}


/* 'h2' controls the look of 'Service Title' header text (color = Orange) - Orignal font-size: 1.5em; */
		
		h2 {
			font-weight: normal;
			font-size: medium;
			color: #cc6600;
			padding-left: 0px;
		}

/* 'div.container' is the core appearing within the wrapper (primary page background) */

		div.container {
			width: 800px;
			height: auto;
			background: #ffffff;
			margin-left: auto;
			margin-right: auto;
			text-align: left;
		}

/* 'div.header' is the wrapper (primary page) header and includes The Alford Group Logo */

		div.header {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			height: 50px;
			background: #003333;
		}

/* 'div.header span' is for text that appears in wrapper (primary page) header */

		div.header span {
			position: relative;
			left: 25px;
			top: 30px;
			font-family: arial, sans-serif;
			font-size: x-large;
			color: #ffffff;
		}

/* 'div.menu' is the area for the menu to bar appear below the wrapper header */
		
		div.menu {
			width: 100%;
			height: 20px;
			padding: 0px;
			background: #a2c058;
			margin-top: 3px;
			overflow: hidden;
		}

/* 'span.home' is for text that appears in 'Home' section of the menu bar */

		span.home {			
			background: #139ea7;	
			border-right: 1px SOLID #fff;
			padding-top: 3px;
			padding-bottom: 2px;
			padding-left: 15px;
			padding-right: 15px;
			color: #ffffff;
			font-size: 9pt;
			font-family: sans-serif;
			font-variant: small-caps;
		}

/* 'span.home' is for hover text that appears in wrapper (primary page) header */
		span.home a, span.home a:hover {
			color: #ffffff;
			font-size: 9pt;
			font-family: sans-serif;
			font-variant: small-caps;
			text-decoration: none;
		}

/* 'span.alt' is for hover text that appears in wrapper (primary page) header */
		
		span.alt {
			background: #a2c058;
			border-right: 1px SOLID #ffffff;
			padding-top: 3px;
			padding-bottom: 2px;
			padding-left: 15px;
			padding-right: 15px;
			color: #ffffff;
			font-size: 9pt;
			font-family: sans-serif;
			font-variant: small-caps;
		}
		
/* 'span.alt a, span.home' is for hover text that appears in wrapper (primary page) header */

		span.alt a, span.home a:hover {
			color: #ffffff;
			font-size: 9pt;
			font-family: sans-serif;
			font-variant: small-caps;
			text-decoration: none;
		}

/* 'span.search' is for the search bar */
		
		span.search {
			background: #fec529;
			padding-top: 0px;
			padding-bottom: 1px;
			padding-left: 15px;
			padding-right: 15px;
			color: #fff;
			font-size: 9pt;
			font-family: sans-serif;
			font-variant: small-caps;
			float: right;
			height: auto;
			width: 200px;
			border-left: 1px SOLID #fff;
			overflow: hidden;
		}

/* 'div.post_info' is for hover text that appears in wrapper (primary page) header */

		div.post_info {
			
			/* the comment/cms style info bar */

			width: 500px;
			border-top: 1px SOLID #f3f3f3;
			border-bottom: 1px SOLID #f3f3f3;
			background: #fafafa;
			font-size: 10px;
			color: #444;
			padding: 5px;
		}

		div.post_info a {
			font-size: 11px;
			color: #a2c058;
			font-weight: bold;
			text-decoration: none;
		}

/* 'div.main_nav' is for the right hover text that appears in wrapper (primary page) header margin-left: 10px; */

		div.main_nav {
			width:150px;
			margin-right: 20px;
			float: right;
			height: auto;
		}

		div.sub_menu {
			margin-right: auto;
			margin-top: 15px;
			font-size: 12px;
			width: auto;
		}

		div.sub_menu div {
			background: #a2c058;
			padding: 5px;
			color: #fff;
			width: auto;
			font-variant: small-caps;
		}

		div.sub_menu a {
			background: #fff;
			color: #666;
			text-decoration: none;
			line-height: 1.25em;
			display: block;
			padding: 1.25ex 0.5em 1.25ex 0.75em;
		}

		div.sub_menu a:hover {
			background: #f9f9f9;
			color: #666;
			text-decoration: none;
			line-height: 1.25em;
			display: block;
			padding: 1.25ex 0.5em 1.25ex 0.75em;
		}

/* 'div.content' is for text that appears in the primary window */

		div.content {
			width: 550px;
			min-height: 550px;
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: 20px;
		}


		form,input[type="text"] {
			padding: 0px;
			border-right: #CFE0F1 2px solid ;
			border-bottom: #CFE0F1 2px solid ;
			border-left: #003300 2px solid ;
			border-top: #003300 2px solid;
			margin: 0px;
		}


		.HtmlButton
		{
			BORDER-LEFT: #CCFF99 2px solid;
			BORDER-TOP: #CCFF99 2px solid;
			BORDER-RIGHT: #003300 2px solid;
			BORDER-BOTTOM: #003300 2px solid;
			FONT-WEIGHT: bold;
			FONT-SIZE: 8pt;
			CURSOR: hand;
			COLOR: #ffffff;
			FONT-STYLE: normal;
			FONT-FAMILY: arial, sans-serif; 
			HEIGHT: 21px;
			BACKGROUND-COLOR: #669933;
			FONT-VARIANT: normal
		}

		.button {
			background: #669933;
			color: #fff;
			border: 0px;
			padding: 0px;
		}
		
		div.footer {
			width: auto;
			margin-left: auto;
			margin-right: auto;
			height: 50px;   /* Height of the footer */
			background: #003333;
			text-align: center;
			font-family: arial, sans-serif;
			font-size: small;
			color: #ffffff;
			padding-top: 10px;
		}

/* 'div.applycontent' is for the AGES Apply Online form */

		div.applycontent {
			width: 550px;
			min-height: 1600px;
			margin-top: 20px;
			margin-left: 20px;
			margin-bottom: 20px;
		}

/* 'CTtitle' controls the look of 'Page Title' header text on Forms */
		
		td.CTtitle {
			align: center;
			font-weight: bold;
			font-size: small;
			font-family: arial, sans-serif;
			color: #ffffff;
			background:#003333;
		}

/* 'CTsubtitle' controls the look of 'Page Sub-Title' header text on Forms */
		
		tr.CTsubtitle {
			font-weight: bold;
			font-size: small;
			font-family: arial, sans-serif;
			color: #CC6600;
		}

.GrabberTitle {
	font-size: x-small;
	color: #CC6600;
	font-family: times, serif;
	font-style: normal;
}

.ServiceTitle {
	color: #cc6600;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: small;
	padding-left: 24px;
}

.BodyCaption {
	font-family: times, serif;
	font-size: medium;
	font-style: italic;
	line-height: normal;
	font-weight: normal;
	color: #669933;
	text-align: center;
	vertical-align: text-top;
	float: right;
	width: 134px;
	margin-top: 6px;
	margin-bottom: 12px;
	margin-left: 6px;
	padding-right: 2px;
	padding-left: 2px;
}

.BodyCopy p {
	font-family: arial, sans-serif;
	font-size: x-small;
	color: #000000;
}

.ClientPhoto img {
	float: right;
	width: 134px;
	margin-bottom: 0px;
	padding-left: 6px;
	position: relative;
	margin-top: 8px;
	margin-left: 6px;
}

.ClientQuote {
	font-family: arial, san-serif;
	font-size: 10pt;
	font-style: italic;
	font-weight: normal;
	color: #669933;
	align: center;
}

.ClientQuoteAuthor {
	font-family: arial, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #669933;
	align: center;
}