/* Highland Marketing ONLINE Cascading Style Sheet  Verion 1.01

   Written by Matthew Ward - (c) 2005-6

   The following Style Sheet is intended to streamline the appearance of the
   various pages that make up Highland Marketing ONLINE. It will serve to make 
	 visual formatting easier, and should also help to cut down on the various 
	 amounts of formatting tags that appear withing the HTML.
	 
	 The style sheet will be embedded (linked) to the page template so that 
	 this sheet will be applied to any new page created via this template.
	 Given HTML-Kit's ability to access the various classes defined by the
	 linked .css file, the process of page creation and visual structuring
	 should become simpler and streamlined. */

/* Defining the body properties for the pages */

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat:repeat-x;
}

.down5{
  position:relative;
	top:5;}
.down10{
  position:relative;
	top:10;}

/*:link { color: #d0c393 }
  :visited { color: #d0c393 }
  :active { color: #d0c393 }*/
	
a {
  color: #c4a271;
}
a.title {
  color: #FFFFFF
}
a.search {
  color: #3B4F2F;
	position: absolute;
	left:745px;
	top:235px;
	text-decoration: none;
	font-size : 14px;
	font-weight: 600
}
a.white {
  color: #FFFFFF;
	text-decoration: underline;
}

/* Defining the various properties to be applied to standard text
   paragraphs. */
	 
   p.normal {font-family: arial,Helvetica; 
	           font-size : 12px;}
 p.normal-b {font-family: arial,Helvetica; 
             font-size : 12px;
						 font-weight: bold}
 p.normal-i {font-family: arial,Helvetica; 
             font-size : 12px;
						 font-style: italic}
