@charset "UTF-8";

/*/////////////////////////////////////////
Website Styling for the common elements for ever page
/////////////////////////////////////////*/

/* setting style within the body (the website)*/
body {
	padding:0px;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	background-image:url(../Assests/%20background.png);
	background-position:top;
	background-color:#F49C0A;
}

/* setting the common style for the a tag */
a{
	text-decoration:none;
	color:#FFF;
}

/* setting the common style for the ul */
ul{
	padding:0px;
	margin:0px;
}

/* setting the style for the H1 */
h1{
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:40px;
	text-align:center;
}

/* setting the style for the H2 */
h2 {
	font-size:18px;
	margin:0px;
	padding:0px;
}

/* setting the style for the p tags */
p{
	margin:20px 0px 0xp 0px;
}

/* manipulating the p tag for a justify align */
p.justifyText{
	text-align:justify;
}

/* manipulating the p tag for a center align */
p.centerText{
	text-align:center;
}

/* calling smaller text */
#smallText {
	font-size:14px;
}


/*containerBody: */
		#containerBody {
			margin:0px auto;
			width:760px;
		}

/* header: To be posistioned at the top of the page with a z-index of -1 and a width of 100% */
#header {
	width:100%;
	height:30px;
	background-image:url(../Assests/Header.png);
	background-repeat:repeat-x;
	z-index:-2;
	position:absolute;
}

/* container: To be posistioned in the center of the page with a z-index of -2 and a width of 954px, container will contain all content for site */
#container {
	width:954px;
	margin:0px auto;
	z-index:-2;
}
	
	/* logoMenu: To be used to hold the 'logo' and 'menu' divs */
	#logoMenu {
		width:174px;
		margin: 0px 0px 0px 0px;
		float:left;
	}
		/* logo: Image of logo is placed here, with 7px of transperancy around the image for a drop shadow actual image is 160px */
		#logo {
			width:174px;
			height:174px;
			background-repeat:no-repeat;
			background-position:center top;
			background-image:url(../Assests/logo.png);
			margin-bottom:13px;
		}
		
		/* menu: The menu is created using lists, then the top and bottom li's have id's so that they can have different background images */
		#menu {
			width:174px;
			margin:0px;
			padding:0px;
		}
			/* menu ul: This section is for zero-ing out the styles for the list */		
			#menu ul {
				list-style-type: none;
				margin: 0px;
				padding: 0px;
				text-align:center;
			}
			
				/* menuTop: This section is for styling the first child tag in the list */	
				 #menu ul li a#menuTop {
					padding-top:28px;
					height:29px;
					background-image:url(../Assests/menu_top.png);
				 }
				
				/* menu ul li a: This section is for styling the menu tag within the list */	
				#menu ul li a{
					font-size:20px;
					color:#E9E9E9;
					display:block;
					width:174px;
					height:26px;
					padding-top:8px;
					background-image:url(../Assests/menu_buttons.png);
				}
				
				/* menuTop: This section is for styling the last child tag in the list  */	
				#menu ul li a#menuBottom {
					padding-top:8px;
					height:48px;
					background-image:url(../Assests/menu_bottom.png);
				}
			 
					 /* menuTop: This section is for the hover function on the middle childs within the list */	
					#menu ul li a:hover {
						color:#333;
						background-position:0px -35px;
					}
					
					/* menuTop: This section is for the hover function on the last and the first child wihtin the list */	
					#menu ul li a#menuBottom:hover, #menu ul li a#menuTop:hover {
						background-position:0px -64px;
					}
	
	/* contentContainer: To be used to contain the 'contentHeader', 'contentBody' and 'contentFooter'*/
	#contentContainer {
		width:774px;
		float:left;
		margin-left:6px;
	}
	
		/* containerHeader: To be used to contain the div tags for the header information */
		#containerHeader{
			width:760px;
			height:30px;
			margin:0px 0px 20px 8px;
			color:#FFD600;
		}
			/* Breadcrums: Styling for the breadcrums */
			#headerBreadcrums{ 
				padding-top:4px;
				float:right;
			}
		/* containerFooter: the container that holds all the footer content*/
		#containerFooter {
			width:760px;
			height:20px;
			margin:0px auto;
			text-align:right;
			border-top:#FFF 1px solid;
		}
		
			/* FooterLinks: the links in the footer floated left */
			#footerLinks {
				float:left;
			}
			
			/* FooterRights: the content floated right*/
			#footerRights {
				float:right;
			}
				/*  footerText: styling the text in the footer */
				.footerText{
					margin-top:6px;
					font-family:Verdana, Geneva, sans-serif;
					font-size:10px;
					color:#000;
					text-decoration:none;
				}
				
				/* footerSpacer: styling the spacer in the footer*/
				.footerSpacer{
					font-size:12px;
					color:#FFF;
					margin: 0px 0px 0px 5px;
				}
						
/* clearFloat: closes the floats on the page */
.clearFloat {
	clear:both;
}