/* CSS CONTENT */



body {
background: #ffffff url(images/bg-2sa.gif) repeat top left;    			
color:#000000;
font:14px "Trebuches MS", Verdana,Tahoma,Arial,sans-serif;			
margin:0;
padding: 0;
}

/*** GRAY BACKGROUND ***/

.graybg{
background-color: #EAEAEA;
}

/*** EDGE SHADOWS ***/

.edgeleft {
background-image: url(images/shadow-left.gif);			
background-repeat: repeat-y;
background-position: right;
background-color: transparent;
color: Black;
}

.edgeright {
background-image: url(images/shadow-right.gif);				
background-repeat: repeat-y;
background-position: left;
background-color: transparent;
color: Black;
}


td {
	background-color: White;
	color: Black;
}



/*** HEADER ***/

#headimage {
float:left;
padding: 3px 0px 0px 3px;
}

#topright {
color:#009999;
float: left;
padding: 20px 10px 5px 0px;
font-size: 11px;
font-weight:normal;
text-align: left;
line-height: 160%;
}

#topright ul {
list-style-type: square;
list-style-position: outside;
}

#topright a {
color: #009999;									
font-weight:normal;
text-decoration: none;
}

#topright a:hover {								
color: #ff7b53;
text-decoration:underline;
}




/*** CONTENT AND LINKS ***/

a {
color: #009999;									
font-weight:bold;
text-decoration: none;
}

a:hover, a:active {								
color: #ff7b53;
text-decoration:underline;
}

a:visited {
color: #666666;
text-decoration: underline;	
}
 
/*** SMALL TEXT FOR IMAGE LINKS ***/

a.captionlink {
color: #000000;
text-size: 9px;
text-decoration: none;
} 

a.captionlink:hover, a:active{
text-size: 9px;
color: #009999;
text-decoration:underline;
}

a.captionlink:visited {
text-size: 9px;
color: #666666;
text-decoration: underline;
}

/*** PARAGRAPH AND TEXT SIZES ***/

p {
line-height: 150%;
text-align:left;
padding: 0% 4% 0% 4%;
}

.p12 {
font:12px "Trebuches MS", Verdana,Tahoma,Arial,sans-serif;	
line-height: 150%;
text-align:left;
padding: 0% 4% 0% 4%;
}

.text10 {
font-size: 10px;
}

.text12 {
font-size: 12px;
}

.text14 {
font-size: 14px;
}

.bold {
font:14px "Trebuches MS", Verdana,Tahoma,Arial,sans-serif;
font-weight: bold;
text-align:left;
padding: 0% 4% 0% 4%;
}

h1 {
color: #009999;				
font: italic bold 18px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align:left;
letter-spacing:2px;
margin:1% 2% 2% 2%;		
}

h2 {
color: #009999;					
font:  bold 18px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align:left;
letter-spacing:2px;
margin:0% 2% 0% 2%;
border-bottom: dotted #009999 thin;	
width: 60%;
}

h4 {
color: #009999;				
font: bold italic 16px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align:left;
letter-spacing:2px;	
font-weight: bold;
border-bottom: 1px dotted #666666;	
}

.centerhead {
text-align: center;
font: bold 16px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
color: #009999;	
letter-spacing:2px;	
border-top: solid #009999 medium;
border-bottom: dotted #009999 thin;
margin-left: 100px;
margin-right: 100px;
}

/*** ACCENT PARAGRAPHS ***/

p.intro {
line-height: 150%;
color: #666666;						
font: normal 18px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align:left;
letter-spacing:3px;
padding:0% 4% 0% 4%;
}

p.teal {
line-height: 150%;
color: #009999;						
font: bold 16px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align:left;
letter-spacing:2px;
padding:0% 2% 0% 4%;
}

#apparel {
color:#009999;
text-align: left;
padding:0 0 0 30px;
}


/*** SPOTLIGHTED IMAGE AND CAPTION ***/

#topphoto {
width: 350px;
float: right;
border:0;
text-align: center;
}

p.caption {
margin: 0 2% 0 2%;
color: #000000;
font-size: 9px;
text-align: center;	
}


p.caption2 {
color: #000000;
font-size: 10px;
text-align: left;
}



/*** OVAL SLIDINGN DOOR BUTTON ***/

a.ovalbutton{
background: transparent url('images/btn-oval-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left:320px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #303030; /*button text color*/
text-decoration: none;   /*no underline*/
}

a.ovalbutton span{
background: transparent url('images/btn-oval-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}




/*** Horizontal menu ***/

/*- Menu Tabs F--------------------------- */

    #tabsF {
      float: left;
      width:100%;
	  	height: 40px;
      background: #009999;							
		background-image: url(images/bg-stripe.gif);
		background-repeat: repeat;
		background-position: left;
      font-size:12px;
      line-height:normal;
      border-bottom:2px solid #000000;
      border-top:1px dotted #000000;
      }
    #tabsF ul {
	  margin:0;
	  padding:20px 5px 0 15px;
	  list-style:none;
      }
    #tabsF li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsF a {
      float:left;
      background: url(images/tableftF.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsF a span {
      float:left;
      display:block;
      background: url(images/tabrightF.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      color: #666666;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#ffffff;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }

	/*** Backtrack links under horizontal menu ***/	
.breadcrumb{
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #009999;
padding-top: 3px;
padding-left: 12px;
}

.breadcrumb a{
background: transparent url(images/point.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #666666;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: #666666;
}

.breadcrumb a:hover{
text-decoration: underline;
color: #303030;
}



/*** vertical menu ***/

h3 {
color: #303030;					
font:  bold 16px "Trebuchet MS", Verdana,Tahoma,Arial,sans-serif;
text-align: left;
letter-spacing:2px;
border-top: 0px solid #009999;
background-image: url(images/bg-subhead.gif);
background-repeat: no-repeat;
background-position: right;
padding-left: 15px;
padding-right: 0px;
}

#rightside {
border-left: 1px solid #99CCCC;
font-size: 10px;
text-align: left;
margin: 0% 2% 0% 0%;
}

#rightctr {
border-left: 1px solid #99CCCC;
margin: 0% 2% 0% 0%;
font-size: 10px;
text-align: center;
}

#rightside p {
font-size: 10px;
color: #000000;
text-align: left;
}

#rightside ul {
color:#009999;
text-align: left;
list-style-type: square;
list-style-position: outside;
}

#rightside li {
color:#009999;
text-align: left;

}

#rightside a, visited {
color:#009999;
text-decoration: none;
font-size: 10px;
font-weight:normal;
}

#rightside a:hover {
color: #ff7b53;
text-decoration: underline;
font-size: 10px;
font-weight:normal;
}



/*** Footer ***/

#footer {
background: #ffffff url(images/bg-stripe.gif) repeat top left;		
color:#f0f0f0;									
font-weight:bold;
font:12px "Trebuches MS", Verdana,Tahoma,Arial,sans-serif;	
margin:0;
text-align:center;
border-top:3px solid #000000;
padding: 10px 0 20px 0;
}

#footer a {
color:#d0d0d0;								
font-weight:bold;
}

#footer a:hover {
color:#ffffff;								
font-weight:bold;
}

/*** End of file ***/