/* =============== Clean Slate =======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}

/* ================ Begin Structure ================= */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #F2f2f2 url('../img/body_tile.gif') repeat;
/*	font-family: Helvetica, "Times New Roman", Times, serif; */
	font-family: Georgia,georgia,"Times New Roman",Times,serif;
	font-size: 13px;
	color: #646451;
}

/* ================= Wrapper Elements ======================= */

#wrapper {
	width:848px;
	margin:auto;
}

/* ================= Header Elements ======================= */
#header {
	width: 828px;
	height: 130px;
	padding:20px 0 0 20px;
	margin: 0 auto;
	background:#fff url('../img/headerWG.png') no-repeat;
}

#header h1 {
	height:94px;
	width:300px;

}

#logoHolder	{

}

#header h2 {

}

#header a {

}


/* ================= Header Navigation ======================= */

#navigation	{
	width:848px;
	height:44px;
	background:#09347A url('../img/navigationBG.png') repeat-x;
	
}

#navigation a	{

}

ul.mainNavigation	{
	margin:0;
	padding:0;
}

ul.mainNavigation li {

}

ul.mainNavigation li a {

}

ul.mainNavigation li a:hover {
	
}


/* Clearfix */
.clearFix:after { /* for modern browsers */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearFix { /* for IE7/Win */
    min-height:1px;
}
* html .clearFix { /* for IE5-6/Win */
    height:1px;
}



/* ================= Page Elements ======================= */

#page {
	width: 848px;
	margin: 0 auto;
	padding: 10px 0;
	background:url('../img/contentBG.png') repeat-y;
	min-height:400px;
}

#pageWrap {
	width:710px;
	border: 15px solid rgb(224, 217, 184);
	padding: 40px 30px 50px;
	background: white none repeat;
	margin:0 auto;
}

#pageWrap h2 {
	border: medium none ;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: rgb(163, 162, 155);
}
#pageWrap h1 {
	border: medium none ;
	margin: 0 0 10px 0;
	color: rgb(71, 62, 53);
	font-size: 27px;
	font-weight: normal;
}

#content {
	float: left;
	width: 840px;
	margin:0 0px;	
}


.post {
	margin-bottom: 20px;
	padding: 0 20px;
}

.hr {
	border-bottom: 1px solid green;
}


/* ================= Home Images    ======================= */
#home_image { border: 15px solid rgb(224, 217, 184); width:770px; margin-left:20px; margin-top:10px; margin-bottom: 15px; height: 298px; }

xfadeimage {
	position: relative;
	width: 770px;
	height: 298px;
	}
#xfadeimage img {
	display: none;
	position: absolute;
	width: 770px;
	height: 298px;
	}	



/* ================= Featured Items ======================= */
#featured img {
	border:10px solid #E0D9B8;
}

#footer ul li.footer img {
	border:10px solid #426995;
	width:70px;
	height:20px;
	
}

#featured ul	{
	width:840px;
	float:left;
	margin:10px 0 0 20px;
}

#featured ul li {
	list-style:none;
	display:inline;
	margin:0 38px 0 0;
	padding:0;
	float:left;

}

#featured p {
	width:230px;
	display:block;
}

/* ================= Product List ======================= */

#productList	{
	margin:10px 0 0 10px;
}

#imageHolderList img {
	float:left;
}

#textHolder {
	width:400px;
	float:right;
	background:#fff;
	padding:5px 5px 0 5px;
	min-height:90px;
}

#textHolder p {
	line-height:16px;
}

.odd {
	width:600px;
	margin:0 0 10px 0;
	background:#E0D9B8;
	padding:10px;

}

.even {
	width:600px;
	margin:0 0 10px 0;
	background:#E0D9B8;
	padding:10px;
}

/* ================= Product Details ======================= */

.productItems	{
	margin:0 0 0 10px;
}

#productContent {
	border: 15px solid rgb(224, 217, 184);
	padding: 40px 30px 50px;
	background: white none repeat;
	margin:0 50px 0 0;
	width: 270px;
	float:right;
}
#productContent h2 {
	border: medium none ;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: rgb(163, 162, 155);
}
#productContent h1 {
	border: medium none ;
	margin: 0pt;
	color: rgb(71, 62, 53);
	font-size: 27px;
	font-weight: normal;
}
#productContent form {
	margin-top: 2em;
}
#productContent input {
	margin-right: 5px;
}
#productContent input, #productContent label {
	vertical-align: middle;
}

