/*************************************/

/* AUTHOR - Holly Fortenberry */
/* http://www.hollyfortenberry.com */
/* http://www.canalcitytexas.com */

/*************************************/


/* css screen - canalcitytexas.com */
/* last modified - 29 September 2009 */
		

/****************************/

			/* global */

/****************************/

*
	{
	margin: 0;
	padding: 0;
	}
	
html, body
	{
	background: #ceccbf;
	background: #fff;
	background: #f3edd5; /* creme */
	background: #999477;
	background: #8ab3c9;
	height: 100%;
	width: 100%;
	}

/******************************/
		
		/* Structure IDs */

/******************************/


/*@Willem - If you have a scroll then the content in your footer is too big and poking out somewhere. Hide the overflow to see if that fixes it.

#footer {overflow:hidden}

@Shauna, recheck your styles. Something in there is interfering with your footer and forcing the scroll bar.

your footer is supposed to be 50px high but somewhere else in there you also call it 24px high, inside programm.css. Also check margins on your paragraphs in the footer. if your content pushes the footer height to be slightly bigger than intended footer dimensions then you get the scroll bar. I often make my footer taller than it needs to be to allow for wiggle room in the content.

The html and body elements are set to 100%. However browsers apply default margin/padding to html/body so unless you set them to zero you get:

100% + 1 or 2 em padding = bigger than 100%

You also have to take care with the first and last elements on your page because the default margin may collapse on the top or extend through the bottom. Setting a padding top and bottom on inner elements will keep the margin inside the container.*/



#wrapper
	{
	background: #999477;
	background: #8ab3c9 url(../images/cctbigribbon2.png) no-repeat;
	min-height: 100%;
	margin: 0 auto;
	width: 100%;	
	font-family: "Trebuchet", "Arial", sans-serif !important;
	clear: both;
	padding-bottom: 4em;
	}


#header
	{
	height: 5em;
	background: #f9f6f1 url(../images/cctbigribbon.png) no-repeat;
	border-bottom: 3px solid #4682b4;
	width: 100%;
	}
		
		
img[src="http://www.canalcitytexas.com/images/ccsignreg2.jpg"]
	{
	border: none;
	padding-top: 1.5em;
	margin-left: 42em;
	position: relative;
	z-index: 5;
	padding: 1.55em 1em 0 1em;
	}	

#menuwrap
	{
	width: 62em;
	margin: 0 auto;
	/*margin-top: 200px;*/
	}


#mainmenu
	{
	/*background: #f9f6f1;*/
	height: 25px;
	margin: 0 auto;
	position: absolute;
	padding-top: 1.5em;
	margin-left: 6em;
	width: 35em;
	}

#mainmenu li
	{
	color: #a4a174;
	font-size: 1.2em;
	font-family: Verdana, sans-serif;
	display: inline;
	padding: .5em;
	}

#content
	{
	margin: 0 auto;
	overflow: auto;
	padding-bottom: 4em;
	padding-left: 2em;
	text-align: left;
	width: 58em;
	position: relative;
	}
	
#maincontent
	{
	position: absolute;
	float: left;
	margin-left: 6em;
	background: #8ab3c9;
	font-weight: normal;
	width: 32em;
	clear:both;
	}

#suppcontent
	{
	background: #8ab3c9;
	float: right;
	padding-top: 5em;
	width: 16em;
	}

#suppcontent p
	{
	font-size: .8em;
	}

ul#boardphone
	{
	list-style-type: none;
	font-size: .9em;
	}

#footerwrap
	{
	background: #8ab3c9;
	clear: both;
	
	height: 5em;
	position: relative;
	width: 100%;
	clear: both;
	}


#footer
	{
	background: #8ab3c9;
	clear: both;
	margin: 0 auto;
	/*padding: 10px 0 10px 0;*/
	position: relative;
	text-align: center;
	height: 5em;
	}
	
#div
	{
	text-align: center;/*centers the headings within all the divs */
	}
	
	
#usefullinks
	{
	list-style: none;	
	}


/***************************/

		/* tags */

/***************************/

a:link
	{
	border: none;
	text-decoration: none;
	font-size: inherit;
	color: #a4a174;
	color: #002e00;
	}	

a:visited
	{
	color: #3875d7; /**#a4a174;**/
	text-decoration: none;
	color: ; /**002e00;**/
	border: none;
	font-size: 1em;
	}	

a:hover, a:active, a:focus
	{
	color: #5c765b;
	color: #8ab3c9;
	border: none;
	font-size: 1em;
	}


p
	{
	font-family: "Trebuchet", "Arial", "Helvetica", sans-serif !important;
	font-size: 1em;
	margin: 0px 0 20px 0;
	color: #002e00;
	line-height: 1.3em;
	
	}


