body {
    line-height: 170%;
    color: #555;
    background: url(../img/bg/light_body.gif) repeat-y top center;
	font-family:Arial, Helvetica, sans-serif;
}

label.sub-label {
	display:block;
	padding:4px 0px 4px 0px;
	font-size:0.9em;
}

fieldset {
	padding:18px;
	margin:10px 0px 10px 0px;
	border:4px #EAF2F5 solid;
}

legend {
	padding:8px;
	font-weight: bold; 
	font-size: 1em; 
	color: #7496AA; 
	letter-spacing:-1px;
}
option {
	padding:3px 6px;
}
select {
	cursor:pointer;
    height: 20px;
}
a, a:visited {
	color:#000;
}
a:hover {
	color:#666;
	text-decoration:none;
}
.clearer {
	height:1px;
	line-height:1px;
	font-size:1px;
	clear:both;
}
table {
	margin:10px 0px;
}
li td, li table {
	padding:2px;
	margin:0;
}
/* ---------------------------------- Heading Styles */

h1 {
	font-size:1.6em;
	clear:both;
	color:#536C71;
	padding:8px 0px 8px;
	font-weight:normal;
	margin-bottom:8px;
	border-bottom:1px #5B696A solid;
}
h2 {
	font-size:1.4em;
	color:#333;
	padding:10px 0px 8px;
	font-weight:normal;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}

/* --------------------------------- Main Holding Divs */



/**************************************************************
   All page content except for footer
 **************************************************************/

#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}



/**************************************************************
   Topbar with newsletter form and theme change buttons
 **************************************************************/

#topbar {
  float: left;
  width: 100%;
  padding: 0.6em 0;

  font-size: 0.9em;
  text-transform: uppercase;

  color: #CFD9DB;
  background: #FFF url(../img/bg/topbar.gif) repeat-x bottom left;
}



/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	clear: both;
	position: relative;
	height: 5em;
	margin: 0 auto;
	background: #48525B url(../img/bg/header.gif) repeat-x bottom left;
	border-bottom: 2px solid #48525B;
	background-color: #48525B;
}
#searchbar {
    padding:10px;
}
.searchbox {}
.searchbutton {padding:3px 6px !Important;}

#header img {
  position: absolute;
  top: 5%;
  left: 10px;
}

#header ul {
  margin: 2.5em 1em 0 0;
  float: right;
}

#header ul li {
  display: inline;
  list-style: none;
}

#header ul li a, #header ul li a:visited  {
  float: left;
  padding:0 5px;
  color: #FFF;
  border-right: 1px solid #4D5760;
}

#header ul li a:hover {
  color: #FFF;
}



/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {
  margin: 0 auto;
  height: 143px;
  background: url(../img/bg/header_image.jpg) no-repeat top left;
}





/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: left;
  background: #3B5D77 url(../img/bg/menu.gif) repeat-x top left;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#menu ul li a {
  float: left;
  width: 25%;
  height: 4.5em;

  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;

  color: #fff;

  border-top: 7px solid #41637D;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #8C8D94;
}


#menu ul li a:hover,
#menu ul li a.here {
  background: #4A5C6A;
  border-top: 7px solid #455660;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 6em;
  text-align: left;
}

#columns {
  margin: 0 auto;
}


/* Column widths */
.width {
  width: 776px;
}

.widthPad {
  width: 746px;
}

.width25 {
  width: 24%;
}

.width50 {
  width: 48%;
}

.width73 {
  width: 73%;
}

.width75 {
  width: 75%;
}

.width100 {
  width: 100%;
}


/**************************************************************
   Footer
 **************************************************************/


#footer {
  clear: both;
  float: left;
  width: 100%;
  height: 5em;
  margin-top: -5em;
  color:#FFF;
}

#footer a, #footer a:visited {
    color:#FFF;
}
#footer a:hover{
    color:#FFF;
}  

#footer #bg {
  position: relative;
  height: 5em;
  margin: 0 auto;
  background: #49525B url(../img/bg/header.gif) repeat-x bottom left;
}

#footer #bg img {
  position: absolute;
  top: 6%;
  left: 10px;
}



/**************************************************************
   Icons specific to the colour theme
 **************************************************************/

a.lightTheme img,
a.darkTheme img,
a.submitButton img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

a.lightTheme img {
  background: url(../img/icons/light_light_theme.gif) no-repeat center center;
}

