/* CSS Document */

/* =Structure
---------------------------------------------------------------------------------------------------- */

	* { 
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-family: Verdana, Geneva, sans-serif;
	}
	
	body
	{
		background: #57453E;
		color: #484848;
		font-size: 12px;
		line-height:20px;
		margin-bottom:10px;
	}
	
	div#page-container {
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 850px;
		background-color:#FFF;
		padding:0px 15px;
		background:url(../images/page-side-shadows.gif) repeat-y;
	}
	
	#page-top-shadow {
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		width: 850px;
		height:15px;
		background-color:#FFF;
		padding:0px 15px;
		background:url(../images/page-top-shadow.gif) no-repeat;
	}
	
	#page-bottom-shadow {
		margin-left: auto;
		margin-right: auto;
		width: 850px;
		height:15px;
		background-color:#FFF;
		padding:0px 15px;
		background:url(../images/page-bottom-shadow.gif) no-repeat;
	}


/* =Text Styles
---------------------------------------------------------------------------------------------------- */
	
	h1, h2, h3,h4 {
		padding-top: 0px;
		padding-bottom:6px;	
	}
	
	
	h1 {
		font-size: 16px;
		font-weight: bold;
		color:#462B0D;
	}
	
	
	h2 { 
		font-size: 15px;
		font-weight: bold;
		padding-top:10px;
		color:#C0C0C0;
	}
	
		
	h3 { 
		font-size: 14px;
		font-weight: bold;
	}
	
	
	h4 {
		font-size: 13px;
		font-weight: bold;
		padding:0;
		margin:0;
	}
	
	h5 {
		display:inline-block;
		font-size: 12px;
		line-height:20px;
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	
	
	p {
		line-height: 20px;
		padding-bottom: 1em;
	}
	
	ul {
		list-style-type: 	disc;
		font-weight:			normal;
		font-style:				normal;
		margin-left: 			15px;
		padding: 5px 0 10px 15px;
	} 
	
	ol {
		font-weight:			normal;
		font-style:				normal;
		margin-left: 			15px;
		padding: 5px 0 10px 15px;
	} 
	
	.padding {
		padding: 5px 5px 5px 0px;
	}

/* =Link Styles
---------------------------------------------------------------------------------------------------- */

	a,
	a:link,
	a:visited{
		color: #C0C0C0;
		text-decoration:none;
		outline: none; 
	}
		
	a:hover {
		color: #3A3939;
		text-decoration:underline;
		outline: none; 
	}
	
	
	a img {
		border: none;
		outline: none;
	}

/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
	strong, b, .bold { font-weight: bold;}
	em, i, .italic { font-style: italic; }
	.lowercase {text-transform: lowercase;}
	.uppercase {text-transform: uppercase;}
	.textalign-left {text-align:left;	}
	.textalign-right {text-align:right;	}
	.textalign-center {	text-align:center;	}
	.float-left {float:left;	}
	.float-right {float:right;	}
	
	.image-float-left {float:left; margin: 2px 5px 2px 0px; }
	.image-float-right {float:right; margin: 2px 0px 2px 5px;}
	
	
	.disclaimer,
	.footnote,
	.text-small {
		font-size: 10px;
	}
	
	.blockquote {
		padding: 10px;
		display:block;
		color: #fff;
		background-color: #6b8c92;
		margin-bottom: 10px;
		margin-top: 10px;
	}

/* =Lines
---------------------------------------------------------------------------------------------------- */

	hr {
		color: #e7e7e7;
		background-color: #e7e7e7;
		border: 0;
		height: 1px;
		margin: 12px 0 12px 0;
	} 


/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

	.singleLineBreak {
		margin:0;
		padding:0;
	}
		
	.marginZero {
		margin:0;
		padding:0;
	}
		
	.spacer,
	.clear {
		clear: both;
		margin:0;
		padding:0;
	}
	
	.padding {
		padding: 5px;
	}
/*- header 
------------------------------------------------------------------------------------------------------- */
	
	#header-container {
		width:100%;
		height:172px;
		background-image:url(../images/header_waterdroplet_text.jpg);
		background-repeat:no-repeat;
	}


/*- header-nav
------------------------------------------------------------------------------------------------------- */
	
	#header-nav {
		padding-top:8px;
	}
	
	#header-nav ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#header-nav li {
		display:inline;
	}
	#header-nav a,
	header-nav a:link,
	header-nav a:visited
	{
		margin:0px 5px;
		font-size:12px;
		font-weight:bold;
		/**/
	}
	#header-nav a:hover, 
	#header-nav #current a{
		text-decoration:none;
		color: #768A95;
	}
	


