html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body, body.m {
	font-family: Verdana, sans-serif;
	text-align: center;
	color: #6F6F6F;
	font-size: 1em;
	}

body.m {font-size: 90%; }
body.l {font-size: 100%; }
body.xl {font-size: 120%; }

a, a:hover {
	color: #427676;
	text-decoration: underline;
}

#container {
	width: 990px;
	margin: 0 auto 0;
	text-align: left;
	}
	
#header {
	height: 159px;
	}	

#logo {
	float: left;
	margin-right: 13px;
	}
	
#header_content {
	float: left;
	width: 812px;
	margin-top: 53px;
	border-bottom: 1px dotted #D7D7D7;
	}	
	
#date {
	font-size: 10px;
	margin-top: 11px;
	}	

.searcharea {
	float: right;
	margin-bottom: 8px;
	padding: 5px;
	height: 16px;
	}	
	
#search {
	float: right;
	margin-bottom: 8px;
	}	
	
#search input {
	width: 155px;
	font-size: 11px;
	color: #6F6F6F;
	font-family: Verdana, sans-serif;
	padding: 5px;
	margin-right: 5px; 
	background: #FFFAE4;
	border: 1px solid #EAEAEA;
	}
	
#search button {
	font-size: 10px;
	color: #6F6F6F;
	font-family: Verdana, sans-serif;
	padding: 5px;
	background: #fff;
	border: 1px solid #EAEAEA;
	cursor: pointer;
	}		
	
#bread_crumbs {
	font-size: 12px;
	padding: 12px 0 7px 22px;
	}
	
#bread_crumbs a {
	color: #6F6F6F;
	text-decoration: none;
	}	
	
#bread_crumbs a:hover {
	text-decoration: underline;
	}				
	
#content {
	background: url(img/bg_content.gif) repeat-y;
	border-bottom: 3px solid #D7D7D7;
	margin-top: 37px;
	}		
	
#content h1 {
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-bottom: 20px;
	color: #600;
	font-family: Arial, Georgia, Times New Roman;
	}
	
.title {
	margin: 20px 0 28px 0;
	}	
	
#left_col .title {
	margin: 0 0 24px 0;
	}		
	
.page_title {
	text-transform: uppercase;
	letter-spacing: -1px;
	margin-top: 5px;
	padding-right: 5px;
	color: #600;
	background: #fff;
	float: left;
	}
	
.title_line {
	border-bottom: 3px dotted #D7D7D7;
	height: 20px;
	}			
	
#left_col {
	width: 650px;
	margin-bottom: 37px;
	float: left;
	font-size: 0.75em;
	line-height: 1.7em;
	text-align: justify;
	}	
	
#left_col p {
	font-size: 1em;
	margin-bottom: 1.7em;
	}	
	
#left_col ul {
	font-size: 1em;
	line-height: 1.55em;
	list-style-image: url(img/bullet_1.gif);
	margin: 15px 0 20px 50px;
	}
	
#left_col ul li ul {
	font-size: 1em;
	line-height: 1.55em;
	list-style-image: url(img/bullet_1.gif);
	margin: 0 0 0 40px;
	}
	
#left_col ul li.nest {
	list-style: none;
}

#left_col li {
	line-height: 24px;
	}			
	
#right_col {
	margin-left: 730px;
	padding-bottom: 37px;
	}
	
#right_col p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
	}
	
#right_col a {
	color: #6F6F6F;
	text-decoration: underline;
	}	
	
#right_col ul#news {
	font-size: 0.69em;
	line-height: 1.55em;
	list-style-image: url(img/bullet_2.gif);
	margin: -5px 0 30px 15px;
	}
	
ul#sub_nav {
	margin-bottom: 20px;
	}	

#sub_nav li {	
	margin-bottom: 1px;
	}
	
#sub_nav a {	
	display: block;
	color: #6F6F6F;
	font-size: 12px;
	line-height: 18px;
	background: #F9F0C8 url(img/sub_nav_off.gif) left no-repeat;
	padding: 3px 7px 3px 25px;
	text-decoration: none;
	}	
	
#sub_nav a:hover {
	color: #701111;
	font-weight: bold;
	background: #FFFCEB url(img/sub_nav_on.gif) left no-repeat;
	}
	
a:link#sub_nav_on, a:visited#sub_nav_on  {
	color: #701111;
	font-weight: bold;
	background: #FFFCEB url(img/sub_nav_on.gif) left no-repeat;
	}		
	
#news li {
	margin-bottom: 4px;
	}
	
#footer {
	font-size: 11px;
	line-height: 16px;
	}
	
#certified {
	width: 620px;
	padding: 42px 5px 44px 0;
	border-right: 1px solid #D7D7D7;
	float: left;
	}
	
#certified img {
	float: left;
	margin-left: 28px;
	}	
	
