/* style sheet for MAIN PAGE ONLY for Community Design Group */

html {
	height: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	}
body {
	margin: 0;
	padding: 20px 0;
	font: 11px verdana, arial, sans-serif;
	}
div#container {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	}
/* begin style for top banner */
div#topbanner {
	margin: 0 0 10px 0;
	padding: 0;
	}
	
/* begin style for top navigation bar */
div#navbanner {
	margin: 0 8px 20px 0;
	padding: 0;
	background: #fc3;
	}

div#navbanner ul {
	margin: 0;
	padding: 3px 40px 0 20px;
	text-align: left;
	}
div#navbanner li {
	margin: 0;
	padding: 0 2px;
	list-style-type: none;
	display: inline;
	font-size: 1em;
	color: black;
	line-height: 1.0;
	}
div#navbanner a:link, div#navbanner a:visited {
	text-decoration: none;
	color: black;
	}
div#navbanner a:hover {
	text-decoration: underline;
	color: white;
	}
div#navbanner a:active {
	text-decoration: none;
	color: yellow;
	}
/*container for maincontent and rightcolumn divs */
div#content {
	margin: 0;
	padding: 0;
	}

/* overall right column container */
div#rightcolumn {
	float: right;
	width: 222px;
	padding: 0;
	margin: 0 8px 0 0;
	}
/* main content column - text for site goes here */
div#maincolumn {
	float: left;
	padding: 0;
	width: 525px;
	}
div#maincolumn h1 {
	font-size: 18px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #f90;
	margin: 0.2em 0.1em 0.3em 0.3em;
	}
div#maincolumn h2 {
	font-size: 14px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	color: #690;
	margin: 1.7em 0.1em 0.3em 0.6em;
	}
div#maincolumn h3 {
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: #c90;
	margin: 1.7em 0.1em 0.2em 1em;
	}
div#maincolumn a:link, div#maincolumn a:visited {
	text-decoration: none;
	color: blue;
	}
div#maincolumn a:hover {
	text-decoration: underline;
	color: #333;
	}
div#maincolumn a:active {
	text-decoration: none;
	color: yellow;
	}
/* maincolumn paragraph styles */
p {
	margin: 0 0 1.5em 1.5em;
	line-height: 1.75em;
	}
p.list {
	margin-bottom: 0;
	}
p.caption {
	font-size: 0.85em;
	text-align: right;
	line-height: 1.4;
	margin: 0 1px 10px 1px;
	}
p.spacer {
	font-size: 0.85em;
	text-align: right;
	line-height: 1em;
	margin: 0 1px 5px 1px;
	}
p.footercaption {
	font-size: 0.85em;
	text-align: center;
	line-height: 1.2;
	margin: 0 1px;
	}
ul {
	margin: 0 0 1.2em 3em;
	padding: 0;
	}
li {
	margin: 0;
	padding: 2px 2px 2px 5px;
	list-style-type: square;
	line-height: 1.7em;
	}
blockquote {
	margin-left: 20px;
	}	
	
/* container for flash slideshow */
div#flash_slides {
	margin: 0 0 15px 0;
	padding: 0;
	}

/* section and text styles for the two front columns */
div#frontcolumns {
	margin: 0;
	padding: 0;
}
div#frontcolumns h1 {
	font-size: 19px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #333;
	margin: 0.2em 0.1em 0 0.4em;
	}
	
div#frontcolumns ul {
	margin: 0 0 1.2em 0.7em;
	padding: 0;
	}
div#frontcolumns li {
	margin: 0;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
	line-height: 1.4;
	}
	
div#frontcolumns a:link, div#frontcolumns a:visited {
	text-decoration: none;
	color: white;
	}
div#frontcolumns a:hover {
	text-decoration: underline;
	color: #333;
	}
div#frontcolumns a:active {
	text-decoration: none;
	color: yellow;
	}


/* 2 column layout for main page */
div#col1 {
	width: 255px;
	float: left;
	}

div#col2 {
	width: 255px;
	float: right;
	}
	
/* right column text styles */
div#rightcolumn h1 {
	font-family: arial, verdana;
	font-size: 100%;
	margin: 0;
	padding: 0;
	color: black;
	text-align: center;
	}
div#rightcolumn h2 {
	font-family: arial, verdana;
	font-size: 100%;
	margin: 0;
	padding: 3px 0 0 3px;
	color: black;
	text-align: left;
	}
div#rightcolumn ul {
	margin: 0;
	padding: 0;
	}
div#rightcolumn li {
	margin: 0;
	padding: 2px 2px 5px 15px;
	list-style-type: none;
	font-size: 15px;
	line-height: 23px;
	}
div#rightcolumn a:link, div#rightcolumn a:visited {
	text-decoration: none;
	color: white;
	}
