@media all {
 
body {

	}
 
 .body  {
           
           padding : 10pt;
           background-color: #fff;
	   width: 815px;
	
	margin-top: 0.2in;
	margin-right: 0.4in;
	margin-bottom: 0.2in;
	margin-left: 1.2in;
	
	
             
      }
     h1 {font-size : 10pt;
           font-family : Verdana, Arial, sans-serif;
           color : #336699;
           text-align : center;
          
      }
     input.field-out {
           cursor : pointer;
      }
     h3, caption {font-size : 11pt;
          font-family : Garamond, Times, serif;
          color : #336699;
          text-align : left;
          margin-left: 6pt;          
      }
     h2 { font-size : 11pt;
           font-family : Verdana, Arial, sans-serif;
           color : #336699;
           text-align : center;
           }
       

    .list {
          background-image : url('li.jpg');
          background-repeat : no-repeat;
          background-color : #add8e6;
          font-size: 9pt;
          font-family : Times, serif;
          margin-right : 4pt;
          margin-bottom : -14pt;
          margin-top : -4pt;
          height : 17pt;
          width : 100pt;
          text-align : center;
          vertical-align : top;
          line-height : 16pt;
          border-right : thin solid #add8e6;
          border-top : medium solid #add8e6;

      }
     .list2 {
           background-image : url('li.jpg'); 
           background-repeat : no-repeat;
	   background-color: #d3d3f6;
           font-size: 9pt;
           font-family : Times, serif;
           margin-right : 0pt;
           margin-bottom : -10pt;
           margin-top : -10pt;
           border-right: #d3d3f6 thin solid;
           border-left: #d3d3f6 thin solid;
           height : 18pt;
           text-align : center;
           vertical-align : top;
           line-height : 18pt;

		           
      }

	em {text-decoration: underline; font-style: normal; font-weight: normal;}

	.list2#c, .list2#c1, .list2#c2, .list2#c3, .list2#c4, .list2#c5 {font-family: Verdana, Arial;
		color: #000000;
		font-size: 9pt;
		border-bottom: thin solid #d3d3f6;
		border-top: thin solid #d3d3f6;
	}

      .roman_bullet {
      list-style-type: lower-roman; 
      
      	}

      .heading {background-color : #cccddd;
      		width : 120pt;
      		border-top: thin solid black;
      		margin-top : 0pt;
      		line-height : 16pt;
      		height: 18pt;
      		text-align : center;
      	} 

		 .subheading {background-image : url('li.jpg');
           background-repeat : no-repeat; 
           	width : 120pt;
      		margin-bottom : 0pt;
      		line-height: 15pt;
			height: 18pt;
			background-color : #eeeeec;
			text-align : center;
			border-top: thin outset #bbbbbb;
			font-size: 50%;
     	} 

.subheading#left_menu {position:relative;left: -15pt;}

     .normal {
           border : medium none;
           background-image : none;
           font-size : 10pt;
           font-family : Times, serif;
           margin-left : 10pt;
           margin-right : 4pt;
           text-align : left;
           display:list-item; list-style:url(bullet.gif) inside;
      }
     p, td, ol, caption {
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 12pt;
           text-align : justify;
           color : #336699;
           margin-right: 10pt;
      }

