/******************************************
Copyright Notice: Parts of these notes are
(c) Owen Briggs @ www.thenoodleincident.com
(for the font css file) (c) Big John @
www.positioniseverything.net and (c) Paul
O'Brien @ www.pmob.co.uk,(c) ClevaTreva Designs
******************************************/

html,body{
  margin:0; 
  padding:0;
  border:0;
/* \*/
  height:100%;
}
body{
  min-width:778px; 
  text-align:center; 
}
.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} 
#fullheightcontainer{
  margin-left:auto; 
  margin-right:auto; 
  text-align:left; 
  position:relative; 
  width:778px; 
/* \*/
  height:100%;
}
#wrapper{
  min-height:100%; 
/* \*/
  height:100%;
}
#wrapp\65	r{ 
  height:auto; 
}
/* \*/
* html #wrapper{
  height:100%;
}

#outer{
  z-index:1; 
  position:relative; 
  margin-left:155px; 
  width:478px; 
  background:#FFFFFF; 
/* \*/
  height:100%;
}
#float-wrap{
  width:478px; 
  margin-right:-1px; 
  float:left;
  display:inline;
}
#left{
  width:156px;  
  float:left;
  display:inline;
  position:relative; 
  margin-left:-155px; 
}
*>html #left{width:155px;} 
#container-left{
  width:155px; 
}
#right{
  float:left;
  display:inline;
  width:147px; 
  margin-right:-145px; 
  margin-left:-1px; 
  position:relative; 
}
/* \*/
* html #right{
  width:146px;
  margin-left:0px;
  margin-right:-500px;
  mar\gin-right:-146px;
}

#container-right{
/* \*/
  width:145px;
  margin-left:2px; 
}
/* \*/
* html #container-right{
  fl\oat:right;
  di\splay:inline;
  margin-left:1px;
  mar\gin-left:0px;
}
/* Above style hidden from Mac IE */
/*** Above margin left set to = one internal border width + 1px ***/
/*** Static fixes ***/

/*** a Note on the Holly hack: if IE/Win shows bugs it's a good idea to apply the height:1%
     hack to different elements and see if that fixes the problem. Sometimes it may be
     necessary to use "position: relative;" on certain elements, but it's hard to tell in
     advance which elements will need such fixes. ***/
/*** This is a STATIC fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
/*** All the IE fixes that are inside seperate "Mac-hacks" may be grouped within
     just one Mac-hack for convenience if desired. However, each fix must come
     later than the rule it is fixing or the fix itself will be overridden. ***/