#productImage {
	float:left;
	margin:0 0 0 20px;
}
.productImage {
	border: 15px solid rgb(224, 217, 184);
	background: rgb(224, 217, 184) none repeat;
	margin-bottom: 10px;
	margin-left:10px;
	width: 350px;
}
.productImage a {
	color: rgb(102, 102, 102);
}
.productImage a img {
	opacity: 1;
}
.productImage a:hover img {
	opacity: 0.8;
}
.productImage img {
	width: 350px;
}
/* ================= Teaser Page ============================ */
h2.featured {
	border: medium none ;
	margin: 10px 0 0 20px;
	color: rgb(71, 62, 53);
	font-size: 18px;
	font-weight: normal;
	text-decoration:none;
}

#productContentTeaser {
	border: 15px solid rgb(224, 217, 184);
	padding: 20px 30px 10px;
	background: white none repeat;
	margin:10px 50px 10px 0;
	width: 490px;
	float:right;
}
#productContentTeaser h2 {
	border: medium none ;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: rgb(163, 162, 155);
}
#productContentTeaser h1 a {
	border: medium none ;
	margin: 0pt;
	color: rgb(71, 62, 53);
	font-size: 18px;
	font-weight: normal;
	text-decoration:none;
}
#productContentTeaser p {
	margin:-10px 0 0 0;
}
#productContentTeaser form {
	margin-top: 2em;
}
#productContentTeaser input {
	margin-right: 5px;
}
#productContentTeaser input, #productContentTeaser label {
	vertical-align: middle;
}

#productImageTeaser {
	float:left;
	margin:0 0 0 20px;
}
.productImageTeaser {
	border: 15px solid rgb(224, 217, 184);
	background: rgb(224, 217, 184) none repeat;
	margin-bottom: 10px;
	margin-left:10px;
	margin-top:10px;
	text-align:center;
}
.productImageTeaser a {
	color: rgb(102, 102, 102);
}
.productImageTeaser a img {
	opacity: 1;
}
.productImageTeaser a:hover img {
	opacity: 0.8;
}
.productImageTeaser img {

}
/* ================= Staff Details ========================== */
#staffContent {
	border: 15px solid rgb(224, 217, 184);
	padding: 40px 30px 50px;
	background: white none repeat;
	margin:0 50px 0 0;
	width: 470px;
	float:right;
}
#staffContent h2 {
	border: medium none ;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: normal;
	color: rgb(163, 162, 155);
}
#staffContent h1 {
	border: medium none ;
	margin: 0pt;
	color: rgb(71, 62, 53);
	font-size: 27px;
	font-weight: normal;
}
#staffContent form {
	margin-top: 2em;
}
#staffContent input {
	margin-right: 5px;
}
#staffContent input, #staffContent label {
	vertical-align: middle;
}

#staffImage {
	float:left;
	margin:0 0 0 30px;
}
.staffImage {
	border: 15px solid rgb(224, 217, 184);
	background: rgb(224, 217, 184) none repeat;
	margin-bottom: 10px;
	margin-left:20px;
	width: 150px;
}
.staffImage a {
	color: rgb(102, 102, 102);
}
.staffImage a img {
	opacity: 1;
}
.staffImage a:hover img {
	opacity: 0.8;
}
.staffImage img {
	width: 150px;
}
/* ================= Sidebar Elements ======================= */
#sidebar {
	float: right;
	width: 180px;
	height:400px; /* ==============#REMOVE============== */
	padding: 5px;
	border:1px solid #4A1111;
}

#sidebar h2 {
	margin: 0;
	padding: 5px 15px;
	color: #4A1111;
}

#sidebar h3 {
	font-size: 85%;
	color: #4A1111;
}

#sidebar ul {
	margin: 0;
	padding: 15px;
	list-style: none;
}

#sidebar li {
}

