/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/*png transparency fix from http://www.twinhelix.com/css/iepngfix/demo/*/
* { behavior: url(/iepngfix.htc) }

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/


/* to zero margins -- IMPORTANT -- I took the following out because in contribute they were somehow overriding the typography style sheet styles when only styles from that stylesheet are snown in contribute (ul, ol, li, p, h1, h2, h3, h4, h5, h6, ) -- I added margins to individual stylestypography sheet*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#D59B41;
	background-image: url(../images/structure/background_gradient_body.jpg);
	background-repeat: repeat-y;
	color:#333333;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/


/* content_main (link tag styles for links, regular, hover, and visited*/
#content a {
	text-decoration: none;
	color:#AA6600;
}
#content a:visited {
	text-decoration: none;
	color: #AA6600;
}
#content a:hover {
	text-decoration: underline;
	color:#AA6600;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	width: 800px;
}
/*inner wrapper for nav and content*/
#inner_wrapper {
	width: 800px;
	margin: 0px;
	text-align:left;
	background-image:url(../images/structure/wrapper_slice.jpg);
	background-repeat:repeat-y;
	padding:0;
	position:relative;
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
/* actually IE Mac 5 needs it */
* html #inner_wrapper
	{
	float: left;
	}
/* easy clearing */
#inner_wrapper:after
	{
	content: "."; 
	display: block; 
	height: 0;
	font-size:0; 
	clear: both; 
	visibility: hidden;
	}
/*#inner_wrapper
	{
	display: inline-block;
	}*/
/*\*/
#inner_wrapper
	{
	display: block;
	/*zfloat: left;  experimental values to fix Opera */
	/*zwidth: 100%  experimental values to fix Opera ;*/
	}
/* end easy clearing */

/* Hides height from IE-mac, but shows for IE so positioning of #badge works properly \*/
* html #inner_wrapper {height: 1%;}
/* End hide from IE-mac */

#header {
	background-image:none;
	background-repeat:no-repeat;
	margin:0px;
	height: 110px;
	padding:0;
	width:800px;
}
/* banner and header for home page*/
#banner {
	height: 110px;
	margin: 0;
	padding: 0;
}

#banner2_left {
	height: 30px;
	width: 140px;
	float:left;
	background-image: url(../images/structure/nav_main.jpg);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}

#banner2_right {
	height: 30px;
	width:660px;
	float:left;
	background-image: url(../images/structure/content_main.jpg);
	background-repeat: no-repeat;
	margin: 0;
	background-color: #FFFFFF;
}

/* background to navigation for home page*/
#navmain {
	margin: 0;
	padding: 0;
	width: 140px;
}
#navbackground {
	margin: 0;
	padding: 0;
	width: 140px;
}

/* container for navigation--home and module*/
#leftcol{
	width: 140px;
	float: left;
	padding: 20px 0 0 0;
	margin: 0;
	background-color: #FFFFFF;
	background-image: url(../images/structure/nav_main.jpg);
	background-repeat: repeat-y;
}

/* container and margins for content--home and module*/
.container {
	width: 100%;
	float: right;
}

/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 140px;
	background-color: #FFFFFF;
}
#content_main {
	margin: 0;
	background-image: url(../images/structure/content_main.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding-top: 0;
	padding-right: 70px;
	padding-bottom: 20px;
	padding-left: 50px;
	min-height:400px;
  	height:auto !important;
	height:400px;
}
.header_div {
	text-align:right;
	margin:0 48px 12px 0;
}
.back {
	width:125px;
	float:left;
	padding:5px 0 0 48px;
	vertical-align: middle;
	text-align:left;
	font-size:1.2em;
}


/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/


/* for home page footer background*/

#footer {
	background-image:none;
	background-repeat:no-repeat;
	margin:0px;
	height: 70px;
	padding:0;
	width:800px;
}
#footer_left {
	background-image:url(../images/structure/footer_left.png);
	background-repeat:no-repeat;
	margin:0;
	height: 70px;
	width:140px;
	float:left;
	/*background-color: #FFFFFF;*/
}
#footer_right {
	background-image:url(../images/structure/footer_right.png);
	background-repeat:no-repeat;
	margin:0;
	height:17px;
	width:620px;
	float:left;
	padding: 53px 0 0 40px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:#F8EECC;
	font-size:11px;
}

#footer_right a {
	text-decoration:none;
	color:#F8EECC;
}
#footer_right a:hover {
	text-decoration:underline;
	color:#F8EECC;
}
.printHeader {
	display:none;
}

/* ----------------------------------------CONTENT IMAGE STYLES----------------------------------------*/

/* for floating content images--not used in templates--all pages*/
.leftimage {
	margin: 0 10px 20px 0;
	float: left;
}
.rightimage {
	float: right;
	margin: 0 0 20px 20px;
}

table .model {
	margin-bottom: 25px;
	border:1px solid #CC9900;
	background-color:#F4F0DD; /*#FBF4EA*/ /*#FFF9EE;*/ /*#FFFCE1;*/ /*#F4F0D8;*/
	width:520px;
}
table .model td {
	padding:15px 10px;
	text-align:left;
}
.model_tn {
	margin: 0;
	padding:0px 10px 0 0;
	float:left;
	text-align:center;
	width:260px;
}
.centerimage {
	text-align:center;
	clear:both;
	margin-bottom:20px;
}

/* ----------------------------------------GLOBAL CLEAR STYLE----------------------------------------*/

/* to clear elements to left and right of blocks - so images appear with respective headings and paragraphs--might not need the font size and line height*/
.clearit {
	display: block;
	clear: both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}
.ColEditItem {color:#AA6600;}
.Col1Header {font-size:14px;}
.Col1Item {text-align:left;padding-left:15px;}
.Col1Item input {width:30px;font-family:verdana;font-size:10px;text-align:left;}
.Col2Header {font-size:14px;}
.Col2Item {text-align:left;}
.Col2Item input {width:60px;font-family:verdana;font-size:10px;text-align:left;}
.Col3Header {font-size:14px;}
.Col3Item {text-align:left;}
.Col3Item input {width:60px;font-family:verdana;font-size:10px;text-align:left;}
.Col4Header {font-size:14px;}
.Col4Item {text-align:left;}
.Col4Item input {width:60px;font-family:verdana;font-size:10px;text-align:left;}
.Col5Header {font-size:14px;}
.Col5Item {text-align:left;padding-left:15px;}
.Col5Item input {width:30px;font-family:verdana;font-size:10px;text-align:left;}