/* *********************************************************
    Roy this CSS is exactly the same as the LIVE version 
	The only difference is the PMO menu in the Home HTML
   ********************************************************* */
/* *********************************
    HTML Entities 
   ********************************* */
img, div, input { behavior: url("iepngfix.htc") }

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

}
h2 {
	padding: 0;
	color: #003F87; 
	font-size: 150%;
	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: #003F87;
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:5px;
	margin-bottom: 5px;
	font-size: 135%;
	font-weight: normal;
	color: #FAFAFA;	
}
a {
	text-decoration: none;
}

a:active {
  outline: none;
}

em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}

/* *********************************
    Layout 
   ********************************* */
.divider {
}
.wrapper {
	width: 720px;
	margin: 0 auto;
	text-align:left;
/* border: thin solid green; */   		
}
.gutter {
	position: relative;
	padding: 20px;
}

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


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

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

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

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

#header {
	background: #FAFAFA url(images/head_grad.png) repeat-x top left;
	height: 160px;
}
#header .wrapper {
	position: relative;
}

#header h1 {
	text-align: right; 
	padding: 10px 10px 0px 10px;
	font-size: 2em;
	color: #003F87;
	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: #003F87;	
}
#header h3, #header h4, #header h5 {
	padding: 0px 10px 0px 10px;
	text-align: right; 
	color: #3D3D3D;	
}

/* *********************************
    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_nav.png) repeat-x center left;
}
#mainNav ul li {
	display: inline;
	float: left;
	background: transparent url(images/main_navdiv.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: #C1C1C1;
}
#mainNav ul li a:hover, #mainNav ul li a:active {
	color: #FFFFFF;
}	
#mainNav .first {
	margin: 0;
	background: none;
}

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

body.home #mainNav a#sHome {
	color: #FFFFFF;
}
body.about #mainNav a#sAbout {
	color: #DADADA;
}
body.topRatings #mainNav a#sTopRated {
	color: #DADADA;
}
body.submit #mainNav a#sSubmit {
	color: #DADADA;
}
body.login #mainNav a#sLogin {
	color: #DADADA;
}
body.register #mainNav a#sRegister {
	color: #DADADA;
}




/* *********************************
    Content  
   ********************************* */
#content {
	clear: both;
	background: #3D3D3D url(images/content_grad.png) repeat-x top left;
	color: #FAFAFA;
}
#mainContent {
	float: left;
	width: 421px;
}
#recent {
	width: 406px;
	margin-left: 7px;
	background: #003F87;
	margin-bottom: 35px;
}
#recent .first {
	margin-top: 0;
}
#recent h4.first {
	margin-top: 25px;
}
#recent a:link, #recent a:visited {
	color: #FAFAFA;
}
#recent a:hover, #recent a:active {
/*	border-bottom: 1px dotted #DADADA; */
}

#recent .gutter ul li {
	position: relative;
}
#recent .gutter ul li a.more {
	float: right;
	margin-top: -52px;
	margin-right: 2px;
	color: #DADADA;
	font-size: 140%;
	background-image: url(images/bullet_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#recent li{
	padding: 0 0 5px 30px;
	background-image: url(images/bullet_diamond.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}	

#recent p {
	margin-top: 11px;
	line-height: 1.2em;
	font-size: 15px;
}
#recent span {
	color: #FAFAFA;
	font-weight: bold;
	font-size: 90%;
}

#secContent {
	float: right;
	width: 288px;
}

#cont_cat {
	margin-left: 6px;
	width: 272px;
	background: #DADADA url(images/gst_catbox.png) no-repeat top right;
}
#cont_cat h4 {
	color: #303D43;
}

#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: #FAFAFA;
}
#cont_cat ul a:hover, #cont_cat ul a:active {
	color: #003F87;
}
#cont_cat ul a span {
	color: #FAFAFA;
}
#cont_cat h4 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px; 	
}
#cont_cat input {
	font-size: 110%;	
}

#categories {
	margin-left: 6px;
	width: 272px;
	background: #DADADA url(images/gst_catbox.png) no-repeat bottom right;
}
#categories h4 {
	color: #303D43;
}

#categories ul li {
	display: block;
	font-size: 110%;
	padding: 8px 5px 0px 0px;
	color: #303D43;

}
#categories .first {
	margin-top: -5px;
}
#categories ul a:link, #categories ul a:visited {
	color: #FAFAFA;
}
#categories ul a:hover, #categories ul a:active {
	color: #003F87;
}
#categories ul a span {
	color: #FAFAFA;
}
#categories h4 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px; 	
}
#categories input {
	font-size: 110%;	
}
/* *********************************
    PMO menu change site  Buy now
   ********************************* */
#pmo_menu {
	position: absolute;
	top: 0px;
	left: 0px;
/*	background-color: #fff;	*/	
	background-color: #EBE9ED; 
	width: 300px;
  	border-bottom: thin solid #A7A6AA;   
  	border-right: thin solid #A7A6AA;   
}
/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	color: #3D3D3D;
	background: #FAFAFA;
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: left;
}
#footer span {
	color: #003F87;
}
#footer a:visited {
	color: #003F87;

}


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

}
/* hide ugly dotted lines */
* html a:hover {
	border: 1px solid #acb3b7;
}



/* Form styles --------------------- */

textarea {
	font-size: 110%;
	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 */
}