/* CSS Document */

body /* styles the body of the page */
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	border: 0px;

}

/* According to www.w3schools.com styles for link pseudo-selectors must be in this order to work properly- a:link a:visited a:hover a:active */
a:link {color: #C44C26;}

a:visited {color: #C44C26;}

a:hover {color: #FF9C00;}

a:active {color: #FF9C00;}

#bigbox /* contains all the other elements */
{
	width: 760px;
	height: 100%;
	text-align: center; /* centers content for IE */
	margin-left: auto; /* centers content for Mozilla */
	margin-right: auto; /* centers content for Mozilla */
}

#header /* office hours info */
{
	color: #FF9C00;
	font-weight: bold;
	height: 18px;
	width: 760px;
	padding-top: 40px;
	text-align: center;
}

#header span /* white text */
{
	color: #FFFFFF;	
}

#headerimage /* Taylor County RECC image */
{
	width: 760px;
	height: 162px;
	padding-bottom: 5px;
}

#menu /* contains the menu buttons */
{
	width: 760px;
	height: 40px;
	padding-bottom: 5px;
}

#menu ul /* styles the menu links as an inline unordered list */
/* ul MUST NOT have any spaces between list items in html code in order to display flush with each other */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	display: inline;	
}

#menu ul li /* styles the list items */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	display: inline;
}

#content /* articles and text content */
{
	width: 760px;
	height: 100%;
	border: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
}
#leftbox /* box to the left, inside content box */
{
	width: 323px;
	height: auto;
	float: left;
	text-align: justify;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #C44C26;
	margin-left: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
}


#leftbox img /* "Read more..." image */
{
	float: right;
}

#rightbox /* box to the right, inside content box */
{
	width: 330px;
	height: auto;
	float: right;
	text-align: justify;
	margin-right: 15px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #F6F6F6;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.bigtext /* Big, bold text */
{
	font-size: 14px;
	font-weight: bolder;
	line-height: 20px;
}

#bottombox /* box to the bottom, inside content box */
{
	width: 703px;
	height: 100%;
	text-align: justify;
	padding-left: 30px;
	padding-right: 15px;
	padding-bottom: 10px;
	clear: both; /* clears the "float:" property from #leftbox and #rightbox */
	padding-top: 0px;
}

#news /* main content on sub pages */
{
	width: 565px;
	height: 100%;
	text-align: justify;
	border-left-width: 125px;
	border-left-style: solid;
	border-left-color: #C44C26;
	margin-left: 15px;
	padding-right: 15px;
	padding-left: 25px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	clear: both; /* clears the "float:" property from #leftbox and #rightbox */
}

#footer /* text links */
{
	height: 27px;
	background-image: url(../images/footer_graybar.jpg);
	background-repeat: repeat-x;
	color: #FF9C00;
	text-align: center;
	padding-top: 15px;
	font-weight: bold;
}

#footer ul /* styles the footer links as an inline unordered list  */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	display: inline;
}

#footer ul li /* styles the list items */
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
	display: inline;
}

/* According to www.w3schools.com styles for link pseudo-selectors must be in this order to work properly- a:link a:visited a:hover a:active */
#footer a:link
{
	color: #FF9C00;
	text-decoration: none;
}

#footer a:visited 
{
	color: #FF9C00;
	text-decoration: none;
}

#footer a:hover
{
	color: #FFFFFF;	
	text-decoration: underline;
}

#footer a:active 
{
	color: #FFFFFF;	
	text-decoration: underline;
}