body {
     background: #C1C1C1 url('page_bg.jpg') top left fixed;
     margin: 5px 0 5px 0;
     padding: 0;       
     font-family: verdana, arial, tahoma, sans-serif;
     text-align: center;
     font-size: 75%; 
     color: #666666;
}

h1 { font-size: 2em; line-height: 2em; margin:0; padding: 0; color: #333333; }
h2 { font-size: 1.75em; line-height: 1.75em; margin:0; padding: 0; color: #333333;  letter-spacing: -1px;}
h3 { font-size: 1.5em; line-height: 1.5em; margin:0; padding: 0; color: #333333;  }
h4 { font-size: 1.25em; line-height: 1.75em;margin:0; padding: 0; color: #333333;  }
h5 { font-size: 1em; line-height: 1em; margin:0; padding: 0; color: #333333;  }


#header h1 {
 line-height: 1.2em;margin:0; padding: 0; color: #DFFDBD;letter-spacing: 0px; 
}

#header h2 {
 font-size: 1.2em; line-height: 1.2em;margin:0; padding: 0; font-weight: normal; color: #DFFDBD;letter-spacing: 0px; 
}

p, ul, ol { 
     margin: 0 0 2em 0;
     padding: 0px;
     font-size: 1em;
     line-height: 1.7em;
}

.rssh2 { 
     font-size: 1.75em; line-height: 1.75em; margin:0; padding: 0; letter-spacing: -1px;
	 color: #3868B8;
}

/*  hyperlinks */


a:link, a:visited, a:active { 
     background-color: transparent;
     color: #3868B8; 
     text-decoration: none;
}

a:hover { 
     background-color: transparent;
     color: #62A51B; 
     text-decoration:none;
}


#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #C4DF9B; 
     text-decoration:none;
}

#footer a:link, #footer a:visited, #footer a:active { 
     background-color: transparent;
     color: #99CCFF; 
     text-decoration: none;
}

#footer a:hover { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration:none;
}


/* lists */


#right_column ul, #left_column  ul, #content_wrapper ul {
     padding-left: 0px;
     list-style-type:none;
     margin-left: 10px;
}

#right_column  ol, #left_column  ol, #content_wrapper ol  {
     margin-left: 10px;
     padding-left: 0px;
}

#right_column  ol li, #left_column  ol li, #content_wrapper ol li {
     margin-left: 0px;
     padding-left: 0px; 
     background: none; 
     list-style-type: decimal;
     list-style-position: inside; 
}

#right_column  li, #left_column  li, #content_wrapper li{
     padding-left: 10px;
     background: transparent url("bullet.gif") 0px .5em no-repeat;
}

 img {
      border: 0px;
 }
/* Page Structure */


#top_bar {
     width: 730px; /* change page width here.  fixed pixel width or percentage */     
     padding: 0px;
     margin: 0 auto;
     padding: 0px;
     background: url('top_bar.jpg') bottom center no-repeat;

}

#bottom_bar {
     width: 730px; /* change page width here.  fixed pixel width or percentage */     
     padding: 0px;
     margin: 0 auto;
     padding: 0px;
     background: url('bottom_bar.jpg') top center no-repeat;
}

#bottom_bar p, #top_bar p {
     margin: 0px;
     padding: 10px;
     text-align: center;
}

#page {
     background-color: #FFFFFF;
     border: 1px solid #B7B3A3;
     width: 730px; /* change page width here.  fixed pixel width or percentage */     
     margin: 0 auto;
     padding: 10px;     
     text-align: left;
}

#header {
     background: #3462B0 url('header_bg.jpg') top right no-repeat;
     height: 100px;
     margin: 0;
     padding: 20px 0 0 30px;
}

#header_logo {
     /*background-color: #03386A;*/
	 background: url('hostcolor.reviews.jpg') top left no-repeat;
	 margin-bottom: 3px;
	 
	 height: 85px;
}

#header_logo h1 { 
     font-size: 3em;   
	 display: none;
}

#breadcrumbs {
     padding: 20px 15px;
     border-bottom: 1px solid #999999;
     background: #ffffff url('breadcrumb_bg.jpg') top left repeat-x;
}

/* Menubar */

#menubar {
    background: #82C13E  url('menu_bg.jpg') bottom left repeat-x;
     margin: 0;
     padding: 6px 0px;
     clear:both;
     border-top: 1px solid #A3E75B;
     border-bottom: 1px solid #669730;
}

ul#navlist {
     margin: 0;
     padding: 0;
     font-family: verdana;
     font-size: 1.2em;line-height: 1.2em;
     font-weight: bold;
     padding: .8em .5em;
     background-color: transparent;
}

#navlist li {
     display: inline;
     list-style-type: none;
     margin: 0; padding: 0;
}

#navlist a { 
     padding: 1em; 
     margin: 0; 
}

#navlist a:link, #navlist a:visited {
     color: #FFFFFF;
     background-color: transparent;
     text-decoration: none;
}