#nav_bottom_box {
	float: left;
	width: 150px;
	height: 150px;
	padding: 6px 14px;
	margin-right: 14px;
	border-right: 1px solid #D7D7D7;
	}
	
#nav_bottom_box a {
	color: #6F6F6F;
	text-decoration: underline;
	}
	
#nav_bottom li {
	line-height: 18px;
	}	
	
#contact_info {
	padding-top: 6px;
	}	
	
#footer_bottom {
	font-size: 10px;
	height: 18px;
	line-height: 16px;
	padding: 3px 6px 4px 7px;
	margin-bottom: 60px;
	background: #EAEAEA;
	}
	
#footer_bottom a {
	color: #6F6F6F;
	text-decoration: underline;
	}			

#designed_by {	
	float: right;
	}
		
#designed_by a {
	text-decoration: none;
	}		
		
h1 {
	font-size: 20px;
	font-weight: normal;
	}
	
h2 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 1em;
	}
	
.p_left {
	float: left;
	width: 310px;
	font-size: 0.75em;
	line-height: 1.7em;
	text-align: justify;
	}	
	
.p_right {
	float: left;
	width: 310px;
	margin: 0 0 30px 30px;
	font-size: 0.75em;
	line-height: 1.7em;
	text-align: justify;
	}
	
.single_box {
	margin: 0;
	width: 100%;
	float: left;
	}	

.space {
	padding-left: 24px;
	}	

.case_img {
	float: left;
	width: 310px;
	margin-top: 10px;
	}

.case_img .img_box_case {
	border: 1px solid #D7D7D7;
	background: #fff;
	margin: 7px 0 6px 0;
	float: left;
	}	
	
.single_box img {
	border: 1px solid #D7D7D7;
	margin: 5px;
	}
	
.single_box p {
	line-height: 18px;
	font-size: 0.75em;
	float: left;
	width: 290px;
	margin-left: 20px;
	margin-top: 10px;
	}	

a:link.case_title, a:visited.case_title {
	color: #427676;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	}
	
.read_case {
	background: #427676;
	padding: 3px 0 3px 7px;
	margin-top: 5px;
	font-size: 10px;
	color: #fff;
	float: left;
	width: 295px;
	}	
	
.read_case a {
	color: #fff;
	font-size: 10px;
	}	
	
.img_box {
	border: 1px solid #D7D7D7;
	margin-left: 10px;
	float: right;
	}
	
#left_col .img_box p {
	margin: 0;
}
	
.img_box img {
	border: 1px solid #D7D7D7;
	margin: 5px;
	}	
	
.img_box_caption {
	border: 1px solid #D7D7D7;
	margin: 0 0 8px 10px;
	}	

.img_box_caption img {
	border: 1px solid #D7D7D7;
	margin: 5px;
	}	
	
.caption {
	background: #427676;
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	padding: 2px 5px 4px 7px;
	margin: 8px 0 0 10px;
	}

.img_caption_wrap {
	margin-bottom: 8px;
	float: right;
	}		
	
.yellow_box {
	background: #F9F0C8;
	padding: 16px;
	font-size: 0.69em;
	margin-bottom: 30px;
	}
	
.horizontalrule {
	height: 1px;
	width: 650px;
	margin: 40px auto;
	background-image:url(img/horizontal_rule.gif);
	background-repeat:no-repeat;
	background-position:center;
	clear:both;
}

#index_tools {
	display: block;
	margin: 20px 0 -20px 0;
	clear: both;
}
	
#page_tools {
	float: right;
	height: 12px;
	font-size: 12px;
	margin-top: -2px;
	}	
	
#page_tools img {
	margin-left: 12px;
	}	
	
ul#partners_box {
	border: 1px solid #D7D7D7;
	text-align: center;
	padding: 20px 30px;
	list-style-position: outside;
	width: auto;
	}

.clear {
	clear: both;
	}

#left_col .quote_box {
	border: 1px dotted #D7D7D7;
	background: #FFFCEB;
	margin: 20px 35px;
	}
	
#left_col .quote_box p {
	padding: 0 20px;
	margin: 0;
	}		
	
#left_col .q_open {
	margin: -5px 0 0 -5px;
	}	
	
#left_col .q_closed {
	text-align: right;
	margin: 0 -5px -5px 0;
	}
	
.req {
	color: #ff0000;
	font-weight: 700;
}

fieldset {
	font-size: 1em;
	border:1px solid #cecece;
	padding: 1em;
	margin: 0;
}

legend {
	font-weight: 700;
	padding: 0 0.75em;
	_margin-bottom: 1em;
}

fieldset span.one {
	display: block;
	clear: both;
	margin: 2px 0;
}

label {
	float: left;
	width: 5em;
	text-align: right;
	padding-right: 5px;
}

span.one input {
	width: 200px;
}

span.one textarea {
	width: 200px;
}

