/* CSS Document */
body { /* set everything to zero for a good cross-browser starting point */
	margin: 0; /* zeroes the margins on the body */
	padding: 0; /* zeroes the padding on the body ~ Opera carries a default padding and requires this zeroing */
	border: 0; /* zeroes off any existing border */
	background-color: #fff; /* sets the body background colour */
	background-image: url(/assets/body_bg.jpg);
	background-repeat: repeat-x;/*repeat the backgrounsimage on the x-axis, from left to right*/
	color: #383412;  /* set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
	font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
}


#wrapper {
	width: 770px; /* sets the width of the wrapper, and therefore our design with adjustments for IE5.x's broken box model hence the two extra pixels on the width */
	w\idth: 770px; /* sets the correct width of the wrapperfor compliant browsers*/
	margin: 5px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	position: relative; /* important to position it relatively */
	background-image: url(/assets/wrapper_bg.gif); /* sets the path to the wrappers bg image*/
	background-repeat: repeat-y; /* prevents the image from tiling in our page, we do not want this image to repeat */
	background-color: #fff; /* sets the wrappers background color */
	border: 1px solid #000; /* sets a border to all 4 sides */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}





/*begin laying out the banner*/
#banner {
	position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
	background-image: url(/assets/topheader.jpg);  /* sets the background image for the banner div*/
	background-repeat: no-repeat; /* prevents the bg image from repeating */
	margin-top: 0px;/*sets margin of 20px to the top of the banner*/
	height: 51px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
}
#topNav{
background-image: url(/assets/middleheader.jpg);  /* sets the background image for the banner div*/
	background-repeat: no-repeat; 
	position: relative;
	height:25px;
	text-align:right;
	color:#FFFFFF;
}
#topNav a{
font-size: 60%;/*Sets the font size*/
	color: #FFFFFF;/*sets the link color*/
	margin: 3px 10px 0 0;/*sets the margins - 3px to the top, 10px to the right and the rest to 0*/
}
#lowerBanner{position:relative;
background-image:url(/assets/bottomheader.jpg);
background-repeat:no-repeat;
height:85px;
}

/*begins laying out the main content area*/

#content { /* Begin laying out and styling the content div */
	width: 550px; /* sets the width of our content*/
	background-color: #fff;/*sets the background colour to white*/
	margin: 0 0 0 210px; /* this left margin clears the leftcol div and allows our content div to become a second column */
}

#content h1 {
	font-size: 125%;/*increases the font size*/
	color: #333333;/*sets the colour of the h1 text*/
	font-family: Arial, Verdana, Helvetica, sans-serif;/*changes the default font*/
	padding: 0 0 0 3px;/*sets a margin of 3px to the left to move the h1 in from the background colours edge*/
	margin: 0;/*zeroes off the default margins*/
	background-color: #F4F4F4;/*sets the background colour*/
}

#content h2 {
	font-size: 100%;/*increases the font size*/
	color: #333333;/*sets the colour of the h1 text*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 0 3px;/*changes the default font*/
	margin: 5px 5px 0 0;/*sets a margin of 20px to the top of the h2*/
	/*background-color: #FFCC33;sets the background colour*/
}
#content h3 {
	font-size: 70%;/*increases the font size*/
	color: #333333;/*sets the colour of the h1 text*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 0 3px;/*changes the default font*/
	margin: 10px 5px 5px 0;/*sets a margin of 20px to the top of the h2*/
	background-color: #FFCC33;/*sets the background colour*/
}
#content h4 {
	font-size: 100%;/*increases the font size*/
	color: #333333;/*sets the colour of the h1 text*/
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 0 3px;/*changes the default font*/
	margin: 10px 5px 5px 0;/*sets a margin of 20px to the top of the h2*/
	
}
.TagLine{
font-family: Arial, Verdana, Helvetica, sans-serif;
Font-weight:normal;
font-size: 90%;
	
}
#content p {
	font-size: 70%;/*reduces the default font size*/
	margin: 12px 10px 0 0;/*sets a default margin of 12px to the top of the p*/
}