#center{
  width:478px; /*** Set to = center col width ***/
  float:right;
  display:inline;
  
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
/*** clearheader heights are made from header height + borders +
any sidebar box height, less any sidebar intrusion.
Similar calcs for footers. ***/
#clearheadercenter{
  height:95px; /*** needed to make room for header in center column ***/
  overflow:hidden;
}
#clearheaderleft{
  height:95px; /*** needed to make room for header in left column ***/
  overflow:hidden;
}
#clearheaderright{
  height:95px; /*** needed to make room for header in right column ***/
  overflow:hidden;
}
#clearfootercenter{
  height:70px; /*** needed to make room for footer in center column ***/
  overflow:hidden;
}
#clearfooterleft{
  height:70px; /*** needed to make room for footer in left column ***/
  overflow:hidden;
}
#clearfooterright{
  height:70px; /*** needed to make room for footer in right column ***/
  overflow:hidden;
}
#footer{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  clear: both;
  width:778px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  height:70px; /*** = Bottom Margin + One Outer Border + body to footer divider depth +
subfooter1 height + any other subfooter heights ***/
  overflow:hidden;
  margin-top:-70px; /*** negative height ***/
}
#subfooter1{
  background:#FFFFFF; /*** Background Color of Sub-footer #1 ***/
  text-align:center;
  height:70px; /*** sub-footer row height ***/
  border-top: 1px solid #cccccc;
}
.bottomtopmargin{
  background:#FFFFFF; /*** When Background Color of Body is not set, this is white (#FFFFFF) ***/
  width:778px; /*** Set to Left Col + Right Col + Center Col + Both Inner Borders +
Both External Borders ***/
  overflow:hidden;
}
#header{
  z-index:1; /*** Critical value for Moz/Opera Background Column colors fudge to work ***/
  position:absolute;
  top:0px;
  width:778px; /*** Set to Left Col (not if left sidebar fully intrudes into header or left sidebar is off)
+ Right Col (not if right sidebar fully intrudes into header or right sidebar is off) + Center Col + Both Inner
Borders (not if any sidebar intrudes into header or footer, or Inner Borders are off) + Both External Borders
(not if external borders are off) ***/
  height:95px; /*** = Top Margin + One Outer Border + header to body divider depth +
subheader1 height + any other subheader heights ***/
  overflow:hidden;
}
#subheader1{
  background:#FFFFFF; /*** Background Color of Sub-header #1 ***/
  text-align:center;
  height:45px; /*** sub-header row height ***/
}
#subheader2{
  background:#FFFFFF; /*** Background Color of Sub-header #2 ***/
  text-align:center;
  height:35px; /*** sub-header row height ***/
}
#topmargin{
  height:5px; /*** top margin height ***/
}
#headergap{
  height:10px; /*** Header Gap (gap between header and body) ***/
  overflow:hidden;
}
#gfx_bg_middle{
  top:0px;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:478px; /*** = Center Col Width ***/
  margin-left:155px; /*** = Left Col Width ***/
  background:#FFFFFF; /*** Set background color for center column for Mozilla & Opera ***/
}
* html #gfx_bg_middle{
  display:none; /*** Hides the moz fix from IE ***/
}

body {
	font-family: arial, helvetica, verdana,  sans-serif;
	font-size:100.1%; 
	color: #000000;
	}
a {
	text-decoration: none;
	font-weight: normal;
	outline: none;
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
strong, b {
	font-weight: bold;
	}
hr {
	margin: 0px; /* fixes xhtml N6 bug where the hr sits to the left*/
	color: #ccc; /* for ie */
	background-color: #ccc; /* for everyone else */
	height: 1px;
	}
p {
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 1.2em;
	margin-bottom: 1.2em; 
	}
li {
	font-size: 0.9em;
	line-height: 1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em; 
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em; 
	}

img {
	border: 0;
	}



.c {
	float: left;
}
.cr {
	clear: left;
}

td {
	vertical-align: top;
	padding: 5px;
	font-size: 90%;
}

h1 {
font-color: #999;
	font-size: 1.2em;
	font-weight: bolder;
	margin: 5px 0 5px 0;
}

h2 {
	font-size: 1em;
	font-color: #999;
	font-weight: bolder;
	margin: 0px;
	padding: 0;
}

h3, a.front  {
	color: #999;
	font-size: 0.8em;
	padding: 0;
	border-bottom: 1px dotted #999;
}
a.front  {
	color: #999;
	font-size: 1em;
	padding: 0;
	border-bottom: 1px dotted #999;
}

h4 {
	color: #999;
	font-size: 0.9em;
	padding: 0;
	margin: -2px;
	}
h5 {
	font-size: 0.9em;
	padding: 0;
	margin: -2px;
	}
a.hl {
color:#000;
font-weight: bold;
}

#descr {
	padding: 0px;
	margin: 0 0 5px 0;
}

td.err {
	padding: 3px;
	color: #FF0000;
	background: #FFEDED;
	border: 1px solid #999;
	text-align: left;
}
td.msg{
	padding: 3px;
	color: #0000FF;
	background: #EDF3FF;
	border: 1px solid #999;
	text-align: left;
}
.label {
	text-align: right;
}
.buttons {
	border-top: 1px solid #999;
	text-align: center;
}
.count {
	color: #999;
	font-size: 8pt;
	font-weight: normal;
}
#links a {
	font-size: 1em;
	font-color: #000000;
}
#links p {
	margin: 0 0 5px 0;
}
.url {
	color: #999;
	font-size:0.8em
}
#path {
	margin-top: 2px;
	padding: 3px;
	line-height: 19px;
	font-size: 0.9em;
	
}
.submit {
	float: right;
	vertical-align: bottom;
}