/*- content 
------------------------------------------------------------------------------------------------------- */
	
	#content-container {
		margin-top: 3px;
		width:100%;
		background:url(../images/sideNav-background.jpg) no-repeat;
	}
	
	
/*- footer 
------------------------------------------------------------------------------------------------------- */
	
	#footer-container {
		width:100%;
		padding:10px 0px;
		height:20px;
	}
	
	#footer {
		float:right;
		font-size:12px;
		padding-right:6px;
	}

	
	a.downloads, 
	a.downloads:link, 
	a.downloads:visited {
		color:#462B0D;
	}
	
	.narrow-grey-box-left {
		width:284px;
		height:32px;
		float:left;
		background-color:#808080;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
	}
	.narrow-grey-box-right {
		width:284px;
		height:32px;
		float:right;
		background-color:#808080;
		border-top: #FFF solid 6px;
		border-right: #FFF solid 6px;
	}

	.wide-grey-box-right {
		width:548px;
		height:32px;
		float:right;
		background-color:#808080;
		border-top: #FFF solid 6px;
		border-right: #FFF solid 6px;
		
	}

	.wide-grey-box-left {
		width:548px;
		height:32px;
		float:left;
		background-color:#808080;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
		
	}
	
	.narrow-black-box-left {
		width:284px;
		float:left;
		background-color:#000;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
	}

	.narrow-black-box-left h2 {
		text-align:center;
		padding:20px 0px;
	}
	
	.narrow-black-box-right {
		width:284px;
		float:right;
		background-color:#000;
		border-top: #FFF solid 6px;
		border-right: #FFF solid 6px;
	}
	.narrow-black-box-right h1, 
	.narrow-black-box-left h1 {
		text-align:center;
		padding:20px 0px;
		color:#C0C0C0;
		font-size:24px;
		font-weight:normal;
	}
	
	.narrow-white-box-left {
		width:284px;
		float:left;
		background-color:#FFF;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
	}

	.wide-content-box-right {
		width:498px;
		float:right;
		background-color:#C0C0C0;
		border-top: #FFF solid 6px;
		border-right: #FFF solid 6px;
		padding:15px 25px 5px 25px;
	}

	.wide-content-box-left {
		width:498px;
		float:left;
		background-color:#C0C0C0;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
		padding:15px 25px 5px 25px;
	}
	
	.wide-content-box-left a {
		color:#808080;	
	}
	
	.full-width-box {
		width:838px;
		border-top: #FFF solid 6px;
		border-left: #FFF solid 6px;
	}
	
	.contact-name {
		font-size:16px;
		font-weight:bold;
		color: #462B0D;
	}
	
	.represent-logo {
		width:283px;
		text-align:center;
		height:50px;
		border-bottom:#000 solid 1px;
		border-top:#000 solid 1px;
		float:left;
	}
	.represent-logo-right {
		width:282px;
		text-align:center;
		height:50px;
		border-bottom:#000 solid 1px;
		border-top:#000 solid 1px;
		float:right;
	}
	
	.represent-light-dark-light {
		background:url(../images/background_represent_lightDarkLight.gif) repeat-y;
		width:100%;
		margin:4px 0px;
	}
	
	.represent-dark-light-dark {
		background:url(../images/background_represent_darkLightDark.gif) repeat-y;
		width:100%;
		margin:4px 0px;
	}	
	
	.represent-col1, 
	.represent-col2	{
		margin:4px;
		width:254px;
		padding:10px;
		text-align:center;
		float:left;
	}
	.represent-col3	{
		margin:4px;
		width:254px;
		padding:10px;
		text-align:center;
		float:right;
	}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.represent-light-box {
		background-color:#A1B6C6;
		margin:4px;
		width:255px;
		padding:10px;
		text-align:center;
		float:left;
	}
	.represent-light-box-right {
		background-color:#A1B6C6;
		margin:4px;
		width:254px;
		padding:10px;
		text-align:center;
		float:right;
	}
	.represent-dark-box {
		background-color:#698BA5;
		margin:4px;
		width:255px;
		padding:10px;
		text-align:center;
		float:left;
	}
	.represent-dark-box-right {
		background-color:#698BA5;
		margin:4px;
		width:254px;
		padding:10px;
		text-align:center;
		float:right;
	}
	.represent-name {
		font-size:16px;
		font-weight:bold;
		color: #FFF;
	}