/************************
	LAYOUT STRUCTURE
************************/
body{margin: 0; padding: 0; line-height: 1.5em;
font-family: 'trebuchet ms', arial, verdana, sans-serif; font-size: small; background: #FFF;
}
textarea {font-family: arial, verdana, sans-serif; font-size: small;}

#header{background: url('../images/banner.jpg') no-repeat #2F4F7F; height: 100px;}

#contentwrapper{float: left; width: 100%; background: url('../images/right_bg.png') repeat-y 100% 0 #FFF; color: #000; padding-bottom: 20px;}

/* 	ABOUT COLS
width of rightCol effects a few properties.
	#leftCol margin-right
	#rightCol width
	#rightCol NEGATIVE margin-left	
*/

#leftCol {margin-right: 240px; padding: 10px; min-height: 290px;}

#rightCol {float: left; width: 240px; margin-left: -240px; background: url('../images/right_bg.png') repeat-y 100% 0 #DED8C9; min-height: 300px;}

#leftCol, #rightCol {border-top: 5px solid #CBC5B8;}

#footer{clear: left; width: 100%; background: black; color: #FFF; padding: 4px 0;}
#footer ul {margin: 0 0 0 5px; padding: 0;}
#footer li {list-style: none; display: inline; margin-right: 5px;}
#footer a, #footer a:visited {color: #FFF; text-decoration: none;}
#footer a:hover {color: #F2C510; text-decoration: underline;}

/*a#webdesigner, a:visited#webdesigner {color: #BBB;}*/

#mainNav {margin: 0; padding: 0; height: 32px; color: #000; background: url('../images/mainnav_bg.jpg') repeat-x; #E3E1D4; border-bottom: 2px solid #1C3152;}
#mainNav ul {margin: 0; padding: 0;}
#mainNav li {list-style: none; display: inline; margin: 0; height: 32px;}
#mainNav li a, #mainNav li a:visited {display: block; line-height: 32px; height: 32px; float: left; margin: 0; padding: 0 10px; color: #000; text-decoration: none; font-weight: bold; letter-spacing: 1px;}
#mainNav li a:hover {background: #4D4C44; color: #FFF;}

/* pseudo padding for old browsers */
.innertube{margin: 10px; margin-top: 0;}


/*******
	GRID/COLUMN SYSTEMS
********/
.gridContainer {float: left; margin: 0 0 2em 0; padding: 0; width: 99%;}
.col2 {float: left; width: 48.5%; 
	/*border-style: solid; border-color: #FFF; border-width: 1px 1px 0 0;*/
	}
.col3 {float: left; width: 30%;}

#searchBox {margin: 0; width: 230px; padding: 10px 5px 10px 5px; background: url('../images/search_bg.png') no-repeat 0 100% #CBC5B8;}
#searchBox p {margin: 0;}
#searchBox label {font-weight: bold;}
#siteSearch {width: 10em;} /* text input field */


/**************
	STYLES & TOOLS
**************/
#leftCol table {clear: left;}
th, td {text-align: left; vertical-align: top; padding: 4px;}
address {font-style: normal;}

#leftCol a {color: #315995;}
#leftCol a:visited {color: #666;}
#leftCol a:hover {color: #AD172B;}

#rightCol a {}
#rightCol .buttons {margin: 0 0 1em 0;}
#rightCol .buttons img {border: 0; width: 240px; height: 50px; display: block; margin: 0;}
#rightCol .download {border: 1px solid #6E6A60;}

#copyright {margin: 0; padding-left: 5px; background: #333; color: #999;}
h1 {font-family: 'Palatino Linotype', Palatino, garamond, 'times new roman', serif; font-size: 2.1em; letter-spacing: 2px; margin-top: 0.5em; font-weight: normal;}
h2 {font-size: 1.4em;}

.space {margin: 2.5em;}
.clear {clear: both; height: 2px;}
.icon16 {width: 16px; height: 16px; border: 0;}

.imageRight {float: right; margin: 0 0 12px 12px;}
.imageLeft {float: left; margin: 0 12px 12px 0;}
.imageRight img, .imageLeft img {margin: 0;}

.highlight1 {color: #315995;} /* MMW blue */
.highlight2 {color: #AD172B;} /* MMW red */

.bold {font-weight: bold;}
.small {font-size: 12px; color: #777; line-height: 100%;}

.left {text-align: left !important;}
.right {text-align: right;}
.center {text-align: center;}
.formShort {width: 4em;}
.formLong {width: 16em;}
.error {color: #B00; font-weight: bold;}