.text, .btn input.submit {
	font-size: 8pt;
	font-family:  Arial, Helvetica, sans-serif;
}
 

input.text {
	color: #000000; 
	border: 1px solid #999;
	/*height: 13px;*/
}
textarea.text {
	font-size: 8pt;
	border: 1px solid #dddddd;
}
select {
	font-size: 8pt;
	border: 1px solid #999;
}

.captcha {
	border: 1px solid #999;
	margin-top: 10px;
}

form {
	display: inline;
	margin: 0;
	padding: 0;
}
.btn input.submit {
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #999;
	background-color: #FFCC00;
	margin: 2px;
	height: 17px;
}
span.req{
	margin-left: 3px;
	color: #FF0000;
	font-weight: bold;
}

div.errForm, span.errForm {
	margin: 0px 0 0px 5px;
	padding: 2px 3px 2px 3px;
	color: #FF0000;
	background: #FFFFF3;
	border: 1px solid #999;
	text-align: left;
	clear: right;
}
.small, .small a {
	padding: 0px;
	margin: 0px;
	color: #999;
	font-size: 7pt;
	text-decoration: none;
}
.sort {
	color: #000000;
}
p.subcats {
	margin: 0px 0px 7px 0px;
	padding: 0px;
}
div.pr {
	font-size: 6pt;
	color: #000000;
	float: left;
	height: 30px;
	margin-right: 5px;
}
div.prg{
	width: 40px;
	border: 1px solid #999999;
	height: 3px;
	font-size: 1px;
}
div.prb{
	background: #5eaa5e;
	height: 3px;
	font-size: 1px;
}

div.footer{
	text-align: center;
	border-top: 1px solid #999;
	padding: 3px 0 0 0;
	margin-top: 50px;
}
div.footer a{
	color: #999;
}

