/*Styles specific to the home page are listed here*/
/*For margin and padding, the values are always in the following order
  margin/padding: top right bottom left  */

/*The outer expanding layout style is defined here since the home page uses a different layout*/
#layouthomewrapper {
      max-width:4000px;
      min-width: 900px;
      min-height:1000px;
      margin-left: auto;
      margin-right: auto;
      padding: 0;      
      background: #FFFFFF;
      text-align: left;
               }
			   
#layouthomeheader  {
      width:100%;
      height:73px;
      padding: 0;
      border-bottom: 2px solid #FFFFFF;      
      background: url(../textures/header-bg.gif) repeat-x top left;
        }
		
#layouthomemainmenu {
      width:100%;
      height:25px;      
      padding: 0;
      background: #E7E6E6;
      border-top: 1px solid #999999;
           }
		   
#layouthomeimage {
      width:100%;
      height:270px;
      background: #9BB7C1;
             }
/*End of styles for expanding layout*/

#homewrapper {
      width: 900px;
      min-height:1000px;
      margin-left: auto;
      margin-right: auto;
      margin-top: -371px;
      padding: 0;      
      background: #FFFFFF;
      text-align: left;
      font-size:100%;
      color: #5C5C5C;
         }

#leftdivision  {
      width:60%;
      float:left;
      text-align:justify;
      line-height:130%;
      margin:10px -5px 0 0;
      border-right: 1px solid #BFBFBF;
               }
               
#rightdivision {
      width:40%;
      float:right;
      text-align:justify;
      line-height:130%;
      margin:0;
      padding:0;
      
           }
           
#leftdivision .gutter  {
      padding:10px 25px 25px 0;
                       }
#rightdivision .gutter {
      padding:5px 0 25px 10px;
                       }
                       
#pagegraphichome  {
      width:100%;
      height:270px;
      float: left;
      padding: 0;
      background: url(../textures/home.gif) no-repeat top left;
                    }

 
/*The highlights on the welcome page are actually links and their styles begin here*/              
#highlights {
      padding: 0;
            }


#highlights li {
      padding-bottom:20px;
      list-style-type: none; 
              }

#highlights li a {
      text-decoration:none;
      font-weight:lighter;
      color: #5C5C5C;
                 }

#highlights li a:hover{

           color:#000000;
                    }
#highlights li a:before {
            color: #CD0007;
            font-size: 90%;
            font-weight:bold;
            content: "\3E\ ";
            margin-left: -12px;
                     }
/*End of highlights styles*/

#flashcontent {
  width:689px;
  float:right;
  margin:0;
  padding:0;
              }

	
/*Spacebar and solid red bar are needed to position the flash video correctly*/
#spacebar {
  width:100%;
  height:55px;
  float:left;
  margin:0;
  padding:0;
          }
               
#solidredbar   {
  width:100%;
  height:10px;
  margin:-4px 0 0 0;
  padding:0;
  background:#CD0007;
               }   

/*space is needed to move the welcome heading down a little*/
#space  {
   float:left;
   margin:0;
   padding:0;
   width:100%;
   height:10px;
        }            

			   
			   
			   
			   
			   
/*Formatting specific to the home page*/			   
p.welcomeheading {
  margin:0;
  padding:20px 0 0 0;
  font-size: 130%;
  font-weight: bold;
  letter-spacing:1px;
  color:#CD0007;
  border-bottom: 1px solid #BFBFBF;
               }
               
p.highlightheading {
  font-size: 100%;
  font-weight: bold;
  letter-spacing:1px;
  color:#CD0007;
  margin-left:30px;
                }