div#rightcolumn a:hover {
	text-decoration: underline;
	color: black;
	}
div#rightcolumn a:active {
	text-decoration: none;
	color: yellow;
	}
div#rightcolumn p {
	font-family: verdana;
	margin: 0;
	padding: 2px 2px 5px 5px;
	list-style-type: none;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	color: #333;
	}

/* COLOR BOXES */
div.orangebox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #ffa500;
	}

div.greenbox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #9c0;
	}

div.yellowbox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #fc0;
	}
	
div.bluebox {
	width: 100%;
	margin: 0 0 15px 0;
	background: #9DD4FF;
	}
	
div.facebook {
	float: right;
	}

/* footer begins here */
div#footer {
	float: right;
	clear: both;
	width: 762px;
	margin: 0 8px 10px 0;
	background: #cadb2a;
	}
div#footer p {
	margin: 0;
	padding: 0 40px 0 0;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: right;
	}
div#footer a:link, div#footer a:visited, div#footer a:active {
	text-decoration: none;
	color: white;
	}
div#footer a:hover	{
	text-decoration: underline;
	color: #f90;
	}
/* for space at bottom of page */
div#tag {
	float: right;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
	}
/* float to the right */
div#floatright {
	float: right;
	}
/* floating info panel */
div#floatingpanel {
	width: 252px;
	margin: 4px 0 3px 10px;
	border: none;
	background-color: #b3e378;
	}
div#floatingpanel h4 {
	font-size: 100%;
	font-family: verdana, sans-serif;
	font-weight: bold;
	color: black;
	margin: 0;
	padding: 0 5px 2px 6px;
	}
div#floatingpanel p {
	padding: 0 5px 0 5px;
	margin: 0 0 1em 0;
	font-size: 11px;
	color: black;
	text-align: center;
	font-style: italic;
	}
div#floatingpanel ul {
	margin: 0;
	padding: 2px 3px 2px 5px;
	}
div#floatingpanel li {
	margin: 0;
	padding: 0 5px 3px; 5px;
	list-style-type: none;
	font-size: 11px;
	line-height: 1.5em;
	color: black;
	}
div#floatingpanel a:link, div#floatingpanel a:visited {
	text-decoration: none;
	color: #222;
	}
div#floatingpanel a:hover {
	text-decoration: underline;
	color: orange;
	}
div#floatingpanel a:active {
	text-decoration: none;
	color: orange;
	}

/* floating quote box */
div.quotebox {
	width: 252px;
	margin: 10px 0 3px 10px;
	background: #fc3;
	}
div.quotebox h4 {
	font-family: arial, verdana;
	font-size: 100%;
	margin: 0 6px;
	padding: 0;
	color: black;
	}
div.quotebox ul {
	margin: 0;
	padding: 0;
	}
div.quotebox li {
	margin: 0;
	padding: 2px 5px 4px 7px;
	list-style-type: none;
	font-size: 0.97em;
	line-height: 1.2em;
	text-align: center;
	}
	
/* for captioned images - begin here */
div.capimage200 {
	width: 202px;
	margin: 8px 0 1px 10px;
	padding: 0;
	}
div.capimage250 {
	width: 252px;
	margin: 5px 0 1px 10px;
	padding: 0;
	}
div.capimage200-right {
	width: 202px;
	float: right;
	margin: 5px 0 1px 10px;
	padding: 0;
	}
.cap-image {
	margin: 0;
	border: 1px black solid;
	}
.widecap-image {
	width: 500px;
	float: right;
	border: 1px black solid;
	margin: 0 0 15px 0;
	}
/* for the small images */
div.imageleft {
	float: left;
	border: 1px black solid;	
	margin: 5px 5px 5px 10px;
	padding: 0;
	}
/* centered large (425 px) image */
div.largeimage425 {
	width: 425px;
	display: block;
	padding: 0;
	margin: 5px 0 5px 5px;
	}	
/* for recent project contact information */
div.contactbox {
	float: right;
	width: 450px;
	margin: 0 0 10px 0;
	padding: 0;
	}
/* commentbox */
div.commentbox {
	float: right;
	width: 155px;
	margin: 0 0 10px 10px;
	padding: 0;
	background: #bbb;
	}
div.commentbox ul {
	margin: 0;
	padding: 0;
	}
div.commentbox li {
	margin: 0;
	padding: 5px;
	list-style-type: none;
	font-size: 1.1em;
	font-family: courier, verdana;
	color: white;
	text-align: right;
	}
form {
	margin: 0;
	padding: 0;
	}

/* form, general */
form {
	margin: 0;
	padding: 0;
	}
form.contact_us input.field {
	font-size: 11px;
	}

/* end style sheet */