@charset "utf-8";
/* CSS Document */

/* Global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, 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, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h5, h5, h6 { font-size:100% }
q:before, q:after { content:''}


/* Global reset-RESET */
/* The below restores some sensible defaults */

strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
br { /*clear:both;*/ height:1px; margin:-1px 0 0 0 }


/* PNG FIx */

* html img,
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}



/* Default */

html,body  {font: 12px/1.4em arial, helvetica, sans-serif; color: #fff; line-height: normal; }
body {		margin: 0;	text-align: center;	background: #D8D8D8;	}



/* ------------------------------------ */

/* Global Layout Styles */

/* ------------------------------------ */
/* ------------------------------------ */

/* Hidden elements */

/* ------------------------------------ */
	.hidden, .screen_reader, hr { display: none; }

/* ------------------------------------ */
	
/* ---- Typography ---- */	

/* ------------------------------------ */


.clear {
	clear:both;
	}
	
	#right a { color: #0F0A01;}
#greyright h1 { margin: 20px;}
#greyright p { margin: 10px 20px 0px 20px; line-height: 1.3em;}

.address { margin: 290px 0 0 20px; }

/* ------------------------------------ */

/* TEMPLATE LAYOUT  */   

/* ------------------------------------ */

#wrapperinner { width: 950px; margin: 20px auto; /* centers content */}
#contentwrapback {width: 950px; float: left; background: #F78F1E url(../int/background.jpg) 0 0 repeat-y; }
#greyright #contentwrapback { background:url(../interface/content-background-repeat-grey-right.jpg) 0 100% repeat-y;}


#headerwrap  {width: 950px; float: left; /* background: url(../interface/content-background-top.jpg)  0 0 no-repeat; */}
#greyright #headerwrap { background:url(../interface/content-background-top-grey-right.jpg) 0 0 no-repeat;}


#contentwraper { width: 950px; margin:0 0 0 0;	float: left;  text-align: left;	background: transparent; }
* html #contentwraper { margin: 0 ; height: 660px; /* width fix for IE6 */ }

h1#logo {margin: 0; padding: 0;}
#logo {
	position: absolute;
	top:20px;
	left: 50px;
	height:122px;
	width:287px;
	overflow: hidden;
	z-index: 50; 
}
#logo a { text-indent: -3000em;  font-size:1px; height:122px; width:287px; display:block; background: none; }
 	
#left { float: left; width: 238px; position: relative; height: 520px; }


#menu {position: absolute; width:180px; top: 170px; left: 55px;	margin: 0; text-align: left; padding-bottom: 10px; }
#menu li { height: 22px;	overflow: hidden;  font-weight: bold; margin-top: 3px; font-size: 1.1em;  	}
#menu li a {text-decoration: none; color:#999;	text-indent: 0;	  padding: 2px 3px 6px 15px;	height: 22px; display: block; color: #fff; background:url(../int/menu-off.png) 0 0 no-repeat; 	}
* html #menu li a {  background:url(../int/menu-off.gif) 0 0 no-repeat;   /* width fix for IE6 */ }

#menu li a:hover { text-decoration: none; color: #0F0A01;  background:url(../int/menu-on.png) 0 0 no-repeat;  }
#menu li.active a { text-decoration: none; color: #0F0A01;  background:url(../int/menu-on.png) 0 0 no-repeat;  }

* html #menu li a:hover {  background:url(../int/menu-on.gif) 0 0 no-repeat;   /* width fix for IE6 */ }
* html #menu li.active a {  background:url(../int/menu-on.gif) 0 0 no-repeat;   /* width fix for IE6 */ }

#menu li li { font-weight: normal; margin: 1px 0 0 0;    }
#menu li li li { margin-right: -12px; background-image: none;}
#menu li li a { color: #666; }
#menu li ul { margin-bottom: 15px;}
.about #menu li.aboutNav { height: auto; overflow: inherit;}  

#quote { position: absolute; top: 410px; left: 50px; width: 280px; height: 270px; overflow:hidden; }
* html #quote { position: absolute; top: 385px; left: 50px; }

#right { float: right; margin-top: 170px; width: 590px;  min-height: 500px; }
#right h1 { background:url(../int/h1-back.png) 0 0 repeat-x; height: 22px; width: 512px; font-size: 1.1em; font-weight: bold;  color: #fff; padding: 4px 20px 1px 16px;}

#right ul { margin-top: 10px;}
#right li { background:url(../int/bullet.png)  0 4px no-repeat; padding: 2px 20px;}

#right .controls { float: right; width: 220px;}
#right .controls ul { margin-top: 0;}
#right .controls ul li { font-weight: bold; margin-bottom: 2px;}
#right .controls ul li a { color:#000;}
#right .controls ul li a:hover { color:#F78F1E;}

#contentRwrap { background:url(../int/content-back.png) top left repeat; padding: 15px 20px 15px 15px; color: #0F0A01; border-bottom: 6px solid #F78F1E; width: 87%; margin-bottom: 20px; min-height: 400px;}
#contentRwrap p { margin-bottom: 10px;}

#footerwrap  {width: 950px; clear: both; text-transform:uppercase; font-size: .9em; padding-top: 6px; float: left; background: #F93; height: 24px; }
#greyright #footerwrap { background: url(../interface/content-background-base-grey-right.jpg) 0 100% no-repeat;}

#right .linksSubOrange { float: left; margin-top: 20px; background:#F90; padding: 5px ; }
#right .linksSubOrange p { padding:0 ; margin: 0;}
#right .linksSubOrange a { color:#fff; }
#right .linksSubOrange a:hover { color:#000; }

.partner { float:left; width: 230px; height: 70px; background:#FFF; margin: 0 10px 10px 0; color:#F60;   }
.partner img { float:left;}

 
