/*	FMI SQF Stylesheet
	Author:Brad Graham (bgraham@matrixgroup.net)
	Created:12/2008
----------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/*
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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0 0 11px 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline; /*background:transparent;*/
/*} */
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:'';content:none; }
/* remember to highlight inserts somehow! */
ins { text-decoration:none; }
del { text-decoration:line-through; }
/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	font: italic normal bold 100% "Times New Roman", Times, serif;
	border-collapse: collapse;
	border-spacing: 0;
}
*/
cite { font-style:normal; }

/*	=Generics
************************************/

body { 
	font-size:100%;		/*16 pixel text*/ 	
	font-family:Helvetica Neue, Arial, Helvetica, sans-serif;
	line-height:1.125em;	/*18 pixel line-height*/
	background:url(../images/template/left-bg.gif) 0 0 repeat-y #fff;
	margin-bottom:2em; } 

#skipLinks { left:-9999px; position:absolute; top:-9999px; }
#wrapper { background:url(../images/template/left-side.gif) 0 0 no-repeat transparent; width:674px; min-height:569px; padding-left:174px; padding-top:0.6875em; }
/* Red */
body.red { background-image:url(../images/template/left-bg-red.gif);  }
body.red #wrapper { background-image:url(../images/template/left-side-red.gif); }
/* Purple */
body.purple { background-image:url(../images/template/left-bg-purple.gif);  }
body.purple #wrapper { background-image:url(../images/template/left-side-purple.gif); }
/* Orange */
body.orange { background-image:url(../images/template/left-bg-orange.gif);  }
body.orange #wrapper { background-image:url(../images/template/left-side-orange.gif); }
/* Green */
body.green { background-image:url(../images/template/left-bg-green.gif);  }
body.green #wrapper { background-image:url(../images/template/left-side-green.gif); }
/* Blue */
body.blue { background-image:url(../images/template/left-bg-blue.gif);  }
body.blue #wrapper { background-image:url(../images/template/left-side-blue.gif); }

abbr { border:none; }
.clear { clear:both; }
.importance, strong { font-weight:bold; }
.emphasis, em { font-style:italic; }
.hide { display:none; }
.left { float:left; margin-right:7px; }
.right { float:right; margin-left:7px; }
.upper { text-transform:uppercase; }
.structural { position:absolute; left:-9999px; }

/*	=Font Sizing
************************************/
#content { font-size:0.875em; }	/*14 pixels*/
#nav { font-size:0.6875em; }	/*11 pixels*/
#sidebar { font-size:0.6875em; }/*11 pixels*/
#content { font-size:0.8125em; }/*13 pixels*/

