/* Greenville Jumpstart */


body, div, h1, h2, h3, h4, h5, h6, p, ol, a, form,
#header, .thumbnail-list-header, .thumbnail-list ul, .thumbnail-list li 

{
	margin: 0;		/* Set margin and padding to 0 to even out browser differences. */
	padding: 0 0 0 10;
}

body {
	background:  #D8E4E4 url(../../images/gradient.gif); 	/* background color and tiled image */
	color: #000066;												/* font color is gray */
	font: 12px/130% Verdana, Arial, Helvetica, sans-serif;				/* font size is 80% of the browser default; line height is 1.25; font is set here too */
}

h1, h2 {
	margin: 0.5em 0 0 0.5em;		/* add some space around the headings */
	color: #000066;					/* font color dark green */
	font-style: oblique;
	line-height: normal;
}

/** container **/
/* This div contains all the real content on the page. It contains the header div, the column-wrapper div, and the footer div. */
#container { 
	margin: 0 auto 0 auto; 							/* Centered layout: See Snippets > CMX CSS Collection > Cheats and Productivity > Centered Layout */
	width: 1020px;									/* Width is also needed for the centered layout. */
}

/** header **/
/* This div is just the header (banner) image across the top of the container div */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#header {
	border: solid 1px #036;									/* The header has borders on three sides, but not the bottom. */
	border-bottom: none;
	height: 235px;											/* The header height corresponds to the height of the image displayed as the background image. */
	background: #FFFFFF url(../../images/banner_bg.jpg) no-repeat 0 0;
	}


/** column-wrapper **/
/* wraps both columns (secondary-content and main-content) */
/* AlphaImageLoader used in the WinIE55 and WinIE6 stylesheets. */
#column-wrapper {
	border: solid 1px #036;										/* We have borders on three sides, but not the top (which is where the header is). */
	border-top: none;
	background: #FFFFFF repeat-y 0 0;	/* This is the background image. See the WinIE stylesheets for the IE-only solution to the problem of IE not supporting transparent pngs. See the MacIE comments at the bottom of this file to see the background-color alternative. */
	padding-top: 10px;
}


/** secondary-content **/
/* This column has the thumbnail lists and login form. */
#secondary-content {
	float: left;	/* The side-by-side columns are achieved by floating the secondary-content column and */
	width: 190px;	/* giving the main-content column a left margin equal to the width of the secondary-content column. */
	background: #FFFFFF;
}

/** start navBox taken from ctce.css/Seattle derivative **/

/*sets out the main right hand column that the boxes are contained within*/
#navbox {
	float: left;/*floats the navbox container to the right of the page*/
	width: 180px;/*set the width for IE 5.x*/
	w\idth: 180px;/*set the right margin to 5 pixels for IE takes into account misplacement with a float bug*/
	background-color: #FFFF66;/*set the background colour*/
	border: 1px solid #4F4F4F;
	margin: 10px 0px 10px 5px;
}

/*Fix the right margin for good browsers from the right margin hack in the above selector*/
html>body #navbox {
   margin-right: 5px;/*correctly align the margin for good browsers after the hack in the rule above*/
}

/*set the h2 styles*/
#navbox h2 {
	font-size: 95%;/*scale the font size from the default in the body selector*/
	background-color: #FFFFFF;/*set the background colour*/
	margin: 4px 5px 6px 5px;/*set the margins on the h2*/
	padding: 2px 0 2px 0;/*set the padding on the h2*/
	font-family: Verdana, Arial, Helvetica, sans-serif;/*set the font family*/
	text-align: center;/*align the text to the center*/
	border: 1px solid #4F4F4F;/*set a 1 pixel boreder around the h2*/
	color: #000000;/*set the text colour to white*/
}

/*Begin styling the navigation*/
#navbox ul {
	list-style-type: none;/*set the appearance of the bullet*/
	list-style-position: inside;/*set the list position to inside*/
	padding: 5px 0 5px 5px;/*set the padding on the ul*/
	margin: 5px;/*set the margin on the ul*/
	color: #333333;/*set the text colour - this provides the title to each of the link sub divisions, for instance: About Us, Getting Involved, Contact Us*/
	font-weight: bold;/*sets the font weight to bold*/
	background-color: #FFFFFF;/*sets the background colour*/
	border: 1px solid #4F4F4F;
	display: block;
}
.breadcrumbs {
	font-size: 70%;
	color: #999999;
	text-decoration: none;
}

/*sets the styling of li element*/
#navbox ul li {
	padding: 0px 0 5px 0;/*zeroes the padding*/
	margin: 0;/*zeroes the margins*/
	line-height: 14px;/*set the line-height*/
	font-size: 12px;/*scales the font size to 70% of the default on the body selector*/
}

/*styles the nested ul element that contains our navigation links*/
#navbox ul li ul {
	border: none;
	padding: -10px 0 -5px 10px;
}

/*styling the li in the nested ul*/
#navbox ul li ul li {
	padding: 2px 0 2px 0;/*zero the padding*/
	margin: 0;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
}

/*start laying out the links styles on the nested list*/
#navbox ul li a {
	color: #000066;/*set the link colour*/
	text-decoration: none;
}

#navbox ul li a:hover, #navbox ul li a:focus {
	color: #CCCCCC;/*set the hover and focus text colour*/
	text-decoration: none;/*set an underline to show on hover and focus*/
	background-color: #000066;
	display: block;
}

.boxes {
	background-color: #FFFFFF;/*sets the background colour*/
	border: 1px solid #4F4F4F;/*adds a border around the boxes*/
	margin: 10px 5px 10px 5px;/*add a little clearance below the final paragraph in each of the side boxes*/
}

/** end of Navbox from ctce.css **/