.par_span {font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 12pt;
           color : #336699; text-decoration: none;}

.par_span2 {font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 12pt;
           color : #336699; text-decoration: none; font-weight: normal;}

ol {list-style: decimal;}
     .ol {  
     		font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 16pt;
           text-align : justify;
           color : #336699;
           margin-right: 6pt;}

 .ol1 {display:list-item; list-style:url(bullet.gif) inside;
	font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 16pt;
           text-align : justify;
           color : #336699;
           margin-right: 6pt;
}  
           
.ol3 {display:list-item; list-style:url(bullet.gif) inside;
font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 16pt;
           text-align : justify;
           color : #336699;
           margin-right: 6pt;
}	  
	   
      
	
     .right {
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 12pt;
           text-align : right;
           margin-right : 10pt;
           color : #000000;
      }
	.search {background-color: #def; width: 95%; color: #000; margin-left: 3pt; margin-top: -7pt;} 
	.searchengine {background-color: #def; border: thin #eee solid; text-align: center; }

	.search_input {color: #fff; margin-top: -8pt; margin-bottom: 2pt; margin-left:70pt; background-color: #336699;}

	.search_engine_pos {position:relative;top: -18pt; position:relative;right: -45pt; margin-bottom: 5pt;}	

	.w3clogo {}
	
	

	acronym { border-bottom: 1px dotted #ff9900; 
	cursor: help; }

      .right2 {
      	float : right;
      	margin-top: 12pt;
      	margin-bottom: 6pt; 
	margin-right: 12pt;
      			}
      .surround {
      border : thin black inset;
            	}	
      .partners {
      text-align : center;
      }
     table {
           width : 100%;
	
      }
     th {
           color : #9966cc;
           font-size: 9pt;
           font-weight : bold;
      }
     span {
           font-size : 11pt;
           font-family : Verdana, Arial, sans-serif;
           color : #66ccff;
      }
     hr {
           color : #336699;
           width : 85%;
           text-align : center;
      }
     .hide {color : #336699;
           font-family : Verdana, Arial, sans-serif;
           font-size : 8pt;
           font-weight : bold;
           text-decoration : underline;
	   position:relative;top: 0pt;
      }

      
     
     img {
           border : none; 
           margin-right: -9pt;
      }
     .img_left {
           border : none; 
           height : 90pt;
           width : 110pt;
           margin-right: 10pt;
      }
      .img_nr_right {
      	border : none;
      	height:70px;
      	width:79px;
      	margin-right: 5pt;
      	margin-left: 15pt;
      	margin-bottom: -8pt;
	}	
	.dab_image {float:right;
	border: none;
	margin-left: 5pt;
	margin-top: 10pt;
	vertical-align: top;
	margin-right: 4pt;
	}

     .div_left {
      	float:left;
      	margin-left: 10pt;
      }
	  .scroll 
		{width: 89%; 
		display:block; 
		height:294px; 
		overflow:scroll;
		margin-left:-90pt;
		position:relative;left:-300pt;
		        position:relative;top:15pt;
		text-indent: 5pt;
		
}

.scroll_border { 

}


.scroll2 
		{width:130px; 
		display:block; 
		border:thin solid #003366;
		background-color: #fffff3; 
		height:200px; 
		overflow:scroll;
		position:relative;top: 1pt;
		position:relative;left: 1pt;
		}






.frame {border: #000099 groove 3pt;
	height:202px;
	width:132px;
	position:relative;top: 20pt;
	position:relative;left: 5pt;
}

.list_right {
	font-size: 9pt;
	font-family: verdana;
	margin-left: 3pt;
	list-style: none;
	text-indent: 6pt;
	text-align:left;
	color: #003366;
}


.list_label { font-weight: bold;
		color: #003366;
		margin-left: 3pt;
		font-size: 10pt;
}

a:link {
           color : #2e8b57;
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           font-weight : bold;
	   text-decoration : none;
      }
     
     a:visited {
           color : #2e8b57;
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           font-weight : bold;
	   text-decoration : none;
      }
     a:hover {
           color : #31316A;
           background-color : #ffffff;
           text-decoration : none;
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           font-weight : bold;
	   text-decoration : none;
      }
     .li2 {
           color : #000000;
           border : medium none;
           border-style : none;
           font-size: 9pt;
           font-family : Times, serif;
           list-style-type : square;
           margin-left : -25pt;
           margin-right : 2pt;
           text-align : left;
           vertical-align : top;
      }
     .data {
           text-align : center;
           color : #000000;
      }
     .td3 {
           width : 120pt;
           vertical-align : top;
           max-width : 120pt;
		
      }
     .td5 {
           background-image:url('bottom.gif');
	   background-repeat : no-repeat;
	   width : 760px;
           margin-right : 15pt;
           height : 40px;
      }
     .span3 {
           margin-left : 150px;
           background-color : #ffffff;
           text-align : center;
           line-height : 25pt;
      }
     .p2 {
           font-family : Verdana, Arial, sans-serif;
           font-size: 9pt;
           line-height : 16pt;
           text-align : center;
           font-weight : bold;
           margin-right : 10pt;
           color : #000000;
      }
     .menu {
           background-image : url('menu.jpg');
           background-repeat : no-repeat;
	   
      }
     .pwhite {
           font-family : arial, 'times roman', serif;
           border-left: 2pt solid #f5f5f5;
	border-bottom: 2pt solid #aaa;
	border-right: 2pt solid #aaa;
           font-size: 9pt;
           line-height : 14pt;
           text-align : center;
           margin-left : 6pt;
           margin-right : 6pt;
           color : #000000;
           padding: 5pt;
		width: 150px;
		position:relative;left: 28pt;
	      }

    	.red {
           font-family : Verdana, Arial, sans-serif;
           color : red;
           text-indent : 8pt;
      }
      
	.directories {float:right;
	}

      .education_box {
           border-right : thin #ccc solid;
	   border-top : medium #ccc solid;
           text-align : center;
           vertical-align : top;
           margin-top : 0pt;
           width : 128pt;
           vertical-align : top;
           margin-bottom : 10pt;
           background-color: #eeeeec;
           margin-right: -6pt;
	position:relative;left: 30pt;
      }


.webdesign_box {
           border-right : thin #ccc solid;
	   border-top : medium #ccc solid;
           text-align : center;
           vertical-align : top;
           margin-top : 0pt;
           width : 128pt;
           vertical-align : top;
           margin-bottom : 10pt;
           background-color: #eeeeec;
           margin-right: -6pt;
	position:relative;left: 55pt;
      }


      
     .box {
           border : thin none;
           text-align : left;
           vertical-align : top;
           padding : 6pt;
           margin-top : 10pt;
           width : 25%;
           background-color : #f5f5f5;
           color: #fff;
           font-weight : normal;
           margin-right : 2pt;
           vertical-align : top;
           margin-bottom : 10pt;
      }
      
     .left_align {
     text-align: left;
     font-size: 8pt;
     }
     .box2 {
           border : thin none;
           display : block;
           text-align : left;
           vertical-align : top;
           padding : 6pt;
           margin-top : 10pt;
           width : 25%;
           float : right;
           background-color : #add8e6;
           font-weight : normal;
           margin-right : 2pt;
           vertical-align : top;
           margin-bottom : 10pt;
      }
     .box3 {
           border : thin none;
           display : block;
           vertical-align : top;
           padding : 6pt;
           margin-top : 10pt;
           width : 100%;
           background-color : #eeefff;
           font-weight : normal;
           margin-right : 4pt;
           vertical-align : top;
           margin-bottom : 10pt;
      }
     .scroll {
           position : relative;
           left : 150px;
      }
     .head_color {
           
           background-repeat : no-repeat;
           background-position : 50% 50%;
           height : 100pt;
      }
     .head {
           color : #ffffff;
           background-color : #000080;
           border-width : thick;
           border-style : ridge;
           border-color : #ffffff;
      }
     .border {
     	  background-image : url('logo.jpg');
     	  background-repeat : no-repeat;
	  background-position: center center;
	  width: 760px;
	  height: 92px;
          background-color : #d3d3f6;     	
          border-color : #d3d3f6;
          border-style : ridge;
          border-width : 0px 0;
          
      }

      .top_table {
	  width: 760px;
	}

	.structural_table {
	  width: 760px;}
  	
      .bespoke_logo {
      		height : 80pt;
      		width : 100pt;
      }
     
     .border_vert {
           background-image : url('border_vert.jpg');
           background-repeat : repeat-y;
           height : 100pt;
      }
     .border_vert2 {
          border-width : thin;
          border-style : none none none none;
          border-color : #468264;
      }
     .spanx {
           color : #336699;
           font-weight : bold;
           font-family : Times, serif;
      }
     .orange {
          font-size : 14pt;
          font-family : Times, serif;
          color : red;
                }
     .orange2 {
          font-family : Verdana, serif;
          line-height : 12pt;
          font-size: 9pt;
          color : red;
                }
    .span2 {
          text-align : left;
          color : #add8e6;
          margin : 20pt 0 20pt 15pt;
      }
     .red2 {
          color : red;
      }
     .left {
          margin-left : 150pt;
      }
	.documentation {
	background-color : #cccccc;
	color: #336699;	
	font-weight: bold;
		}
	

	.longdesc_left {position:relative;left: 145pt; 
	position:relative;top: -300pt; margin-right: -25pt; width: 650pt;}
	.dlink {position:relative;left: 14pt;}

.brown{color: #8b4513; font-size: 10pt; text-align:left; border: solid thin #cccccc; padding:3pt;}
.bronze{color: #b8860b; font-size: 10pt; text-align:left; border: solid thin #cccccc;padding:3pt;}
.silver{color: #bbb; font-size: 10pt; text-align:left; border: solid thin #cccccc;padding:3pt;}
.gold{color: #ffd700; font-size: 10pt; text-align:left; border: solid thin #cccccc;padding:3pt;}
.green {color: #228b22; font-size: 10pt; text-align:left; border: solid thin #cccccc;padding:3pt;}
	
.samples {border: thin solid #dddddd; position:relative;left:10pt;padding: 6pt; }

.samples2 {position:relative;left:32pt;padding: 6pt; text-align:center;}

.samples3 {position:relative;left:60pt; z-index:1;}

.bhost {position:relative;left:50pt; width:100%; z-index:1;}
.bhost2 {position:relative;left:70pt; width:100%; z-index:1;}
.ads {float:right;}

.main_menu_btm {font-size: 8pt; font-family: Arial, sans-serif; color: #333333; font-weight: normal; text-align: center;}

.btm_menu_a {font-size: 8pt; font-family: Arial, sans-serif; color: #333333; font-weight: normal; text-align:center;}


.links_menu {font-size: 8pt; color: #2e8b57; width: 300pt; line-height: 16pt; margin-left: -5pt; border-bottom: thin solid #ddd; text-indent: 5pt;}

.link_border {color: #336699; text-align: left;}

.service_support {border: 3pt solid #fff; border-left: 5pt solid #fff;}
.service_location {color: #6b8e23; text-align:center; font-size: 10pt; font-weight: normal; width: 580pt; font-family: Arial;}

.sample {text-align: center;}

.w3c_css {position:relative;left: 30pt;}

.fp_subheading {text-align: justify; font-size: 10pt; font-weight: normal;}

.fp_subheading_tr {text-align: justify; font-size: 10pt; font-weight: normal; line-height: 12pt; margin-top: 6pt; margin-bottom: 6pt;}




.comm {position:absolute;top: 12pt; color: red; text-decoration: underline; font-size: 8pt; font-family: verdana; cursor: pointer; position:absolute;left: 77%;  line-height: 14pt;}

.links_top_links {font-size: 8pt; font-family: verdana; color: red; text-decoration: underline;  position:absolute;left:76%; position:absolute;top: 22pt;  cursor: pointer;  line-height: 14pt;}

.links_top_links2 {font-size: 8pt; font-family: verdana; color: red; text-decoration: underline;  position:absolute;left:76%; position:absolute;top: 22pt;  cursor: pointer;  line-height: 14pt;}

.directory_list {line-height: 15pt; color: #2e8b57;}

.community {color: #2e8b57; font-size: 10pt; font-family: Verdana, Arial}

.index_top_link {color: #336699; font-size: 9pt; font-weight: 300; text-decoration: none;}

.subject_image {float: left; padding: 10pt; height: 38px; width: 147px; margin-right:10pt;}

.view_style {font-size: 8pt; color: #336699;}

a#view1 {font-size: 8pt; color: #ccc;}
a#view2  {font-size: 8pt; color: #ccc;}
a#view3 {font-size: 8pt; color: #ccc;}
a#view4 {font-size: 8pt; color: #ccc;}

a:hover#view1 {font-size: 8pt; color: #336699;}
a:hover#view2 {font-size: 8pt; color: #336699;}
a:hover#view3 {font-size: 8pt; color: #336699;}
a:hover#view4 {font-size: 8pt; color: #336699;}

.fantasia {float:right; padding: 10pt;}




.right_margin {background-image : url('top_border.gif');
          background-repeat : no-repeat; position:absolute;top: 0pt; position:absolute;left: 5%; width: 56px; height: 150px; z-index: 1;}


.service_support {float:right; margin-left: 7pt; margin-top: 5pt; margin-bottom: 5pt; margin-right: 4pt;}

.vpn {margin-top: 250pt;}

.events {color: #2e8b57; margin-left: 35pt; font-size: 12pt; margin-top: 16pt;}

.phone {background-image : url('phone.jpg');
           background-repeat : no-repeat; height: 49px; width: 60px;}

.phone2 {color: #bc8f8f; font-size: 10pt;}

input, option {background-color:#8fbc8f;
	 color: #000;
	 }
.validate {background-color: #ddd; padding: 5pt; border: thin solid #eee;}

.compliancy {font-size: 8pt; color: #bbb; font-family: arial verdana;}



.sitemap1 {width: 290px; padding: 10pt; position:absolute;top: 240pt; position:absolute;left: 5%;}
.sitemap2 {width: 290px; padding: 10pt; position:absolute;left: 37%; position:absolute;top: 240pt;}

.sitemap3 {width: 290px; padding: 10pt; position:absolute;left: 69%; position:absolute;top: 240pt;}

.sitemap {font-size: 8pt;}

.smheading {margin-top: 15pt; background-color: #eee; padding: 2pt; color: #000;}

.smbtm {position:absolute;top: 3250px;}

.toolbot {background-color: #fff; border: thin solid #eee;}

.example {background-color: #ddd; padding: 3pt;}

.landscape_gardening {width: 160px; height: 340px; background-color: #fffacd; position:relative;left: 70px; border: 1px solid black;}

p#landscape_gardening {text-align: center; color: #000;}

h2#landscape_gardening {text-align: center; color: #000; fonrt-size: 12pt; font-family: Verdana, Arial; font-weight: normal;}

img#landscape_gardening {position:relative;left: 4pt;}

a:hover#landscape_gardening {background-color: #fffacd; color: #000;}

a:link#landscape_gardening {color: #000;}

a:visited#landscape_gardening {color: #000;}

.blog_link {color: #ff8c00; font-size: 12pt; text-align: left;}

.blog_comment {font-size: 8pt; color: #ff8c00;}

.email {position:relative;top: 4px;}

.page_number {font-family: garamond, Arial; font-size: 16pt; color: #336699; text-align: center; font-weight: bold;}

a:link#next_page, a:visited#next_page, a:hover#next_page {float:right; position:relative;top: -12pt;}

a:link#previous_page, a:visited#previous_page a:hover#previous_page {float:left; position:relative;top: -12pt;}

.worm_head {text-align: center; background-color: #000; color:#fff; padding: 2pt;}

.red_worm {color: red;}

.black_worm {color: #000;}


div.news {height: 160px; width: 209px; border: 1px solid #bbb; padding: 7pt;}

div.news p {font-size: 8pt; text-align: left; color: #000;}

div.news a:link {font-size: 8pt;}

.marquee {background-color: #eee; height: 115px; padding: 5pt; border-top: 1px solid #336699; border-bottom: 1px solid #336699; behavior: scroll; direction: up;  scrollamount: 2;}

.art {font-size: 9px; text-align: left;}

.art a:link {font-size: 10px; text-align: left;}

}