#navlist a:hover {
     color: #FFFFFF;
     background-color: #3462B0;
     text-decoration: none;
}

#content_wrapper {
     float: left;
     width: 100%;
     background: #FFFFFF url('content_bg.jpg') top right repeat-y;
}

#left_column{
     margin-right: 230px; 
     font-size: 1em;
}

#right_column{
     float: left;
     width: 230px; 
     margin-left: -230px; 
     background: #F3F1E9 url('content_bg.jpg') top right repeat-y;
     font-size: 1em;
}

.inner_content {
     margin: 15px; /*margins for inner DIV inside each column (to provide padding)*/
     margin-bottom: 25px;
}

#footer {
     background-color: #3462B0;
     text-align: center;
     padding: 30px;
     border-top: 1px solid #2D5798;
}

#footer p {
     background-color: transparent;  
     margin: 0px; 
     padding: 0px;  
     color: #ffffff; 
}




#searchbox {
     margin: 0 0 15px 0;
     padding: 0;
     border: 0px;     
     text-align: center;
   
}

#searchbox p {
     margin: 0;
     padding: 0;
}

#searchbox input {
     margin: 1px 0;
     text-align: center;
}

#searchbox form {
     margin: 0;
     padding: 0;
}


.spacer { clear: both; }

/* sNews	
------------------------------------------------------------------ */


.searchfield {
     padding: 8px ;
     margin: 0px;
     width:170px;
     border: 1px solid #666666;
     background: #FFFFFF url(breadcrumb_bg.jpg) top left repeat-x;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
    
}

.searchbutton {
     height: 34px;
     margin: 0;
     padding: 0;
     width:188px;
     border: 1px solid #666666;
     font-family: verdana, arial, sans-serif;
     font-size: 1em;
     background: #EEEEEE;
}

fieldset { 
     border: 1px solid #DDDDDD; 
     padding: 10px 8px; 
     margin: 0 0 8px 0; 
     background: #f9f9f9; 
     color: #000; 
}

input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }

.comment { 
     background: #F6F6F6; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
     border-top: 1px solid #CCCCCC; 
}

.commentsbox { 
     background: #f6f6f6; 
     color: #666666; 
     padding: 10px; 
     margin: 0 0 10px 0; 
}


.date { 
     background : url('blueline.png') no-repeat top left;
     margin: 0 0 20px 0; 
     clear: both;
	 font-size: 10px;
     color: #919191;
}

.date2 { 
     margin: 0 0 20px 0; 
     clear: both;
     color: #919191;
	 text-align: right;
}

.important2 {
   width:5px;
   visibility:hidden;
}

.rssfeed a, .rssfeed a:hover, .rssfeed a:visited {
  color : #454545;
  display: none;
  text-align: justify;
}

.rssfeed br {
   display: none;

}

#page_links {
     text-align: center;
     font-size: 1em;
     line-height: 1.6em;
     margin: 0;
     padding: 0;
}

#page_links li {
     text-align: center;
     display: inline;
     list-style-type: none;
     padding: 0 10px;
     margin: 0;
}

/* For custom keyrocks' admin panels mod only */
.admpanel { border: 1px solid #ccc; padding: 10px 8px 10px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
.fieldset { border: 1px solid #ccc; padding: 20px 8px 20px 15px; margin: 0 0 8px 0; background: #efefef; color: #000; }
legend { font: bold 16px arial; margin: 10px 0 0 0; }
input { padding: 3px; margin: 0; }
textarea { width: 90%; height: 20em; padding: 3px;}

/* span styles used in custom admin panels only */
.redtitle { font: bold 14px Arial; color: #ff0000; text-align: center; }
.bluetitle { font: bold 14px Arial; color: #0054bc; text-align: center; }
.admintitle { font: bold 16px Arial; color: #E23300; text-align: center; }
.buttonmargin { margin-bottom: 10px; }
/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 0 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 0 10px 0 0; border: none; }

/* Philmoz, Admin Links mod, May 23.07 */
.New_Admin_Links { font-size:85%; text-align:center; }

/* # mattonik's image links panel mod */
#thumb {position:relative; z-index:100; display: inline;}
#thumb a img {border:0;}
#thumb a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#thumb a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#thumb a.p1:hover .large {display:block; position:absolute; top:-35px; left:400px; width:100px; height:100px; border:1px solid #ccc;}

/* mattonik's internal links mod */
#InterneLinky {
padding: 0.3em;
border: 1px solid #ccc;
}

#ILclanky {
display: block;
width: 20em;
height: 20em;
overflow:auto;
float: left;
}

#ILsites {
display: block;
width: 40%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
float: left;
border-left: 1px solid #ccc;
}

#ILcat {
display: block;
width: 20%;
height: 20em;
overflow:auto;
padding-left: 0.3em;
border-left: 1px solid #ccc;
}

.imgborder {
   border: 1px solid #3868B8;
   padding: 2px;
}