/* *********************************************************
    Roy this CSS is exactly the same as the LIVE version 
   ********************************************************* */
img, div, input { behavior: url("iepngfix.htc") }

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif, helvetica, tahoma, arial;
	text-align: center;
	color: #273137;
	background: #E2C8B6;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;

}
h2 {
	padding: 0;
	color: #F7F5F5; 
	font-size: 140%;
	font-weight: normal;
	line-height: 1.3em;
	display: block;
	padding: 11px 4px 9px 0px;

}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	margin-bottom: 20px;
	margin-top: 40px;
	font-size: 180%;
	font-weight: normal;
	color: #424242;	
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 135%;
	font-weight: normal;
	color: #DD1323;	
}
h5 {
	margin: 0;
	padding: 0;
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: bold;
	color: #424242;	
}
a {
	text-decoration: none;
	color: #00BFF3;	
}

a:active {
  outline: none;
}


em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}
/* *********************************
    custom_logo  
   ********************************* */
#custom_logo {
	position: absolute;
	top: 10px;
/*	border: thin solid white;  */ 	
}
/* *********************************
    Layout 
   ********************************* */
.divider {
}
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align:left;
/* border: thin solid green; */    		
}
.gutter {
	position: relative;
	padding: 20px;
}
.widegutter {
	position: relative;
	padding: 20px;
}

/* *********************************
    Section titles About Us etc.  
   ********************************* */
.secTitle {
	margin:20px 8px 26px 8px;
/* border: thin solid white; */ 
}
.secTitle span {
	display: block;
	margin-left: 8px;
	padding-left: 13px;
}


#homeTitle {
	background: #424242 url(images/gst_main.png) no-repeat top left;
		height: 56px;
}

#homecatTitle {
	background: #424242 url(images/gst_cat.png) no-repeat top left;
		height: 56px;

}
#contTitle {
	background: #424242 url(images/gst_cont_title.png) no-repeat top left;
		height: 56px;

}

#contcatTitle {
	background: #424242 url(images/gst_cont_cat.png) no-repeat top right; 
		height: 56px;

}
#cat_certTitle {
	background: #424242 url(images/gst_cat_score.png) no-repeat top right; 
		height: 56px;

}
#wideTitle {
	background: #424242 url(images/gst_wide.png);
	background-repeat: no-repeat;
	background-position: top right;
		height: 56px;

}

/* *********************************
    Header - (has gradient)  
   ********************************* */

#header {
	background: #E2C8B6 url(images/head_grad.png) repeat-x top left;
	height: 120px;

}
#header .wrapper {
	position: relative;
}

#header h1 {
	text-align: right; 
	padding: 10px 10px 0px 10px;
	font-size: 2em;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px; 		
}

#header h2 {
	text-align: right; 
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px; 	
	font-size: 1.3em;
	font-style: italic;	
	color: #FFFFFF;	
}

#header h3, #header h4, #header h5 {
	padding: 0px 10px 0px 10px;
	text-align: right; 
	color: #E6E6E6;	
}


/* *********************************
    Nav Bar  
	made the link color constant
	because nave bar is always grey
   ********************************* */
#mainNav {
	width: 100%;
	display: block;
	float: left;
	line-height: 40px;
	background: #333e46 url(images/main_nav2.png) repeat-x center left;
}
#mainNav ul li {
	display: inline;
	float: left;
	background: transparent url(images/main_navdiv2.png) no-repeat center left;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	padding: 0px 15px 0px 25px;
	float: left;
	font-size: 120%;
	color: #FFFFFF;
}
#mainNav ul li a:hover, #mainNav ul li a:active {
	color: #DD1323;
  	outline: none;	
}	
#mainNav .first {
	margin: 0;
	background: none;
}

/* *********************************
    Highlight Current Page on nave bar 
   ********************************* */

body.home #mainNav a#sHome {
	color: #DD1323;
}

/* *********************************
    Content  
   ********************************* */
#content {
	clear: both;
	background: #666666 url(images/content_grad.png) repeat-x top left;
/*	color: #E2C8B6; */
	color: #273137;
	font-size: 120%;
	line-height: 1.2em;	
}
#mainContent {
	float: left;
	width: 700px;
/*	 border: thin solid green; */  
}


#recent {
	width: 684px;
	margin-left: 7px;
	background: #FFFFFF;
	margin-bottom: 35px;
}
#recent .first {
	margin-top: 0;
}