#content a:link,#content a:visited {
	
	color:#663300;/*sets a default margin of 12px to the top of the p*/
}
#content a:hover,#content a:active {
	
	color:#990000;/*sets a default margin of 12px to the top of the p*/
}
/*generic float rules for our images in the content area*/

#content .left{
	float: left;/*float the image to the left*/
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
	margin: 5px 12px 1px 0;/*set the margins to give some "air" around the text*/
}

#content .right {
	float: right;/*float the image to the right*/
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
	margin: 5px 0 1px 10px;/*set the margins to give some "air" around the text*/
}
.leftimg{
	float: left;/*float the image to the left*/
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
	margin: 5px 12px 1px 0;/*set the margins to give some "air" around the text*/
}

.rightimg {
	float: right;/*float the image to the right*/
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
	margin: 5px 0 1px 10px;/*set the margins to give some "air" around the text*/
}
/*Begin styling the navigation*/
#content ul {
	list-style-type: square;/*set the appearance of the bullet*/
	/*list-style-position: outside;set the list position to inside*/
	padding: 5px 0 5px 20px;/*set the padding on the ul*/
	margin: 0;/*remove the margins from the ul*/
	
	
}

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

/*styles the nested ul element that contains our navigation links*/
#content ul li ul {
	padding: 0 0 0 6px;/*zero the padding to 3 sides and 10px to the left*/
	border: none;/*declare none to prevent inheriting a border*/
	/*list-style-position: outside;*/
}

/*styling the li in the nested ul*/
#content ul li ul li {
	padding: 0;/*zero the padding*/
	margin: 0 5px 0 10px;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
	/*list-style-position: inside;*/
}

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

#content ul li a:hover, #content ul li a:focus {
	color: #DAD5D5;/*set the hover and focus text colour*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
}
.content td, .content table{
border:1px solid #333333;
padding:0 10px 5px 10px;
}
#content hr{
width:90%;
}

/*create the second column to hold the navigation*/
#leftcol { /* Begin laying out the leftcol div */
	float: left; /* Floats the div to the left to make a column */
	width: 187px; /* sets a width for the div - IE5.01 and IE5.5 read this - Imperative for IE mac */
	w\idth: 184px; /*correct the width for compliant browsers*/
	margin-left: 3px; /*creates a margin on the left to move the div away from the wrapper's edge - this is seen by all browsers */
	margin-bottom: 20px;/*adds 20px of clearance under the leftcol div to keep it off the footer*/
}

html>body #leftcol {
   margin-left: 7px;/*correct the margin for good browsers*/
}

#navbox {
	margin-bottom: 20px;/*set a margin on the bottom*/
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
	background-color: #4F4F4F;
}

/*Begin styling the navigation*/
#navbox ul {
	list-style-type: square;/*set the appearance of the bullet*/
	/*list-style-position: outside;set the list position to inside*/
	padding: 5px 0 5px 20px;/*set the padding on the ul*/
	margin: 0;/*remove the margins from the ul*/
	color: #FFCC00;/*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: #4F4F4F;/*sets the background colour*/
}

/*sets the styling of li element*/
#navbox ul li {
	padding: 0;/*zeroes the padding*/
	margin: 0;/*zeroes the margins*/
	line-height: 120%;/*set the line-height*/
	font-size: 70%;/*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 {
	padding: 0 0 0 6px;/*zero the padding to 3 sides and 10px to the left*/
	border: none;/*declare none to prevent inheriting a border*/
	/*list-style-position: outside;*/
}

/*styling the li in the nested ul*/
#navbox ul li ul li {
	padding: 0;/*zero the padding*/
	margin: 0 5px 0 5px;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
	/*list-style-position: inside;*/
	color:#60D2D2;
	list-style-type: none;
}

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

#navbox ul li a:hover, #navbox ul li a:focus {
	color: #DAD5D5;/*set the hover and focus text colour*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
}
#navbox ul li ul li a {
	color: #FFf;/*set the link colour*/
	text-decoration: none;/*remove the underline*/
}