p.normal-bi {font-family: arial,Helvetica; 
             font-size : 12px;
						 font-style: italic;
						 font-weight: bold}
 p.heading1 {font-family: arial,Helvetica; 
             font-size : 12px;
						 font-style: italic;
						 font-weight: bold;
						 color: #d0c393}
    p.small {font-family: arial,Helvetica;;
		         font-size : 10px}
     p.hide {font-family: arial,Helvetica;;
		         font-size : 0px;
						 color: #FFFFFF}						 
	    p.opt {font-family: arial,Helvetica; 
	           font-size : 12px;
						 margin-left : 3px}
	   p.news {font-family: arial,Helvetica;;
		         font-size : 10px;
						 font-weight: bold;
						 color: #d0c393;
						 text-align: right}

 input.email{width:135px;
             font-size : 14px; 
						 align: right;}
						 
/* Defining the various font classes. To be used for text that appears 
   outside of paragraph tags. */
  
   font.normal {font-family: arial,Helvetica; 
	              font-size: 12px}
 font.heading-1{font-family: Times,Helvetica; 
	              font-size: 30px}		
 font.heading-2{font-family: Times,Helvetica; 
	              font-size: 60px}							
 font.normal-b {font-family: arial,Helvetica; 
                font-size: 12px; 
								font-weight: bold}
 font.normal-i {font-family: arial,Helvetica; 
                font-size: 12px; 
								font-style: italic}
font.normal-bi {font-family: arial,Helvetica; 
                font-size : 12px;
						    font-style: italic;
						    font-weight: bold}
 font.heading1 {font-family: arial,Helvetica; 
                font-size : 12px;
						    font-style: italic;
						    font-weight: bold;
						    color: #d0c393}								
    font.small {font-family: arial,Helvetica; 
	              font-size: 10px}
  font.small-b {font-family: arial,Helvetica; 
	              font-size: 10px;
								font-weight: bold}
	font.small-i {font-family: arial,Helvetica; 
	              font-size: 10px;
								font-style: italic}
	font.tab-text {font-family: arial,Helvetica; 
	              font-size: 11px}								

/* Defining the properties for <div> and <blockquote> tags */	
	 
blockquote.normal {font-family: arial,Helvetica; 
         font-size : 12px;}							
								
 div.top {text-align: right; 
          font-family: arial,Helvetica; 
					font-size: 10px}
div.frame {position:relative; 
           left:0px; 
					 top:0px; 
					 width:800px; 
					 height:280px; 
					 z-index:1; 
					 overflow: scroll; 
					 overflow-x: hidden; 
					 border: 1px none #000000;}
 
/* Defining properties for the tables that appear throughout the various
   pages, including the main tables that are used to structure and format
	 the pages */ 
 
 table.main {border-width: 0px; 
             border: 0px;
						 margins: 0em;
						 background-color: transparent} 
  table.opt {border-width: 2; 
             border: 2px;
						 width: 100%;
						 padding: 0;
						 margins: 0em;
						 background-color: transparent } 
table.state {border-width: 2; 
             border: 2px;
	  		 	   border-style: dotted;
		  			 background-color: #EEEEEE;
			  		 width: 400px;
				     margins: 7em; 
					   vertical-align: top} 
table.pr80 {border-width: 2; 
             border: 2px;
	  		 	   border-style: dotted;
		  			 background-color: #EEEEEE;
			  		 width: 80%;
				     margins: 7em; 
					   vertical-align: top}
table.form  {border-width: 2; 
             border: 2px;
	  		 	   border-style: dotted;
		  			 background-color: #EEEEEE;
				     margins: 7em; 
					   vertical-align: top;
						 padding: 5px} 
table.news  {width: 80%;
             border-width: 2; 
             border: 2px;
	  		 	   border-style: dotted;
		  			 background-color: #EEEEEE;
				     margins: 7em; 
					   vertical-align: top;
						 padding: 5px} 

td.main-col
            {border-width: 2; 
             border: 2px;
	  		 	   border-style: dotted; 
					   vertical-align: top;
						 padding: 5px}
   td.bg0 {background-color : #FFFFFF;
	         color : #000000}
	 td.bg1 {background-color : #d0c393;  
           color : #000000}
   td.bg2 {background-color : #000000;   
           color : #FFFFFF}
					 
 td.bg0-c {background-color : #FFFFFF;
           color : #000000;
					 text-align: center}
 td.bg1-c {background-color : #d0c393;  
           color : #FFFFFF;
					 text-align: center}
  td.bg2-c {background-color : #e9dfa2;  
           color : #000000;
					 text-align: center}
	 
 td.arrow {border-width: 2; 
           border: 2px;
				   width: 28px;
           padding: 0px;
				   margins: 0em; 
					 vertical-align: top}
  td.atop {border-width: 2; 
           border: 2px;
           padding: 0px;
				   margins: 0em; 
					 vertical-align: top}
   td.opt {border-width: 2; 
           border: 2px;
           padding: 0px;
				   margins: 0em;}  
					 
td.sitemap {background-color : #F1F1F1;   
            color : #000000}

td.main {border-width: 0; 
           border: 0px;
           padding: 0px;}
					 
 td.banner {background-color : #d0c393;  
           color : #FFFFFF;
					 font: bold 11px/16px arial, helvetica, sans-serif;
           border-width: 1px;
           border-style: solid;
           border-color: #ccc #d0c393 #555 #d0c393; /*#ccc #888 #555 #bbb*/
           margin: 0;
           padding: 2px 3px;
					 text-align: center}		

td.text {border-width: 0; 
           border: 0px;
           padding-left: 10px;
					 padding-right: 10px;
					 background-image: url(../images/frame-background.jpg);
           background-repeat: no-repeat;
           background-position: bottom;
					 background-color: #FFFFFF;
}
td.tab-green {
					 background-image: url(../images/tab-top-green.jpg);
           background-repeat: repeat-x;
           background-position: top;
					 background-color: #d0c393;
					 color : #FFFFFF;
					 font-weight: bold;
}
td.tab-white {
					 background-image: url(../images/tab-top-white.jpg);
           background-repeat: repeat-x;
           background-position: top;
					 background-color: #FFFFFF;
					 color : #000000;
					 font-weight: bold;
}
td.main-tab{
           background-color : #d0c393;  
           color : #FFFFFF;
					 background-image: url(../images/home-main-tab.jpg);}
/* Defining the style parameters for the menu */	

#menu {
   position:relative;
	 left: 0px;
	 background: #eeeeee;
   float: left;
   text-align: center;
   width:800px;
}
#menu ul.top {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 160px;
   float: left;
   text-align: center;
}

#menu ul.next {
   list-style: none;
   margin: 0;
   padding: 0;
   width: 11em;
   float: left;
   text-align: left;
}

#menu a, #menu h2 {
   font: bold 11px/16px arial, helvetica, sans-serif;
   display: block;
   border-width: 1px;
   border-style: solid;
   border-color: #fff #fff #fff #fff;
   margin: 0;
   padding: 1px 2px;
}

#menu h2 {
   color: #000;
   background: #d0c393;
   text-transform: uppercase;
	 width: 697;
}

#menu a {
   color: #000;
   background: #d0c393;
   text-decoration: none;
}

#menu a:hover {
   color: #000;
   background: #c4a271;
}

#menu li {
   position: relative;
}

#menu ul ul {
   position: absolute;
   z-index: 500;
   top: 100%;
   left: 0%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}