/*	=Links
************************************/
a { text-decoration:none; }
a:link, a:visited { color:#104881; border-bottom:1px solid #104881; }
a:hover, a:active, a:focus { color:#00a2c9; border-bottom:none; }

/*	=Header
************************************/
/*--Gilder/Levin image replacement START--*/
#logo { width:181px; height:60px; position:relative; overflow:hidden; float:right; }
#logo span { background:url(../images/template/sqf-logo.gif) 0 0 no-repeat; position:absolute; cursor:pointer; width:100%; height:100%; }
/*--Gilder/Levin image replacement END--*/
#tagline { font-size:1.125em; color:#7a837e; font-style:italic; margin-top:2.333em; }

/*	=Nav
************************************/
#nav { background-color:#00a2c9; clear:both; margin:0.909em 0 2.272em; padding:0.455em 0; text-align:center; }
/* Alt Colors */
body.red #nav { background-color:#d21243; }
body.purple #nav { background-color:#7174b7; }
body.orange #nav { background-color:#fba828; }
body.green #nav { background-color:#50ae58; }
body.blue #nav { background-color:#00a2c9; }
/* Enrichment For CSS3 browsers (roudned corners) */
#nav {
-webkit-border-radius: 13px 0 0 13px;
-moz-border-radius: 13px 0 0 13px;
border-radius: 13px 0 0 13px;
}
#nav li { display:inline; border-right:1px solid #fff; }
#nav li.last { border-right:none; }
#nav li a { padding:0 12px; }
#nav a:link, #nav a:visited { color:#fff; font-weight:bold; border-bottom:none; }
#nav a:hover, #nav a:active, #nav a:focus { color:#ddd; font-weight:bold; text-decoration:underline; }

/*	=Aux Nav
************************************/
#aux-nav { overflow:hidden; width:100%; margin-bottom:4em; }
#aux-nav li { float:left; }
#aux-nav li a { border:none; text-align:center; display:block; width:124px; padding-top:91px; padding-left:0.5px; font-weight:bold; background-position:50% 0; background-repeat:no-repeat; background-color:transparent; }
#aux-nav li a:hover, #aux-nav li a:active, #aux-nav li a:focus { text-decoration:underline; }
#aux-nav .green-red a { background-image:url(../images/globes/aux-nav/green-red.jpg); color:#f4ae34; }
#aux-nav .blue a { background-image:url(../images/globes/aux-nav/blue.jpg); color:#39579d; }
#aux-nav .red a { background-image:url(../images/globes/aux-nav/red.jpg); color:#a82130; }
#aux-nav .lightblue a { background-image:url(../images/globes/aux-nav/lightblue.jpg); color:#0076a8; }
#aux-nav .purple a { background-image:url(../images/globes/aux-nav/purple.jpg); color:#39579d; }
/* Five */
#aux-nav.five li a { width:99px; }

/*	=Tertiary Nav
************************************/
#tertiary-nav { }
#tertiary-nav li { display:inline; border-right:1px solid #a8a8aa; padding-right:4px; line-height:1.923em; }
#tertiary-nav li.last { border:none; }
#tertiary-nav li a:link, #tertiary-nav li a:visited { color:#a8a8aa; border-bottom:none; }
#tertiary-nav li a:hover, #tertiary-nav li a:active, #tertiary-nav li a:focus, #tertiary-nav li .current a { color:#707070; border-bottom:1px solid #707070; }

/*	=Main
************************************/
#main { clear:both; }

/*	=SideBar
************************************/
#sidebar { width:146px; float:left; padding-top:1em; text-align:right; background-position:50% 33px; background-repeat:no-repeat; background-color:transparent; }
#subnav li { margin-bottom:0.8em; }
#sidebar h2 { margin-bottom:4.545em; text-align:left; }
/* Sidebar Globes */
#sidebar.no-header { padding-top:233px; background-image:url(../images/globes/sidebar/darkblue.jpg); }
/* Primary Producers */
#sidebar h2.primary-producers { width:146px; height:138px; position:relative; overflow:hidden; }
#sidebar h2.primary-producers span { background:url(../images/globes/sidebar/producers.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }
/* Manufacturers */
#sidebar h2.manufacturers { width:147px; height:136px; position:relative; overflow:hidden; }
#sidebar h2.manufacturers span { background:url(../images/globes/sidebar/manufacturers.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }
/* Voluntary Modules */
#sidebar h2.voluntary-modules { width:135px; height:147px; position:relative; overflow:hidden; }
#sidebar h2.voluntary-modules span { background:url(../images/globes/sidebar/voluntary-modules.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }
/* Training Centers */
#sidebar h2.training-centers { width:114px; height:123px; position:relative; overflow:hidden; }
#sidebar h2.training-centers span { background:url(../images/globes/sidebar/training-centers.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }
/* Buyers */
#sidebar h2.buyers { width:115px; height:125px; position:relative; overflow:hidden; }
#sidebar h2.buyers span { background:url(../images/globes/sidebar/buyers.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }
/* Certification Bodies */
#sidebar h2.certification-bodies { width:114px; height:124px; position:relative; overflow:hidden; }
#sidebar h2.certification-bodies span { background:url(../images/globes/sidebar/certification-bodies.jpg) 0 0 no-repeat #fff; position:absolute; width:100%; height:100%; }

/* Links */
#subnav a:link, #subnav a:visited { color:#a8a8aa; border-bottom:none; }
#subnav a:hover, #subnav a:active, #subnav a:focus, #subnav .current a { color:#707070; border-bottom:1px solid #707070; }


/*	=Content
************************************/
#content { margin-left:175px; width:498px; }  /*padding between body text and sidebar*/
#content h2, #content h1 { font-size:1.462em; color:#0c497f; }
#content p, #content ul, #content ol, #content dl { margin:1.385em 0; }
#content ul { list-style-type: disc; margin: 0 0 1.2em 0; padding: 0 0 0 3em; }
#content ol { list-style-type: decimal; margin: 0 0 1.2em 0; padding: 0 0 0 3em; }
#content #aux-nav { list-style-type:none; margin:0; padding:0; }

/* Color Headers */
.hred {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#d21243;}
.hred2 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#d21243;}
.hred3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color:#d21243;}
.hwhite {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; color:#ffffff;}
.hblue {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#00a2c9;}
.hblue2 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#00a2c9;}
.hblue3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color:#00a2c9;}
.hblue4 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#0c497f;}
.hblue5 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#0c497f;}
.hblue6 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color:#0c497f;}
.hgreen {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#00a261;}
.horange {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#e1582c;}
.hor3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#e1582c;}
.hor2 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color:#e1582c;}
.hor4 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color:#e1582c;}
.hgr2 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#00a261;}
.hgr3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color:#00a261;}
.hgreen3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color:#00a261;}
.hpurple {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 19px; font-style: normal; font-weight: bold; color:#7174b7;}
.hpurple2 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color:#7174b7;}
.hpurple3 {font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color:#7174b7;}
.small {font-size:10px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal}
.smallred {font-size:10px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; color: ff0033}
.smallblue {font-size:10px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; color: 000066}
.smallgreen {font-size:10px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; color: 00a261}
.boldblue {font-size:14px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: 000066}
.boldorange {font-size:12px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: e1582c}
.boldred2 {font-size:12px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: 660000}
.boldblue2 {font-size:12px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: 000066}
.boldgreen {font-size:14px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: 00a261}
.boldgreen2 {font-size:12px; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; color: 00a261}

/* Maxx styles */
.alert, .required, .required_field, .requiredfield, .attention, .error {color:#912A19; font-weight: bold; }
.required, .required_field, .requiredfield {font-size: 135%;}
.fieldlabel, .label, .field_label {font-weight: bold;}
.help, .helptext, .help_text {font-size: 90%;}
.headline1 { font-size: 165%; font-weight: bold; padding: 0 30px 8px 0; color: #00a2c9;}
.headline2 { clear:both; font-size: 120%; font-weight: bold; /*margin-top: -10px;*/ padding: 5px 0 5px 0;}
.headline3 { font-size: 95%; font-weight: bold; color: #00a2c9; padding: 5px 30px 5px 0; }
.headline4 { font-size: 85%; font-weight: bold; color: #333; padding: 5px 30px 5px 0; }
.normal {font-size: 95%; }
#subnav li {
	line-height: 85%;
}