#navbox ul li ul li a:hover, #navbox ul li ul li a:focus {
	color: #DAD5D5;/*set the hover and focus text colour*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
}



#leftcol img {
	margin: 0 auto;
	border: 1px solid #000;/*add a black border 1 pixel wide to all 4 sides*/
}



#footer {  /* Begin laying out and styling the footer div */
background-color: #fff;  /*sets a background colour for the footer*/
width: 770px;  /*Sets the footers width*/
border-top: 1px solid #000;  /*sets the top border to define the beginning of the footer*/
font-size: 60%;  /* sets the footer text size */
text-align: right;  /* aligns the text to the right*/
margin-top: 20px;  /* Adds a margin to the top of the footer*/
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
}

#footer p {
background-color: #E4E4E4;  /*sets the background colour for the p element when it is in the footer div*/
padding: 4px 4px 4px 10px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
}

#footer ul{
background-color: #A18E80;/*sets the background colour for the validation links*/
margin: 0;/*zeroes off the margin defaults*/
padding: 10px;/*set a padding around the links*/
}

#footer li{
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*/
}

/*begin laying out the subcontent - this is the area below the main content that contains the two columns, the subcontent div is a container for the left and right divs*/
#subcontent {
	margin: 25px 0 0 0;/*adds a 25px margin to the top of the div*/
}

/*The selector below defines the left column in the lower content area*/
#subcontent #left {
	float: left;/*we float it to the left*/
	width: 270px;/*give it a width*/
	margin-bottom: 20px;/*provides clearance below the div*/
	
	background-repeat: no-repeat;/*prevent the image from repeating*/
	background-position: center;/*position the image in the center of the div*/

}

/*The selector below defines the right column in the lower content area*/
#subcontent #right {
	float: right;/*we float it to the right*/
	width: 270px;/*give it a width*/
	margin-bottom: 20px;/*provides clearance below the div*/
	
	background-repeat: no-repeat;/*prevent the image from repeating*/
	background-position: center;/*position the image in the center of the div*/

}

/*provides the titles for the columns in the lower content area*/
#subcontent h2 {
	font-size: 115%;/*increase the default font size*/
	color: #625757;/*set a colour for the font*/
	font-family: Arial, Verdana, Helvetica, sans-serif;/*change the default font face*/
	padding: 0;/*zero off the default padding*/
	margin: 0;/*zero off the default margins*/
	background-color: transparent;/*declare transparent as the background to prevent inheritance*/
	text-align: center;/*align the heading to the center of the div*/
}

#subcontent p {
	margin: 10px; /*set a 10px margin on the p element within the columns*/
}
/*Form Elements*/
form {
	margin: 0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color: #425929;
	border: 1px inset #A1978F;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 2 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 2.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: none;
	background: transparent;
}

input.formButton {
	background: #425929;
	border-bottom: 1px solid #688C40;
	border-left: 1px solid #688C40;
	border-right: 1px solid #141C0D;
	border-top: 1px solid #141C0D;
	color: #FFFFFF;
	font-weight: bold;
	margin: 3px 3px 0px 3px;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #76685D;
	border-collapse: collapse;
	font-size: 80%;
}
table.tabularData td, table.tabularData th{
	padding: 3px;
	font-size:80%;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background-color: #A1978F;
	color: #FFFFFF;
}

/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background-color: #E7E4E2;
}
.altRowOdd{
	background-color: #DFDBD9;
}

.smallprint {
	font: 10px;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
p.Details{
	display:block;

	background-color:#CCCCCC;
	text-align:center;
	font-weight:bold;
	font-size:0.8em;
	padding:2px;
	border:1px solid #000;
	color: #FFCC00;
}

.Details a:link, .Details a:visited{
	display:block;
	text-decoration:none;
	background-color:#CCCCCC;
	
	padding:2px;
	border:1px groove #000;
	color: #FFCC00;
}
.Details a:hover, .Details a:active{
	display:block;
	text-decoration:none;
	background-color:#FFCC00;
	
	padding:2px;
	border:1px solid #000;
	color: #333333;
}

.style1 {
	color: #FFFFFF;
	font-weight: bold;
}