#btn {
	width: auto;
	padding: 0 10px;
}

#contactform fieldset {
	width: 300px;
	float: right;
}

#contactform hr {
	margin: 10px 0;
}

#contactform label.error {
	display: block;
	float: left;
	margin-left: 5em;
	_margin-left: 2.6em;
	color: #ff0000;
	text-align: left;
	clear: both;
	padding: 5px;
	width: 200px;
}

#send-to-friend {
	text-align: left;
}

#send-to-friend fieldset {
	width: 420px;
	margin: 10px auto;
	font-size: 12px;
	padding: 10px;
}

#send-to-friend span.one {
	display: block;
	width: 100%;
	clear: both;
}

#send-to-friend label {
	display: block;
	float: left;
	width: 160px;
	text-align: right;
	margin-right: 5px;
}

#send-to-friend span.one input {
	float: left;
	width: 190px;
}

#send-to-friend span.one textarea {
	float: left;
	width: 240px;
}

#send-to-friend hr {
	clear: both;
	margin: 10px 0;
}

#send-to-friend #btn {
	width: auto;
	padding: 0 10px;
}

#send-to-friend label.error {
	display: block;
	float: left;
	margin-left: 170px;
	_margin-left: 85px;
	color: #ff0000;
	text-align: left;
	clear: both;
	padding: 5px;
	width: 240px;
}

/* ------------------------------- dropdown menu styling ---------------------------------- */
	
/* common styling */
.menu { background: #EAEAEA; font-size: 12px; font-weight: bold; height: 28px; padding: 5px 0 2px 14px; border-bottom: 5px solid #D7D7D7; position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display: block; padding: 7px 23px 8px 6px; color: #6F6F6F; margin-right: 10px; text-decoration: none; float: left; width: auto; text-align:left; overflow:hidden; background: url(img/drop_off.gif) right no-repeat;}
.menu ul li a:hover {color: #fff; background: #85C7B6 none;}
.menu ul li a.nodrop {padding: 7px 7px 8px; background: none;}
.menu ul li a.nodrop:hover {color: #fff; background: #85C7B6 none;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative; }
.menu ul li ul {display: none;}

/* specific to non IE browsers - dropdowns */
.menu ul li:hover a { color: #fff; background: #85C7B6 url(img/drop_on.gif) right no-repeat;}
.menu ul li:hover a.nodrop { color: #fff; background: #85C7B6 none;}
.menu ul li:hover ul { display:block; position:absolute; top:27px; left:0; width: 150px; border-width: 1px; border-style: solid; border-color: #D7D7D7; padding: 10px; background: #fff; }
.menu ul li:hover ul li a.hide { background: url(img/drop_off.gif) right no-repeat; color:#fff;}
.menu ul li:hover ul li:hover a.hide { background: #fff url(img/drop_off.gif) right no-repeat; color:#000;}
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { display:block; color: #6F6F6F; background: #fff; width: 140px; font-weight: normal; text-decoration: none; line-height: 16px; padding: 5px; border-bottom: 1px dotted #cecece; }
.menu ul li:hover ul li a:hover { color:#000; background: #efefef; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:150px; top:0; }
.menu ul li:hover ul li:hover ul.left { left:-150px; }

/* ------------------------------- coda slider styling ------------------------------------- */

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	clear: both;
	background:#FFFCEB none repeat scroll 0%;
	border:2px solid #D7D7D7;
	width: 646px;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 646px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px 10px 20px 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	float: right;
}

#left_col .stripNav ul { /* The auto-generated set of links */
	list-style: none;
	margin: 0;
}

.stripNav ul li {
	float: left;
	margin-left: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav ul li a { /* The nav links */
	font-size: 11px;
	font-weight: bold;
	background: #82C7B4;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	border: 1px solid #427676;
}

.stripNav li a:hover {
	background: #427676;
}

.stripNav li a.current {
	background: #427676;
	color: #fff;
}

.stripNavL a, .stripNavR a { 
	float: left; 
	color: #427676;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 5px;
}

/* ----------------------------------------- code slider styling ends ---------------------------------------- */

/* ----------------------------------------- text resize styling ----------------------------------------------*/
#accessibility {
	float: right;
	margin-left: 10px;
	margin-right: -10px;
	margin-top: -2px;
	font-size: 11px;
}

ul.fontsize, ul.switcher {
	float: left;
}

ul.fontsize li, ul.switcher li {
	float:left;
	margin-right:10px;
	border: 0;
	text-align: left;
}

ul.fontsize li a, ul.switcher li a{
	color: #666;
	font-size: 10px;
	text-decoration: none;
	border: 1px solid #cecece;
	padding: 2px;
}

#accessibility a.reset {
	display: none;
	visibility: hidden;
}

.flash-replaced .alt {
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}

.flash-replaced  {
	z-index: 1;
}