#recent a:link, #recent a:visited {
	color: #00BFF3;
}

#recent a:hover, #recent a:active {
/*	border-bottom: 1px dotted #FFFFFF; */ 
  outline: none;
	color: #C10416;
}

#recent .gutter ul li {
	position: relative;
}

#recent ul li {
	padding: 10px 0px 0px 20px;
	font-weight: bold;	
}

#recent p {
	margin-top: 11px;
	line-height: 1.2em;
}
#recent span {
	color: #DD1323;
	font-weight: bold;
	font-size: 1.0em;
}
/* *********************************
    Sec Content  
   ********************************* */
#secContent {
	float: right;
	width: 290px;
/*		 border: thin solid red; */  
}

#cont_cat {
	margin-left: 60px;
	width: 222px;
	background: #FFFFFF;
/*	background: #FFFFFF url(images/gst_catbox.png) no-repeat top right; */

}

#cont_cat ul li {
	display: block;
	font-size: 110%;
	padding: 8px 5px 0px 0px;
	color: #303D43;
}
#cont_cat .first {
	margin-top: -5px;
}
#cont_cat ul a:link, #cont_cat ul a:visited {
	color: #FFFFFF;
}
#cont_cat ul a:hover, #cont_cat ul a:active {
	color: #F7F5F5;
  outline: none;	
}
#cont_cat ul a span {
	color: #424242;
}
#cont_cat h4 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px; 
	color: #DD1323;		
}
#cont_cat input {
	font-size: 110%;	
}

#categories {
	margin-left: 6px;
	width: 270px;
	background: #FFFFFF;
/*			 border: thin solid orange; */ 
	
/*	background: #FFFFFF url(images/gst_catbox.png) no-repeat bottom right; */

}
#categories h4 {
	color: #DD1323;
}

#categories ul li {
	display: block;
	font-size: 100%;
	padding: 5px 5px 3px 13px;
	color: #303D43;
	background: transparent url(images/cat_nav.gif) no-repeat center left;
}
#categories .first {
	margin-top: -5px;
}
#categories ul a:link, #categories ul a:visited {
	color: #E2C8B6;
}
#categories ul a:hover, #categories ul a:active {
	color: #DD1323;
  outline: none;	
}
#categories ul a span {
	color: #FFFFFF;
}
#categories h4 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px; 	
}
#categories input {
	font-size: 110%;	
}
/* *********************************
    Wide Content  
   ********************************* */
#wideContent {
	float: left;
	width: 1000px;
}
#wide_block {
	width: 984px;
	margin-left: 7px;
	background: #FFFFFF;
	margin-bottom: 35px;
}
#wide_block .first {
	margin-top: 0;
}
#wide_block h4.first {
	margin-top: 25px;
}
#wide_block a:link, #wide_block a:visited {
	color: #DD1323;
}
#wide_block a:hover, #wide_block a:active {
  outline: none;
/*	border-bottom: 1px dotted #FFFFFF; */ 
}

#wide_block .gutter ul li {
	position: relative;
}
#wide_block .gutter ul li a.more {
	float: right;
	margin-top: -52px;
	margin-right: 2px;
	color: #FF0000;
}
#wide_block p {
	margin-top: 11px;
	line-height: 1.2em;
}
#wide_block span {
	color: #424242;
	font-weight: bold;
}
/* *********************************
    Footer 
   ********************************* */
#footer {
	display: block;
	clear: both;
	color: #000000;
	background: #E2C8B6;
	font-size: small;	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: center;
}
#footer span {
	color: #00BFF3;
}
#footer a:link, #footer a:visited, {
	color: #00BFF3;
}
#footer a:hover, #footer a:active {
	color: #C10416;
  outline: none;
}

/* *********************************
    Floats 
   ********************************* */
.float_pic_right
{
float: right;
margin: 0px 0px 10px 10px;
}
.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #fff;
padding: 2px;
}
.floatleft
{
float: left;
margin: 10px 10px 0 0;
border: 0px solid #666;
padding: 2px;
}

/* *********************************
    Other
   ********************************* */
/* other ------------------------ */
.clear {
	clear: both;
}

* html a:hover {
	border: 1px solid #acb3b7;
}

textarea {
	font-size: 100%;
	font-family: helvetica, tahoma, arial;
}

/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}