/* CSS Document */

body
  {
  margin:0px;
  color:#646262; 
  font-family:Trebuchet MS, arial, helvetica; 
  background-image:url(images/stripes.gif); 
  background-repeat:repeat-x; 
  text-align:center;
  }

#page
  {
  margin-left:auto; 
  margin-right:auto; 
  width:800px;
  margin-top:0px;
  }

#header
  {
  margin:0px 0px 12px 0px;
  width:100%;
  background-image:url(images/header_background.gif);
  background-repeat:no-repeat;
  background-position:top;
  height:110px;
  display:block;
  }
  
#header p
  {
  font-size:70%;
  text-align:right;
  color:#555555;
  margin:0px 20px 0px 0px;
  padding-top:18px;
  }

#header img
  {
  margin:30px 0px 0px 20px;
  float:left;
  }

h1
  {
  color:#7a7a7a; 
  letter-spacing:-1px; 
  font-size:170%; 
  margin:0px 12px 12px 12px; 
  padding:0px; 
  text-align:left; 
  font-weight:normal;
  }

h2
  {
  color:#9eb932; 
  font-size:100%; 
  letter-spacing:-1px; 
  font-weight:bold; 
  margin:0px 12px 12px 12px;
  padding:0px; 
  text-align:left;
  }
  
h3
  {
  font-size:100%; 
  letter-spacing:-1px; 
  font-weight:bold; 
  margin:0px 12px 12px 12px;
  padding:0px; 
  text-align:left;
  }  
  
p
  {
  color:#353536; 
  font-size:90%; 
  font-weight:normal; 
  margin:0px 12px 12px 12px; 
  padding:0px; 
  text-align:justify;
  }

a
  {
  color:#9eb932;
  text-decoration:none;
  }
  
a:hover
  {
  color:#3f6691;
  }

ul
  {
  text-align:left;
  margin:0px 0px 12px 0px;
  padding:0px 12px 0px 40px;  
  }

li
  {
  font-size:80%;
  }

table
  {
  margin:0px 12px 12px 12px; 
  }

* html table
  {
  width:80%;
  margin:0px 12px 0px 12px; 
  }
  
td
  {
  font-size:90%; 
  text-align:left;
  }  

th
  {
  color:#9eb932; 
  font-size:100%; 
  letter-spacing:-1px; 
  font-weight:bold; 
  text-align:left;
  }

hr
  {
  background-color:#EBEBEB;
  border: 0;
  color: #EBEBEB;
  height: 1px;
  margin: 0 0 10px;
  }

/* Nav Menu */

#menu
  {
  margin-top:16px;
  margin-right:6px;
  float:right;
  }

#navigation a
  {
  color:#FFFFFF;
  background:#3f6691 url(images/csp_left_tab_corner.gif) left top no-repeat;
  text-decoration:none;
  padding:0px;
  cursor:pointer;
  width:90px;
  margin-right:1px;
  text-align:center;
  }

#navigation a span
  {
  background: url(images/csp_right_tab_corner.gif) right top no-repeat;
  padding-top:4px;
  padding-bottom:3px;
  }

#navigation a, #navigation a span
  {
  display: block;
  float: left
  }

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
  {
  float: none
  }
/* End hide */

#navigation a:hover
  {
  color:#ffffff;
  background: #c2d840 url(images/csp_left_tab_corner_hover.gif) left top no-repeat;
  }

#navigation a:hover span
  {
  background: url(images/csp_right_tab_corner_hover.gif) right top no-repeat;
  }

#navigation ul
  {
  list-style: none;
  padding: 0px;;
  margin: 0px;
  }

#navigation li
  {
  font-size:95%;
  font-weight:bold;
  list-style: none;
  float:left;
  margin:0px;
  padding:0px;
  }

#navigation a.active
  {
  color:#ffffff;
  background: #c2d840 url(images/csp_left_tab_corner_hover.gif) left top no-repeat;
  }
  
#navigation a.active span
  {
  color:#ffffff;
  background: url(images/csp_right_tab_corner_hover.gif) right top no-repeat;
  }  

#search_bar
  {
  display:block;
  background: url(images/search_bar_back.gif) top no-repeat;
  height:40px;
  width:800px;
  text-align:right;
  }  

#homepage_search_form
  {
  padding:0px;
  width:500px;
  float:right;
  font-size:65%;
  }

#homepage_search_form .search_box
  {
  margin:0px 0px 4px 0px;
  padding:0px 2px 0px 2px;
  height:17px;
  width:145px;
  background-image: url(images/input_back.gif);
  background-repeat:repeat-x;
  border:1px solid #91a230;
  color:#435056;
  margin-right:8px;
  }   
    
#homepage_search_form .submit_button
  {
  padding:10px 20px 0px 0px;
  border:none;
  cursor:pointer;
  }  

#search_small
  {
  display:block;
  background: #c2d840 top right no-repeat;
  height:40px;
  width:100%;
  text-align:right;
  margin:0px 0px 12px 0px;   
  }  

#search_small p
  {
  font-size:130%;  
  float:left;
  margin:10px 0px 0px 0px; 
  color:white;
  font-weight:bold;  
  }  