a.darkTheme img {
  background: url(../img/icons/light_dark_theme.gif) no-repeat center center;
}

a.submitButton img {
  background: url(../img/icons/light_submit.gif) no-repeat center center;
}



/* ---------------------------------- GENERIC FORM STYLES */

fieldset li, .form-list li {
	padding:5px 0px;
	list-style:none;
}
input[type="text"], input[type="password"], textarea {
	border:1px #CCCCCC solid;
	background-color:#F8F8F8;
	padding:5px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color:#FFFFE6;
}

#login-holder {
	width:400px;
	margin:0px auto;
}

/* This is for all the decent browsers - So they understand the hover effect */
input[type="submit"], input[type="button"], .frm_button {
	padding:6px;
	cursor:pointer;
	background-color:#7496AA;
	border:2px #333 solid;
	color:#fff;
}
input[type="submit"]:hover, input[type="button"]:hover {
    background-image:none;
	border:2px #7496AA solid;
}
/*############ END GENERIC FORM BUTTONS ##############*/

/* --- left side ---  */

#sidecontent 
{
    float:left;
    width:190px;
	padding:3px;
    background-color:#EAF2F5;
}
#sidecontent h2 {
	padding:5px;
	margin:0 0 10px 0;
    color:#586B7A;
    font-size:1.2em;
}
.categorylist {
	padding:0 0 15px 0;
}
.categorylist li {
	padding:1px 0px;
}
.categorylist li a, .categorylist li a:visited {
	display:block;
	padding:2px 0px 2px 10px;
	text-decoration:none;
	color:#000000;
}
.categorylist li a:hover {
	background-color:#7496AA;
	color:#FFF;
}

/*-- Latest Added --*/

.addedlist {
	font-size:0.9em;
}
.addedlist li {
}
.addedlist li a, .addedlist li a:visited {
	color:#000000;
	text-decoration:none;
}
.addedlist li a:hover {
	text-decoration:underline;
}

/* --- Content --- */

#maincontent 
{
    float:right;
    width:520px;
}

/* --- Home Page Links --- */
.linkcats {
	float:left;
	width:45%;
	padding:12px 10px 3px;
	/* set a min height */
	min-height:8em;
    height:auto !important;
    height:8em;
}
.linkcats h5 {
	border-bottom:1px solid #999;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0px 0px 4px;
	padding:0px 0px 2px;
}
.linkcats h5 a, .linkcats h5 a:visited {
	text-decoration:none;
	color:#333333;
}
.linkcats h5 a:hover {
	color:#BBD9EE;
}

.hpsubcatholder {
	list-style:none;
	font-size:0.9em;
	padding:0px 8px;
}
.hpsubcatholder li {
	display:block;
	width:100%;
	float:left;
	padding:1px 0px 1px 0px;
	/* min-height */
   	min-height:1.2em;
    height:auto !important;
    height:1.2em;
}
.hpsubcatholder li a, .hpsubcatholder li a:visited {
	display:inline;
	text-decoration:none;
	color:#666666;
}
.hpsubcatholder li a:hover {
	border-bottom:1px solid #000;
}


/* ---- Listing Page ---- */

#topcategories {
	padding:12px 0px;
	margin:0px 0px 12px 0px;
}
#topcategories li {
	display:block;
	float:left;
	width:44%;
	padding:6px 0px 6px 22px;
	background-image:url(../img/subcat-list-arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
#topcategories li a, #topcategories li a:visited {
	font-size:1.1em;
	color:#333333;
}
#topcategories li a:hover {
}

.listingholders {
	padding:12px 0px;
}
.featuredlisting {
	background-color:#EEEEEE;
	margin:0px 0px 8px 0px;
	padding:10px;
}
.listingholders h4 {
	color:#0066CC;
	font-size:1.3em;
	font-weight:normal;
	padding:1px 0px;
}
.listingholders h4 a, .listingholders h4 a:visited {
	color:#0A55A0;
}
.listingholders h4 a:hover {
	text-decoration:none;
}
.listingholders p {
	font-size:0.9em;
}
p.extralinks {
	font-weight:bold;
}
p.theurl {
	color:#6EB82F;
	font-style:italic;
}

.thumbnail {
	float:left;
	margin:0px 8px 0px 0px;
}

.rssholder {
    text-align:right; 
}
/* ---- FOOTER ---- */

.version {
	font-size:0.8em;
	padding:10px;
}