/* CSS Document */

html,body {
	background-image: url('images/bg.jpg');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffffe3;
	color: #003333; /* Color => Teal */
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
h1 + p,
h2 + p,
h3 + p {
	text-indent: 10px; /* Should only affect the first paragraph tag */
	}
img {
	margin: 0px;
	padding: 0px;
	border: none;
	}
hr {
	margin: 0px;
	padding: 0px;
	width: inherit;
	}
form,input,textarea {
	margin: 0px;
	padding: 0px;
}
input {
	border: 1px solid #003333;
	color: #003333;
	}
input.submit {
	border: none;
	background: none;
	color: #003333;
	font-weight: bolder;
	}	
input.form {
	width:280px;
	color: #003333;
	padding-left:5px;
	margin-bottom:5px;
	}
.textarea {
	width:280px;
	height:100px;
	color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:5px;
	margin-bottom:5px;
	}
p {
	margin: 0px 0px 10px 0px;
}

h1,h2,h3,h4,h5,h6 {
	margin: 5px 0px 5px 0px;
}
a.h1,
a.h1:active,
a.h1:visited {
	color: #000000; /* Blood Red */
	text-decoration: underline;
}

a.h1:hover {
	text-decoration: none;
}
a,
a:active,
a:visited {
	color: #993300; /* Blood Red */
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#containerMain {
	width: 732px;
	margin: 0px auto;
	text-align: center;
	}
	
/* Top Menu Elements
=========================================== */

#containerTopMenu {

	height: 77px;
	width: 732px;
	text-align: left;
	/* Debug State */ /*
	background-color: red; */
}
.topButton {
	height: 72px;
	line-height: 36px;
	border-right: 1px solid #ff9933; /* Color => Orange => Divider Lines */
	text-align: left;
	float: left;
	padding: 0px 8px 0px 8px;
}
.topButton p {
	margin: 0px;
	padding: 0px;
	width: inherit !important;
	border-bottom: 1px solid #cbc0a1; /* Color => Light Tan */
	}

.topMenu-Small {
	color: #003333; /* Color => Teal */
	font-size: 11px;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:right;
	
}
a.topMenu-Small ,
a:active.topMenu-Small ,
a:visited.topMenu-Small  {
	/* display: block; */
	width: inherit;
	height: 36px;
}
.topMenu-Large {
	color: #663300; /* Color => Brown */
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* Header Elements
=========================================== */

#containerHeader {
	float: left;
	clear: none;
	border-top: 2px solid #997a52; /* Color => Medium Brown */
	width: 732px;
	height: auto;
	margin: 0px auto;
	/* Debug State */ /*
	background-color: red; */
}
#containerHeadMast {
	float: left;
	clear: none;
	width: 732px;
	height: 51px;
	overflow: hidden;
	text-align: left;
	margin: 0px;
	padding: 0px;
	display: inline;
	/* Debug State */ /* 
	background-color: green; */
}
/*
#containerHeadMast img {
	float: left;
} */
#containerHeadGraphic {
	float: left;
	clear: none;
	display: inline;
	overflow: hidden;
	width: 732px;
	height: 165px;
	text-align: left;
	/* Debug State */ /*
	background-color: blue; */
}	
#containerHeadGraphic img {
	float: none;
	}	

#containerMainMenu {
	float: left;
	clear: none;
	display: inline;
	overflow: hidden;
	width: 732px;
	height: 39px;
	text-align: left;
	/* Debug State */ /*
	background-color: orange; */
}

/* Sidebar Elements
=========================================== */
#containerContent {
	width: 732px;
	height: auto;
	text-align: left;
	padding: 10px 0px 10px 0px;
	clear: none;
	float: left;
	border-bottom: 2px solid #663300; /* Color => Brown */
	/* Debug State */ /*
	background-color: red; */
}

#containerSidebar {
	width: 194px;
	float: left;
	padding-right: 5px;
	/* Debug State */ /*
	background-color: red; */
}
#containerSidebar img {
	margin:0 0 15px 0;
}
#containerSidebar img.bottom {
	margin:0;
}
#containerSidebar img.PDCA {
	margin:0 0 5px 0;
}

#containerPage {
	width: 527px;
	
	border-left: 1px solid #663300; /* Color => Brown */
	float: left;
	/* Debug State */ /*
	background-color: green;
	padding-left: 5px; */
}

#footer {
	width: 732px;
	float: left;
	clear: none;
	height: auto;
	line-height: 20px;
	vertical-align: middle;
	font-size: 10px!important;
	
	}
#footer a,
#footer a:active,
#footer a:visited {
	color: #6e7649; /* Color => Olive */
	padding-right: 5px;
	border-right: 1px solid #6e7649; /* Color => Olive */
	font-size: 9px;
}

/* Extra Elements
=========================================== */
.contactInfo {width:225px;
	float:left;
	margin-right:10px;}
	
.contactForm {width:280px;
	float:left;}
	
.pics {width:181px;
	height:auto;
	float:left;
	margin:0 25px 10px 0;}
	
strong {color:#ff9900;
	font-weight:bold;}