.result_page_block
  {
  width:95%;
  height:60px;
  overflow:auto;
  display:block;  
  margin:0px 12px 12px 12px;
  padding:0px;
  font-size:80%;  
  }

/* Content construction */

.right_content_block
  {
  float:right;
  width:537px;
  }
  
.feature_block
  {
  margin-top:12px;
  height:164px;
  width:537px;
  background-image:url(images/feature_back.gif);
  float:right;    
  }
  
.feature_block h1
  {
  margin:14px 0px 0px 22px;
  color:white;  
  font-size:150%;
  border:none;
  }
  
.feature_block h2
  {
  color:#c4e211;  
  margin:27px 0px 0px 22px;
  }
  
.feature_block p
  {
  margin:0px 0px 0px 22px;
  color:white;
  width:400px;
  font-size:70%;
  font-weight:bold;
  text-align:left;
  float:left;
  }  
  
.lower_feature_block
  {
  float:right; 
  margin-top:12px;
  height:164px;
  width:537px;
  } 
  
.left_sub_feature_block
  {
  float:left; 
  height:271px;
  width:261px;
  background-image:url(images/lower_left_back.gif);
  background-repeat:no-repeat;
  }   

.left_sub_feature_block h1
  {
  margin:8px 20px 24px 20px;
  font-size:120%;
  color:#3f6691;
  border:none;
  }  

.left_sub_feature_block p
  {
  margin:0px 20px 30px 20px;
  font-size:90%;
  } 

.left_sub_feature_block span
  {
  font-size:80%;
  }
  
.right_sub_feature_block
  {
  float:right; 
  height:271px;
  width:261px;
  background-image:url(images/lower_right_back.gif);
  background-repeat:no-repeat;
  }   

.right_sub_feature_block h1
  {
  margin:8px 20px 31px 20px;
  font-size:120%;
  color:#3f6691;
  border:none;  
  }  

.right_sub_feature_block p
  {
  margin:0px 20px 30px 20px;
  font-size:90%;
  } 

.right_sub_feature_block span
  {
  font-size:80%;
  }

.left_info_block
  {
  float:left;
  margin-top:12px;
  height:449px;
  width:250px;
  background-image:url(images/left_info_back.gif);    
  }  

.left_info_block h1
  {
  margin:20px 20px 20px 20px;
  font-size:120%;
  color:#3f6691;
  border:none;  
  }  
  
.left_info_block p
  {
  margin:0px 20px 30px 20px;
  font-size:90%;
  } 
  
#footer
  {
  float:right;
  margin:12px 0px 0px 0px;
  width:100%;
  background-image:url(images/footer_back.gif); 
  background-repeat:no-repeat;
  background-position:top;
  height:110px;
  display:block;
  }  
  
#footer p
  {
  color:#6b6b6b;
  margin:20px 20px 10px 20px;
  font-size:70%;  
  }  
  
.content_block_top
  {
  margin-top:12px;
  height:7px;
  width:537px;
  background-image:url(images/content_top.gif);
  background-repeat:no-repeat;
  display:block;
  float:right;    
  } 
  
* html .content_block_top
  {
  margin-bottom:-15px;
  }   
  
.content_block_middle
  {
  width:537px;
  background-image:url(images/content_middle.gif);
  display:block;
  float:right; 
  text-align:left;     
  }   

.content_block_middle img
  {
  margin:12px 12px 12px 12px;     
  }
  
.content_block_bottom
  {
  height:7px;
  width:537px;
  background-image:url(images/content_bottom.gif);
  background-repeat:no-repeat;  
  display:block;
  float:right;    
  }      
  
.products td
  {
  padding:0px 12px 12px 0px;
  } 
  
.products li
  {
  font-size:100%;
  }   
  
.products h3
  {
  font-size:110%;
  } 
  
.preload
  {
  display:none;
  }   
  
table.admin
  {
  border-collapse:collapse;  
  border:1px solid #CCCCCC;
  font-size:13px;
  width:96%;
  }  
  
table.admin td
  {
  border:1px solid #CCCCCC;
  margin:0px;
  padding:8px;
  }    
  
table.admin th
  {
  border:1px solid #CCCCCC;
  background-color:#F8F8F8;
  margin:0px;
  padding:8px;
  color:#666666;
  }      
  
table.admin td img, table.admin th img
  {
  border:none;
  margin:0px;
  padding:0px;
  }    
  
table.admin th a.delete, table.admin td a.delete
  {
  color:red;
  }        
  
p.admin img
  {
  margin:0px 15px 0px 30px;
  padding:0px;
  border:none;
  }
  
p.cost  
  {
  color:#386383;
  font-size:18px;
  }
  
blockquote
  {
  padding:20px;
  border:1px solid #E9EFFF;
  background-color:#D7EBFF;
  margin:0px 0px 15px 0px;
  }  
  
blockquote p
  {
  text-align:left;
  }    
  
ol.help li
  {
  margin:0px 0px 30px 0px;
  padding:0px;
  }  
  
  
p.code
  {
  font-size:8px;
  text-align:left;
  }