/*
ContentGenerator.net stylesheet
Adapted from GuyWeb.co.uk - 2 column layout 
__________________________________________________*/


/* LAYOUT
_________________________________________________*/

body {
background-color: #F7F7F7; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;   
padding:0;
text-align:center;
}

/*overall width of document plus auto margins to make it central*/

#wrapper {
	clear:both;
	width: 760px;
	height:101%;
	margin: 0 auto;
	padding:0;
	text-align:center;
	border: 1px solid #0A6CCE;
	background-color: #FFFFFF;
}

/*Can be used for further design enhancements*/

#wrapper2 {
	margin:0;
	padding:0;
	text-align:left;
}

#headerwrap {
	width:100%;
	height:80px;
	margin:0;
	padding:0;
	background-color: #0A6CCE;
	text-align: center;
}

#navwrap {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background-color: #CCFFCC;
}

/*___________________________________________*/

/*Enables relative absolute positioning to occur*/

#innerwrap {
	clear:both;
	position:relative;
	width:760px;
	height:auto;
	margin:0;
	padding:0;
	}

/*Doesn't use positioning in order to enable the footer to always be below the content.*/

#contentwrap {
	position:relative;
	top:0;
	left:0;
	width: 610px;
	height:100%;
	margin: 0 0 0 0;
	padding:0;
}

#blue_content {
	margin: 15px;
	padding: 15px 15px 5px 15px;
	background-color:#D7E1FF
}
#grey_content {
	margin: 15px;
	padding: 15px 15px 5px 15px;
	background-color:#EEEEEE
}

#inner-content {
	padding: 15px;
	width: 258px;
	position: relative;
	background-color: #D7E1FF;
}


#inner-content-right {
position:absolute;
top:62px;
left: 311px;
	padding: 15px;
	width: 258px;
	background-color: #D7E1FF;
}



#linkswrap {
	position:absolute;
	top:0;
	left:610px;
	width: 150px;
	height: auto;
	margin: 0;
	padding:0;
}

#footerwrap {
	clear:both;
	width:760px;
	height:auto;
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0A6CCE;
}

/* DESIGN
_________________________________________________*/

img {
	border: 0px none;	
}

a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000FF;
	text-decoration: none;
	border: none;
	background-color: transparent;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	background-color: #ddeeff;
}

.titleside, .footer {
	color: #B4B4B4;
}

a.footer:link, a.footer:visited, a.footer:active {
color: #FFFFFF;
}
a.footer:hover {
	color: #FFFFFF;
	background-color: #000000;
}

a.titleside:link, a.titleside:visited, a.titleside:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	padding-top: 0px;
	padding-left: -10px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 150px;
	text-indent: 8pt;
	text-decoration: none;
	left: 0px;
	color: #FFFFFF;
}

a.titleside:hover {
	color: #FFFFFF;
	background-color: #000000;
}

a.titlelink:link, a.titlelink:visited, a.titlelink:active, a.titlelink:hover,
a.titlelinkselected:link, a.titlelinkselected:visited, a.titlelinkselected:active 
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	padding-top: 5px;
	padding-left: -10px;
	padding-right: 0px;
	padding-bottom: 5px;
	width: 150px;
	text-indent: 8pt;
	text-decoration: none;
	border: none;
	font-weight: bold;
	left: 0px;
	color: #FFFFFF;
}

a.titlelinkselected:link, a.titlelinkselected:visited, a.titlelinkselected:active {
color: #FFFFFF;
background-color: #000000;
}

	a.titlelink:link, a.titlelink:visited, a.titlelink:active {
	color: #FFFFFF;
}


a.titlelink:hover, a.titlelinkselected:hover
{
	color: #FFFFFF;
	background-color: #000000;
}
ul.titlelist {
	list-style: none;
	margin-left: 0;
	padding-left: 0pt;
	text-indent: 0pt;

	}

#nav, #content, #links, #footer {
	margin: 0;
	padding: 10px;
	
}

#links {
	background-color: #0A6CCE;
	height: 650px;
}

#header a {
	display:block;
	background-image : url(abs-test.gif);
	background-repeat : no-repeat;
	height:80px;
	width:auto;
}

#header span {
	display:none;
}

#footer {
	text-align:center;
}
.notice,.noticered, .greyed, .highlight {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.notice, .noticered, .noticegreen, .noticeyellow {
	font-weight: bold;
}
.noticered
{	color: #FF0000;
	}
.noticegreen
{
color:#00FF00;
}
.noticeyellow
{
color:#FFFF00;
}
.greyed {
	color: #666666;
}.highlight {
	color: #FF0000;
	padding: 0px;
}
.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 29px;
	font-weight: bold;
	color: #000000;
	letter-spacing: 2px;
}
.product {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
a.product:link, a.product:visited, a.product:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0000FF;
}
a.product:hover {
	color: #FF0000;
	background-color: transparent;
}

.product_white14 {
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF 
}

a.product_white14:link, a.product_white14:visited, a.product_white14:active {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 14px;
	}
a.product_white14:hover {
	font-size: 14px;
	color: #FFFFFF;
	background-color: #000000;
}

.product_white, greybox{
color:#FFFFFF 
}

a.product_white:link, a.product_white:visited, a.product_white:active, a.greybox:link, a.greybox:visited, a.greybox:active {
	color: #FFFFFF;
}
a.product_white:hover, a.greybox:hover {
	color: #FFFFFF;
		background-color: #000000;
}

.stats {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	letter-spacing: 1px;
	font-size: 11px;
	text-align: center;
}
.notice {	font-weight: bold;
}
.highlight {
}
.showoff {
	color: #FF0000;
	background-color: #FFFF99;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	clear: both;
	float: right;
}
.display {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	}
#shaded {
	background-color: #F7F7F7;
	border: 1px dotted #FF0000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.darkred {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
}