h1
	{
	color: #000;
	font-size: 1.4em;
	font-family: "Baghdad", sans-serif;
	font-weight: normal;
	margin: 0; padding: 1em 0 .5em 0;
	line-height: 1.3em;
	}


h2
	{
	color: #000;
	font-family: "Baghdad", sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0; padding: 1em 0 .5em 0;
	font-style: italic;
	}
	
h3
	{
	color: #000;
	margin: 0; padding: 1em 0 .5em 0;
	font-size: 1.1em;
	font-weight: normal;
	
	font-style: normal;
	}

h4
	{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	color: #050505;
	margin: 0; padding: 1em 0 .5em 0;
	}

h5
	{
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
	color: #050505;
	margin: 0; padding: 1em 0 .5em 0;
	}
	
hr
	{
	margin: 15px 0 15px 0;
	}


dt
	{
	margin-left: 50px;
	padding: 10px 0 5px 0;
	font-size: 1.1em;
	color: #fff;
	font-weight: normal;
	}

dd
	{
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: .9em;
	margin-left: 60px;
	color: #f7f3e8;
	}

img
	{
	border: 2px solid #c9c9c9;
	}


ul, ol
	{
	margin: 0;
	padding: 0;
	}

ul li, ol li
	{
	padding: .5em 0;
	}
	
	
#maincontent ul, #maincontent ol
	{
	margin: 10px 0 15px 0; padding: 0;
	}

#maincontent ul li
	{
	margin-left: 50px;
	padding: 3px;
	font-size: 10pt;
	color: #000;
	list-style-image: url(http://www.hollyfortenberry.com/images/diamondbullet.gif);
	}

#maincontent ol li
	{
	margin-left: 50px;
	padding: 3px;
	font-size: 10pt;
	color: #000;
	}



#suppcontent a:link
	{
	border: none;
	text-decoration: none;
	font-size: inherit;
	color: #a4a174;
	color: #355190;
	}	
	
#suppcontent a:visited
	{
	color: #358832;
	text-decoration: underline;
	color: #4682b4;
	border: none;
	font-size: 1em;
	}	
	
#maincontent a:link
	{
	border: none;
	text-decoration: none;
	font-size: inherit;
	color: #a4a174;

	color: #3401e8;
	}	

#maincontent a:visited
	{
	
	text-decoration: underline;
	/*color: #4682b4;*/
	border: none;
	font-size: 1em;
	}	


#maincontent a:hover, a:active, a:focus, #suppcontent a:hover, a:active, a:focus
	{
	color: #5c765b;
	color: #76dfeb;
	color: #e5e1d5;
	border: none;
	font-size: 1em;
	text-decoration: none;
	}

#feature
	{
	background-color: #f9f6f1;
	padding: 1.5em;
	margin: 1em .5em 0 0;
	border: 2px solid #6e7d7a;
	}	

#featurephoto
	{
	float: left;
	margin-right: 10px;
	}

#legal
	{
	text-indent: 2em;
	
	}

#footer	a:link
	{
	color: #fff;
	text-decoration: underline;
	border: none;
	font-size: .9em;
	}

#footer a:visited, #footer a:hover
	{
	color: #333;
	text-decoration: underline;
	}
	
#footer p
	{
	color: #333;
	}

#footer a:link,
#footer a:visited
	{
	color: #333;
	}

	
/**********************************/
/**********************************/

/**** begin code for IE5-Mac****/
/*\*//*/
#TJK_DL .showDD {display:block} 
#TJK_DL dd,.hideDD {top:0;position:relative;display:none}
/**/
/**** end code for IE5-Mac****/
/*
#TJK_ToggleON,
#TJK_ToggleOFF 
	{
	display:none
	}
*/	

/*********************************/

	/* intrapage ids */

/*********************************/


#email, #message, #send
	{
	margin: 0;
	}
	
/*
a[href^="http:"]
	{
	background: url(../images/externallink.gif) no-repeat right top;
	padding-right: 15px;
	}
	
a[href^="http://www.hollyfortenberry.com"], a[href^="http://hollyfortenberry.com"]
	{
	background-image: none;
	padding-right: 0;
	}

*/	
/*********************************/

	/* classes */

/*********************************/


/*Begin code for sticky footer*/

/*http://www.cssstickyfooter.com/using-sticky-footer-code.html*/

/*End code for sticky footer*/



.floatl
	{
	float: left;
	margin: 0 15px 0 0;
	}

.floatr
	{
	float: right;
	margin: 0 15px 0 0;
	}

.gone
	{
	display: none;
	}

.microad
	{
	margin: 20px 20px 10px 10px;
	padding: 0;
	}


.notice
	{
	color: #840000;
	font-style: italic;
	}

.question
	{
	color: #d6ef39;
	color: #ad4a18;
	color: #005263;
	font-style: italic;
	}
	

#maincontent ul li.notice
	{
	color: #840000;
	font-style: italic;
	}

.spacer
	{
	clear: both;
	}