/***************************************************************************************/
/* COMMON LAYOUT */
/***************************************************************************************/

html,body,div,span,table,tr,th,td,p,span,h1,h2,h3,h4,h5,ul,ol,li,a,form { padding: 0px; margin: 0px; } /* Start with a clean slate */
* { font-family: Arial;  }  /* Default font for all items */
* { -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing: content-box; -webkit-box-sizing: border-box; }
html { min-height: 100%; margin-bottom: 1px; overflow-x: hidden; } /* Set height to 100% + 1px to force scroll bar in FF */
#ht { position: absolute; top: -2000px; width: 700px; } /* Hidden Text - Look up. WAAAY Up */
.clear { clear: both; height: 0px; overflow: hidden; } /* Used to clear floats without taking up space */
body { margin: 0px 0px 0px 0px; background: #FFFFFF; }
hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }
textarea, select, select * { color: #333333; font-size: 12px; }


object:active, div:active { outline: none; }
object:focus, div:focus { -moz-outline-style: none; }


ul, ol { margin-left: 25px; line-height: 20px; margin-bottom: 15px; }
ol { margin-left: 30px; }


ul li { list-style-type: disc; }

.bordered { border: 1px solid #33CCFF; }

h1, h2, h3, h4, h5 { font-family: Arial; }

h1, h1 a { color: #000000; font-size: 30px; margin: 0px 0px 10px 0px; font-family: Serif; line-height: 32px; }
h2, h2 a { color: #000000; font-size: 20px; margin: 0px 0px 10px 0px; }
h3, h3 a { color: #000000; font-size: 17px; margin: 0px 0px 10px 0px; }
p  { margin: 0px 0px 12px 0px; }
p, table, td, div, a  { color: #333333; font-size: 14px; line-height: 18px; }
a  { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus, a:active { outline: 0;}


/***************************************************************************************/
/* SPECIFIC TO THIS LAYOUT */
/***************************************************************************************/

#main {
	width: 984px; /* Main Content Width */
	margin: 0 auto; /* Align to Center */
}

#header {
	height: 104px;
}


#bodyContainer {  }

#body {
	min-height: 300px;
	height: auto !important; /*MOZ/IE7*/
	height: 290px; /*IE6*/
	margin: 6px 0;
    background: url('../images/layout/left-bg.jpg') repeat-y;
}

#footer {
	height: 26px;
	background: #567747;
	padding: 0 15px;
}
#footer p {
	color: #FFFFFF;
	line-height: 26px;
	text-align: right;
}



/* Navigation */

#nav {
	height: 26px;
	background: #567747;
	padding: 0 15px;
	text-align: right;
}
#nav a {
	color: #FFFFFF;
	line-height: 26px;
	margin-left: 20px;
}
#nav a:hover {
  	color: #ffff66;
    text-decoration: none;
}



#left-links a {
    color: #FFFFFF;
}
#left-links a:hover {
  	color: #ffff66;
    text-decoration: none;

}


/* Columns */

.left-column {
	width: 264px;
	float: left;
	min-height: 268px;
	padding: 16px;
}
.left-column p {
	color: #FFFFFF;
}

.right-column {
	width: 712px;
	float: right;
	overflow: hidden;
}


/* Colors */

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

.thumb img { border: 2px solid #FFFFFF; float: left; margin: 0px 1px 0px 2px; margin-bottom: 10px; }
.thumb_over img { border: 2px solid #666666; float: left; margin: 0px 1px 0px 2px; margin-bottom: 10px; }



/* Colors */

.blue {
	color: #0072bc;
}
.orange {
	color: #f8931e;
}
.purple {
	color: #91278f;
}
.green {
	color: #00a651;
}
.dk-green {
	color: #567747;
}
.red {
	color: #ed1d24;
}
.tan {
	color: #a89166;
}

.blue-bg {
	background: #0072bc;
}
.orange-bg {
	background: #f8931e;
}
.purple-bg {
	background: #91278f;
}
.green-bg {
	background: #00a651;
}
.red-bg {
	background: #ed1d24;
}





#c {  width: 678px; margin: 35px 17px 0 17px; float: left; }