#sidebar a {
	color: #4A1111;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration:underline;
}

.sideBox {
	background: url(../img/img05.gif) repeat-y;
}

.sideBox h2 {
	background: url(../img/img06.gif) repeat-y;
}

/* ================= Footer ======================== */

#footer {
	width:848px;
	clear: both;
	padding: 8px 0;
	background:#09347A url('../img/navigationBG.png') repeat-x;
	border-top: rgb(224, 217, 184) solid 2px;
	border-bottom: rgb(224, 217, 184) solid 2px;
	margin:0 0 20px 0 ;
	color:#fff;
	text-indent:20px;
}

#footer ul li {
	list-style:none;
	display:inline;
}

#footer span {
	font-size:11px;
}
#footer p {
	margin: 0;
	text-align: center;
	font-size: 77%;
}

#footer a {
	color: #fff;
	margin:0 10px 0 0;
}

#linkHolder {
	float:right;
	margin:-15px 20px 0 0;
}

/* ================= Headings ============================= */

h1, h2 {
	color:#00386E;
}

h1 a:link {
	color:#00386E;
}


h1, h2 {
	margin-bottom: 20px;
	font-weight: normal;
}

h3 {
	color:#426995;
}

h3 a {
	color:#426995;
	text-decoration:none;
}

h3 a:hover {
	text-decoration:underline;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 152%;
}

h3 {
	font-size: 125%;
}

.headerLink a {
	border: medium none ;
	margin: 10px 0 0 0px;
	color: rgb(71, 62, 53);
	font-size: 18px;
	font-weight: normal;
	text-decoration:none;
}

#pageWrap a {
	color: rgb(71, 62, 53);
	text-decoration:none;
}

#pageWrap a:hover {
	text-decoration:underline;
}
.imageLeft img	{
	margin:0px 20px 10px 0px;
}

.imageRight img {
	margin:0px 0px 10px 20px;
}
/* ================= Text Elements ======================== */

p, ol {
	margin-bottom: 20px;
	line-height: 1.8em;
}

ul, ol {
	margin-left: 0;
}

blockquote {
	padding-left: 3em;
	background: url(../img/quote.gif) no-repeat;
	font-style: italic;
}
/*
a:link {
	color: #1953A7;
}

a:active {
	color: #ED5C0C;
}

a:visited {
	color: #666666;
}

a:hover {
	text-decoration: none;
	color: #067600;
}
*/
p.about {
	width:190px;
	font-size:10px;
	line-height:15px;
	margin:-10px 0 0 0;
	
}
/* ================= Contact Form Elements ======================== */
#contactForm {
	float:right;
	margin:-300px 0 0 0 ;
	
}
#contactForm fieldset {
	border: 5px solid #aaa;
	padding: 15px 10px 5px 10px;
}
#contactForm fieldset h1 {
	margin-top: 20px;
}
#contactForm fieldset legend {
	margin: 0 -8px;
	padding: 0 8px;
	font-weight: bold;
	color: #212121;
}
#contactForm fieldset.confirm {
	border-color: #c00;
	color: #212121;
	padding: 5px 15px 20px 15px;
}

#contactForm form p {
	margin: 15px 0;
}
#contactForm form label {
	width: 110px;
	float: left;
	text-align: right;
	font-size: 12px;
	line-height: 120%;	
	padding: 2px 10px 0 0;
	margin-top: 5px;
}
#contactForm form label.short {
	width: 100px;
}
#contactForm span.help {
	margin-left: 120px;
	padding-top: 5px;
	color: #777;
	font-size: 11px;
	line-height: 100%;
	display: block;
}





/* ================= Table Elements ======================== */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* ================= Default Classes ======================== */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }
.active		{ font-weight:bold;}
.author		{ color:#A4CD49;}

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.right 		{float:right; margin:0 5px 0 20px;}
.left		{float:left; margin:0 10px 0 5px;}

.clear {
	clear: both;        /* extend height of contentholder to longest column */
	height: 0px;
	overflow: hidden;   /* prevent IE expanding the container */
	margin: 0;          /* keep flush with surrounding blocks */
}

/* ================ Element Specific Styles ================== */

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 10px 0;
}