/** main-content column **/
/* This column has the nav div and the main content div. */
#main-content {
	margin-left: 205px; 	/*The side-by-side columns are achieved by floating the secondary-content column and giving the main-content column a left margin equal to the width of the secondary-content column. */
}

#content p {
	margin: 1em;			/* Add a bit a white space around the paragraphs. */
}

#content a {
	color: #039;			/* Links in the main content area are blue and are not underlined. */
	text-decoration: none;
}
#content a:visited {
	color: #039;			/* Visited links remain the same blue color. */
}
#content a:hover { 
	color: #FFF;			/* On hover, the link color becomes white with a blue background. */
	background-color: #039;
}




/** footer (adaopted via CTCE from Seattle**/
/*begin laying out the footer div*/
#footer {
	width: 1020px;/*provide a width - not strictly necessary just belt and braces from my point of view*/
	clear: right;/*ensures the footer is always placed below the right column no matter what its contents dictate*/
	background-color: #6767A9;/*set a background colour*/
	font-size: 12px;/*scale the font size off the body element*/
	text-align: right;/*align the footer text to the right*/
	margin-top: 0px;/*set a margin on the top of the footer*/
}

/* The navbox div is outside the flow of the document and won't respect the footer;
it would, if it's content was great enough, poke through the bottom of the layout.
The clear right ensures the footer is always moved beyond the navbox div and our design
remains intact. The content div is within the flow of the document and will therefore
push the footer div down as it's content dictates. */

#footer ul {
	padding: 2px 0 4px 0;/*sets the padding on the ul gives a little space around the li elements*/
	margin: 0;/*zero off the margins*/
}

#footer p {
	padding: 3px;/*sets the padding around the company text in the footer*/
	margin: 0;/*zeroes off the margins*/
	color: #4E4E4E;/*changes the default colour*/
	background-color: #8686DD;/*sets the background colour for p elements in the footer div*/
	border-top: 1px solid #000000;/*sets a defining edge on the top of the footer*/
	border-bottom: 1px solid #000000;
	border-right-style: solid;
	border-left-style: solid;
}

#footer ul li {
	padding: 4px;/*2px 4px 2px 2px; sets the padding values*/
	margin: 0;/*zeroes off the margins */
	display: inline;/*sets the list to display inline*/
}


#footer a {/* Styles the links within the footer */
	color: #fff;/*sets the text to white*/
	text-decoration: underline; /*keeps the underline*/
}

#footer a:hover, #footer a:focus {
	text-decoration: none;/*removes the underline*/
}


/** miscellaneous **/

.brclear { 				/* This rule is from Snippets > Community MX > CMX CSS Collection > Cheats and Productivity > Clearing Element for Floats */
     clear:both; 		/* Clearing element for a float: this fix uses a break in the markup as a clearing element, */
     height:0; 			/* but it ensures that the break does not disturb the layout by reducing its values to 0. */
     margin:0;			/* Add this class to breaks as needed to clear a float. */
     font-size: 1px;	/* Please note that the container of the break needs a dimension on it. */     	
}

.print-header {			/* This class is applied to the h1 and first h2 on the page. They are hidden in the screen stylesheet and you see the header banner image instead. */
	display: none;
	visibility: hidden;
}

.image-on-right {			
	float: right;		/* Floats images to the right side of the page. */
	margin-left: 10px;	/* Add some space on the left side of the image. */
}

#skiplinks {
	color: #CCCCCC;			/* Link color. */
	text-decoration: none;	/* The link is not underlined. */
	display: block;			/* Making the links block elements makes the whole list item clickable (rather than just the text itself). */
	text-align: center;		/* Centered text */
	margin: 0 auto 0 auto; 	/* See Snippets > CMX CSS Collection > Cheats and Productivity > Centered Layout */
}


/** IE MAC ONLY **/
/* This technique comes from the CMX CSS Collection > Hacks and Hiding > IE Mac Only 2 snippet */
/* (These comments are in the same order as the rules.) */
/* Since IE Mac doesn't understand the IE filter for transparent bg's, use solid bg's instead. */
/*  - White for the column-wrapper (which takes care of the main-content column and the space below the secondary-content column (if there is any). */
/*  - Gray for the secondary-content column and thumbnail list. */
/*  - Light green for the thumnail list header. */
/* Need to zero out the margin for the ul's classes wtih thumbnail-list inside the secondary-content div. */
/* Because of a browser bug, we need to clear the float in the paragraph. MacIE doesn't handle floated content very well. When we clear the float we're telling the browser to put the paragraph below the image. The bug manifests itself but placing the text in the paragraph coincident with the text in the h3. */
/* Remove the top padding from the login form. */
/* Need to zero out the margin for the form. */
/* Because of MacIE's problem with floats, the footer links are given a width. */

/*\*//*/
#column-wrapper {
	background-color: #FFF;
}
#secondary-content,
#secondary-content .thumbnail-list {
	background-color: #EEE;
}
#secondary-content .thumbnail-list-header {
	background-color: #D3E8A8;
}
#secondary-content .thumbnail-list ul {
	margin: 0;
}
#secondary-content .thumbnail-list p {
	clear: both;
}
#secondary-content .login-form {
	padding: 0 4px 0 0;
}
#secondary-content form {
	margin: 0;
}
#footer li {
	margin: 0;  
	width: 140px;
	text-align: center;
}
/* */
h1, h2 Green {
	margin: 0.5em 0 0 0.5em;		/* add some space around the headings */
	color: #00CC00;					/* font color dark green */
	font-style: oblique;
	line-height: normal;
}
header_green {
	font: italic 24px Verdana, Arial, Helvetica, sans-serif;
	color: #00CC00;
}

.pink {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF33CC;
}.green {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #33CC00;
}
.black {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}
.orange {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #FF6633;
}