div.banner {
padding:0;
margin:0;
border:0;
}
.price {
	border: 1px solid #A0A0A0;
}
.price table td{
	margin: 0;
	padding: 2px;
	vertical-align: bottom;
}
/* my colors*/
 a.cat {
font-size: 1em;
font-weight: bolder;
text-decoration:none;
color: #000;

}
a.sub{
font-size: 0.9em;
color: #000;
text-decoration:none;
}
a.footer{
font-size: 0.9em;
color: #999;
text-decoration:none;
}
.copyright { font-size: 0.7em; color: #999; padding-left: 5px;}	

.grey {
color: #999;
font-size: 10px;
padding: 5px;
text-align: left;
width: 300px;
}


li.col_2 {
list-style-type: none;
padding: 2px;
margin: 4px 2px 4px -40px;
}

a.col2, a.col2:link, a.col2:visited {background: #fff; border:1px solid #999;  text-decoration:none; font-size:1em; color: #000; line-height: 1em;   margin:1px; white-space: nowrap; padding:1px; }  

a.col2:hover {color:#fff; background:#bbb;} 
a.col2:active {color:#fff; background:#fc0;}
#nav span {display:none;} 
a.col2sel {background:#fc0;border:1px solid #000;  text-decoration:none; font-size:1em; color: #000; line-height: 1em;   margin:1px;  padding:2px; } 

p.link_desc {
font-size:0.9em;
}

h4.link {
	font-size: 0.9em;
	
	margin-bottom: -18px;
	padding-bottom: -18px;
}



a.path , .path{
font-size: 0.8em; 

}
 a.path {
 text-decoration:none; font-size:0.9em; color: #000; line-height: 1em; 
 
 }
 
 a.link {
 text-decoration:none; font-size:1em; font-weight: bolder; color: #000; line-height: 1em; 
 }
 
 .side {
 font-size: 1.2em;
 color: #999;
 }
 
/* Top menu */ 
#navcontainer
{
height: 14px;
border: 0;
margin: 0px;
padding-left: 80px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

#navcontainer ul
{
margin-top: 0px; /* leave here */
list-style-type: none;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0px;
margin: 0px;
}

#navcontainer ul li a
{
background-color: #FC0;
border: 1px solid #000;
padding: 2px;
margin: 0 5px 0px 0;
color: #000000;
text-decoration: none;
display: block;
text-align: center;
font-size: 1em;
}

#navcontainer ul li a:hover
{
color: #ff0000;
background-color:#eeeeee;
}

#navcontainer a:active
{
color: #000000;
background-color:#eeeeee;
}

#navcontainer li#active a
{
color: #000000;
background-color:#eeeeee;
border: 1px solid #000;
}


/* side menu left*/ 

.side_nav
{
padding: 0px;
width: auto;
}

#side_nav li
{
list-style: none;
margin-top: 0px;
padding-left: 2px;
padding-top:-16px;
border: 0px solid #ccc;
font-size: 0.9em;
text-align: left;
margin-left: -40px;
}


#side_nav li a { text-decoration: none;}
#side_nav li a:link { color: black; }
#side_nav li a:visited { color: gray; }

#side_nav li a:hover
{
color: #ff0000;
background-color:#eeeeee;
}

#side_nav a:active
{
color: #000000;
background-color:#eeeeee;
}

#side_nav li#active a
{
color: #000000;
background-color:#eeeeee;
border: 1px solid #000;
}

/* side menu right*/ 
#side_nav_r
{
padding-left: 16px;
margin-left: 0px;
width: auto;
}

#side_nav_r ul {
margin-left: -35px;
}

#side_nav_r li
{
list-style: none;
margin-top: 0px;
padding: 2px;
border: 0px solid #ccc;
font-size: 0.9em;
text-align: left;
}


#side_nav_r li a { text-decoration: none; }
#side_nav_r li a:link { color: black; }
#side_nav_r li a:visited { color: gray; }

#side_nav_r li a:hover
{
color: #ff0000;
background-color:#eeeeee;
}

#side_nav_r a:active
{
color: #000000;
background-color:#eeeeee;
}

#side_nav_r li#active a
{
color: #000000;
background-color:#eeeeee;
border: 1px solid #000;
}

/* social bm*/
#social {
margin: -15px;
}
#bookmarks li
{
display:inline;
list-style-type: none;
padding-right: 5px;


}
span.help { position: relative;}
span.social_help span { display: none; width: 500px; }
span.social_help:hover span {
	margin-top: px;
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	color: black;
	font-size: 11px;
}

hr {
color: #dddddd;
}

.rate {
border-top: 1px solid #ddd;
}

.ad {
float: left; 
margin-right:5px;
}
p.summary {
font-size: 0.8em;
margin-top: 0px;
margin-bottom: 6px;
}
div.summary {
font-size: 0.9em;
color: #000;
}

div.ArticleText {
font-size: 0.9em;color: #000;
}
p.ArticleText {
font-size: 0.8em;color: #000;
}

a.artlink {
 text-decoration:none; font-size:0.8em; font-weight: bold;  line-height: 1em; 
 }
 
a.CategoryItem {
text-decoration:none; font-size:0.8em; font-weight: bold;  line-height: 1em; 
}

a.cat_tree {
text-decoration:none; font-size:0.8em; 
}
/* cat_tree*/ 
h5.cat_tree {
	font-size: 0.9em;	
	margin-bottom: -10px;
	font-weight: normal;
	
}

div.cat_tree {
border: 0px solid #ccc;
padding-left: 5px;
padding-top: 5px;
margin-right: 5px;
}

#cat_tree
{
padding: 0px;
margin-left: 0;
width: auto;
}

#cat_tree li
{
list-style: none;
margin-top:-6px;
padding: 0px;
border: 0px solid #ccc;
font-size: 1.1em;

text-align: left;
}


#cat_tree li a { text-decoration: none; }
#cat_tree li a:link { color: black; }
#cat_tree li a:visited { color: gray; }

#cat_tree li a:hover
{
color: #ff0000;
background-color:#eeeeee;
}

#cat_tree a:active
{
color: #000000;
background-color:#eeeeee;
}

#cat_tree li#active a
{
color: #000000;
background-color:#eeeeee;
border: 0px solid #000;
}

.gsearch {
margin-left:-14px;


}