/* SST Systems, Inc. stylesheet for new web design 5/2005. Design inspired by 
	     Owen Briggs and A List Apart/Nick Rigby. If you like to use this stylesheet, you need to maintain
		 the following copyright announcement, and links to 
		 SST Systems, Inc., www.sstusa.com
		 Owen Briggs --- www.thenoodleincident.com
		 A List Apart --- www.alistapart.com
		 
		 Stylesheet author: cdv (c) SST Systems, Inc., 2005. (www.sstusa.com)
		 
      }*/

      A:hover {
          text-decoration : underline;
      }
      .date {
          font-size : 14px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : normal;
          font-style : normal;
          color : #ff9a00;
          background-color : #333333;
      }
      .colhead {
          font-size : 14px;
          font-family : Georgia, Times, Times New Roman, serif;
          font-weight : bold;
          font-style : normal;
          color : #900000;
		  margin-right: 25px;
		  background-color: #eee;
		  padding-left: 3px ;
		  text-transform: uppercase;
          /* text-align : center; */
      }
      .quote {
          font-size : 20px;
          font-family : Georgia, Times, Times New Roman, serif;
          font-weight : normal;
		  padding: 70px 55px 40px 34px;
		  width: auto;
          font-style : italic;
          color : #900000;
		  /* border-bottom: 3px solid #900000;
		  border-top: 3px solid #900000; */
  		  background-image : url("banner2.png");
          background-position: -3px 0px;
 	      background-repeat: no-repeat;
	      /* text-align : center; 
		  border: 1px solid #eee; */
      }

      .coltext {
		  
          font-size : 13px;
	      line-height: 19px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          /* font-weight : bold; */
          font-style : normal;
          color : #666;
          /* text-align : left;
          background-color : #ffffff; */
      }
	  
	  .locallinks {
		  /*position: relative;
		  top: 90px;
		  /* left: -15px; */
	      font-size : 13px;
	      line-height: 19px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          /* font-weight : bold; */
          font-style : normal;
          color : #666;
		  margin-top: 90px;
		  border-top: 1px;
		  border-color: #ccc;
	}

	  .subscribebx1 {
          /*position : static;
          /*top : 50px; 
          /* left : -15px; */
          /* width : auto; */
		  /* height : 100px; */
          /* border : 1px solid #ccc; */
		  /*background-image : url("at-symbol.jpg");
          background-position: 50% 0%;
 	      background-repeat: no-repeat; */
		  margin-top: 20px;
          color: #900000;
	      text-align: center;
          z-index : 102;
	      font: normal 11px verdana;
		  
      }
    
	 .copyright {
 		  /*position: relative;
		  top: 20px; 
		  /* left: -15px; */
		  margin-top: 20px;
          font-size : 10px;
          font-family : "Trebuchet MS", Verdana, Arial, sans-serif;
          font-style : italic;
          text-decoration : none;
		  color: #ccc;
		  /* height: 25px; */
		 
      }

      .coltexti {
          font-size : 12px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : bold;
          font-style : italic;
          color : #000;
          /* text-align : center;  */
          /*background-color : #ffffff;*/
      }

      .bhead2 {
          font-size : 14px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : bold;
          font-style : normal;
          color : #990000;
      }

     .bhead {
          font-size : 14px;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : normal;
          font-style : normal;
          color : #900000;
      }

      .imgcaption {
          font-size : x-small;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : normal;
          font-style : italic;
          color : #990000;
		  margin-right: 25px;
      }
      .SMLLinks {
	    font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-size : small;
          font-weight : bold;
      }
      .btext {
          font-size : 14px; /* approx = "small" */
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
	    line-height: 25px;
		margin-right: 25px;
		text-indent: 20px;
	    /* text-indent: 20px;  20px is recommended, don;t use on this site becoz btext is used to format contin text without breaks */
      }

      .btexti {
          font-size : 14px;
          font-style : italic;
          /*line-height : normal; default */
	    font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : normal;
      }

      .btext-color {
          font-size : 16px;
	      font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          color : #000000;
          background-color : #ffff00;
		  margin-right: 25px;
		  padding-left: 2px;
          /*border : medium none #000000; 
          border-style : solid;
          border-top-width : thin;
          border-right-width : thin;
          border-bottom-width : thin;
          border-left-width : thin;*/
      }
      .btext-fixedfont {
          font-size : 12px;
          line-height : 13pt;
          font-family : "Courier New", Courier, mono;
      }
      .btext-standout {
          font-size : 12px;
          line-height : 13pt;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          color : #cccccc;
          background-color : #cc0000;
          border : medium none #cccccc;
          border-style : double;
          border-top-width : thin;
          border-bottom-width : thin;
      }
      .btextbold {
          font-size : 14px;
          font-weight : bold;
	    font-family : Trebuchet MS, Verdana, Arial, sans-serif;
      }
      .tablelist {
          font-family : Lucida Console, Lucida Sans Unicode, Lucida Sans;
          font-size : 14px;
          color : #000;
          background-color : #ffffdd;
          font-weight : normal;
		  margin-right: 25px;
      }
      .menutext {
          font-size : 12px;
	    font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-weight : normal;
          font-style : normal;
          color : #000000;
          text-align : left;
          background-color : #d2d2d2;
      }
      .btext-indent {
          font-size : 14px;
          line-height : 25px;
	      font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          border-style : none;
		  text-indent: 20px;
		  margin-right: 25px;
		  
      }
      .btext-brdr-hilite {
          font-size : 12px;
          line-height : normal;
	    font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          background-color : #ffff66;
          border : medium none #000000;
          border-style : dotted;
          border-top-width : thin;
          border-right-width : thin;
          border-bottom-width : thin;
          border-left-width : thin;
      }
      a1 {
          text-decoration : none;
          font-weight : bold;
          color : #ccc;
          outline : none;
      }
      .ahem {
          display : none;
      }
      .akey {
          text-decoration: underline;
	}

      strong , b {
          font-weight : bold;
      }
      p1 {
          font-size : 12px;
          line-height : 22px;
          margin-top : 20px;
          margin-bottom : 10px;
      }
      h1 {
          font-size : 36px;
          font-family : Georgia, Times, Times New Roman, serif;
          line-height : normal;
          font-weight : bold;
          margin-top : 0;
          margin-bottom : 20px;
		  margin-right: 25px;
   	      text-align: right;
          /* border : 1px solid #ccc; */
	      color: #ccc;
      }
      h2 {
          font-size : 18px;
          /* line-height : 40px; */
	      font-family : Georgia, Times, Times New Roman, serif; 

          font-weight : normal;
	      text-align: center;
          margin-top : 0;
          margin-bottom : 0;
	      padding-bottom: 2px;
	      color : #900000;
	      border-bottom: 1px solid #ccc;
          /* background-color : #ffffff;*/
      }
      h3 {
          font-size : 22px;
          line-height : 22px;
          font-family : Georgia, Times, Times New Roman, serif; 
          font-weight : bold; 
          margin-top : 0;
          margin-bottom : 0;
	      padding-bottom: 2px;
		  margin-right: 25px;
	      color : #000000;
	      border-bottom: 1px solid #ccc;
		  background-image : url("arrows_1.gif");
          background-position : 0% 40%;
          background-repeat : no-repeat;
		  text-indent: 15px;
      }
      h4 {
		  font-family : Georgia, Times, Times New Roman, serif;
          font-size : 14px;
          line-height : 26px;
          font-weight : bold;
          margin-top : 0;
          margin-bottom : 0;
      }
      h5 {
          font-size : 12px;
          line-height : 22px;
          font-weight : bold;
          margin-top : 0;
          margin-bottom : 0;
      }
      h6 {
          font-size : 10px;
          line-height : 18px;
          font-weight : bold;
          margin-top : 0;
          margin-bottom : 0;
      }
      .mast1{
          border-width : 0 0 0 0;
	    border-color: #eee; 
	    border-style: solid;
          position : absolute;
          top : 8px;
          left : 5px;
      }
      .mast2{
          border : 0; 
          position : relative;
          top : -38px;
          left : 270px;
          background-image : url("telnum.png");
          background-position : 0% 0%;
          background-repeat : no-repeat; 


      }

      .nowrap {
          white-space : nowrap;
          font-size : 10px;
          font-weight : bold;
          margin-top : 0;
          margin-bottom : 0;
      }
      .tiny {
          font-size : 9px;
          line-height : 16px;
          margin-top : 15px;
          margin-bottom : 5px;
      }
      #top {
          margin : 10px 10px 0;
		  padding : 15px;
          background-image : url("hpipe.gif");
          background-position : 0% 100%;
          background-repeat : repeat-x;
	      background-color: #fff;
          /* border : 5px solid #e7eaf4; */
          height : 120px;
          voice-family : "\"}\"";
          voice-family : inherit;
          height : 90px;
      }
      html > body #top {
          height : 90px;
      }
      #left {
          position : absolute;
          top : 120px;
          left : 0px;
          margin : 10px 0 10px 10px;
          padding : 0px;
          /* border-width : 0 1px 0 0;
          border-color : #900000;
          border-style : dotted; */
	      text-align: center;
          /* background : #d5daee; */
          color : #ffffff;
          width : 300px;
          voice-family : "\"}\"";
          voice-family : inherit;
          width : 300px;
      }
      html > body #left {
          width : 270px;
      }
      #middle {
          margin : 10px 330px 10px 271px;
          padding : 10px 20px 10px 20px;
          border-width : 0 0 0 0;
          border-color : #ccc;
          border-style : solid;
	    /* background-image : url("wmark7.png");
          background-position : 100% 50%;
          background-repeat: no-repeat; */
      }
      #right {
	      font: normal 11px "trebuchet ms";
          position : absolute;
          top : 120px;
          right : 0;
	      text-align: center;
          /* background-image : url("vgradient.gif");
          background-position : 0% 0%;
	      background-repeat: repeat; */
		  background : #eee; 
          margin : 10px 10px 10px 0;
          padding : 10px;
          border-width : 0 0 0 1px;
          border-color : #ccc;
          border-style : solid; 
          width : 330px;
          voice-family : "\"}\"";
          voice-family : inherit;
          width : 300px;
      }
      html > body #right {
          width : 300px;
      }

	pre {
          font-size : 12px;
          line-height : 22px;
          margin-top : 20px;
          margin-bottom : 10px;
      }
      body {
          margin : 0;
          padding : 0;
          /* background-image : url("criser.gif");
          background-position : 10px 150px;
          background-repeat : repeat-y;  */
          font : 80% Trebuchet MS, Verdana, sans-serif;
      }
      .searchbx {
          position : relative;
          top : 0px;
          left : 0px; /* old 775px */
		  float: right;
          width : 125px;
          /* height : auto; */
	      text-align: center;
          z-index : 1;
	      font: normal 11px verdana;
		  /* border: 1px solid #ccc; */
      }
      
     .feedbackbx {
          position : relative;
          top : 50px;
          left : 0px; /* old 775px */
          /* width : auto; */
          /* height : ;*/
		  padding: 10px;
	    /* text-align: center;*/
          z-index : 101;
	    font: normal 11px verdana;
		border : 1px solid #ccc;
		background-color: #fff;
      }

   

      .newannounce {
          position : relative;
          top : 10px;
          left : 0px;
		  float: left;
	      padding: 10px;
	    /*background-image : url("file:///h:/WebDesignLearning/temp/nuevo/common/horizpipe.gif");
          background-position : 0% 0%;
	    background-repeat: repeat-x; */
	      background: #fff; 
          width : 280px;
          /* height : auto; */
          border : 1px solid #ccc;
	      text-align: left;
          z-index : 1;
		  font: italic 11px verdana;
		  line-height: 16px;
      }
	  
	  .sstlogobox {
	  	    position : relative;
	        top : 20px;
    		left : 0px;
 	        padding: 2px;
			/* width : auto;
            height : auto; */
            /* border : 1px solid #ccc; */
		}

		.cslogobox {
		display: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 250%;
			font-style: normal;
			font-weight: bold;
			position : relative;
	        top : 0px;
    		left : 0px;
 	        padding: 0px;
 	        background-image : url("cgradient.png");
            background-position : 50% 5%;
 	        background-repeat: repeat;
	        /*background: #fff; */
			/* outline: #ccc dashed 1px; */
			color: #000;
          width : auto;
          height : 50px; 
          border : 1px solid #ccc;
	      text-align: center;
		}
		
		.slogan {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11pt;
			font-style: italic;
			font-weight: normal;
			position : relative;
	        top : 0px;
    		left : 0px;
 	        padding: 2px;
 	        /* background-image : url("cgradient.png");
            background-position : 50% 5%;
 	        background-repeat: repeat-y;
	        /*background: #fff; */
			color: #666666;
          width : auto;
          height : 25px; 
          /*border : 1px solid #ccc; */
	      text-align: center;
		}



     .plainbox { 
		position : relative; 
		top : 0px; 
		left : 0px; 
		padding: 15px; 
		background: #e7e7f7;
		border : 1px dotted #ccc; 
		text-align: left; 
		z-index : 102; 
		margin: 0px 25px 0px 300px;
		width: 340px;
	}



      div.row {
          position : absolute;
          top : 2px;
          left : 100px;
          clear : both;
          padding-top : 10px;
      }
      div.row span.label {
          float : left;
          width : 100px;
          text-align : right;
          padding-right : 5px;
      }
      div.row span.formw {
          float : right;
          width : 100px;
          text-align : left;
          padding-right : 5px;
      }
      .jumptobx {
          position : relative;
          top : -5px;  /* -5  */
          left : -8px;  /* -8  */
          color : #000000;
          font-family : Trebuchet MS, Verdana, Arial, sans-serif;
          font-size : 8px; 
          padding : 0px;
	      margin-right: -20px; 
          height : 20px; 
          width : 50px;
      }

ul {
	margin: 0;
	padding: 0;
	list-style: none; 
	width: 140px; /* Width of Menu Items old setting: 150px*/
	border-bottom: 1px solid #ccc;   /* bottom border only */

 	}

ul li {
	position: relative;
	text-align: left;

	}
	
li ul {   /* for the dropdown box */
	position: absolute;
	left: 139px; /* Set 1px less than menu width, positions the dropdown only*/
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	
	display: block;
	text-decoration: none;
	color: #777; 
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;  
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #900000; background: #f9f9f9; }  /* Hover Styles old color: #E2144A background: #f9f9f9*/

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
		
li:hover ul, li.over ul { display: block; } /* The magic */

#site {
          position : absolute;
          z-index : 1;
          top : 400px;
          left : 10px;
          color : #000;
          background-color : #ddd;

	      padding : 5px;
          border : 1px solid gray;
}
#menu {
          position : relative;
          top : 0px;
	      /* right : 0px; */
   	      left: 0px;
	      color : #000;
          /*background-color : #fff;*/
	      font: normal 11px verdana;
  	      float: left;
		  z-index: 101;
	      /* border-left: 1px solid #990000;*/

}



/* Thank you for using this stylesheet. */