/* CSS Document */

/* IE 6 Hacks */
@import url(sjaStyles_ie6Win.css);




/* The file below is ONLY read by IE5/Mac.
	Makes use of the Band Pass Filter: 
	http://www.stopdesign.com/examples/ie5mac-bpf/ */

/*\*//*/
  @import "seoWebPromote_ie5Win.css";
/**/


/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body{
		background-color: #A17650;
		text-decoration: none;
		font: 12px/17px helvetica, arial, sans-serif; 
		color: #333333;
		margin: 0px; 
		padding: 0px;
		}
	
a:link {
		color: #4683B6;
		text-decoration: none;
		font-weight: bold;
		}

a:hover {
		color: #A17650;
		}
	
a:visited {
			color: #4683B6;
			text-decoration: none;
			font-weight: bold;
			}
		
		
div, li, ol, ul{
		text-decoration: none;
		font: 12px/17px helvetica, arial, sans-serif; 
		color: #000;
		margin: 0px; 
		padding: 0px;
		}
		
		
.bold{font-weight:bold;}

.italic{font-style:oblique}

form {margin: 0;}

	
p,h1,pre {
	margin:0px 0px 0px 0px;
	}
	
/* Holds the position and with of the main window */	
#container {
	position:absolute;
	left:50%;
	top: 0px;
	width:850px;
	margin-top:0px;
	margin-left:-425px;
	padding:0px;
	visibility: visible;
	/*height: 817px;*/
	}

#TopBanner{
	background-color: #ffffff;
	background-image: url(images/TopBanner.jpg);
	background-repeat: no-repeat;
	height: 122px;
	width: 850px;
	}
		
	
#logoLeft {
	float: left;
	width: 90px;
	margin: 47px 0px 0px 47px;
	padding: 0px;
	height: 60px;
	background-image: url(images/SJALogo.gif);
	background-repeat: no-repeat;
	}

#logoLeft li {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
	}
	
#logoLeft li a:link, #logoLeft li a:visited {
	display: block; 
	float: left;
	height: 60px;
	width: 90px;
	}
	
#logoLeft li a:hover {background-image: url(images/SJALogoHover.gif);}

#logoLeft span {display: none;}

#tagLineRight {
	height: 136px;
		}
					
#tagLineRight h1 {
	font: 15px/15px "Times New Roman", Times, serif; 
	color: #666666;
	font-weight: bold;
	font-style: oblique;
	float: right;
	width: 320px;
	margin-top: 10px;
	margin-right: 10px;
	}


/* Holds the position of the white area containing the side menu and text */	
div.spacer {
  clear: both;
  }
  
#mainWrapper{
	background-color: #ffffff;
    background-position : left;
	 background-image : url(images/wrapperBG.gif);
	background-repeat : none;
	margin-left: 0px;
	margin-top: 0px;
	width:850px;
	}
	

#leftCol{
   float: left;
    background-image : url(images/leftGradient.gif);
	background-repeat : none;
	background-position : right top;
	padding : 0px 0px 0px 0px;
	width: 180px;
	}
	
#menubar{
   height : 518px;
   width : 115px;
  }
	
#content{
   float: right;
   width: 618px;
   height: 100%;
   margin: 0px 15px 0px 10px;
   padding: 0px 5px 0px 5px;
	}
	
	
/* Side Navigation */
#sideNav{
	width: 115px;
	height : 491px;
	font: normal 11px/17px verdana, lucida, sans-serif;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 27px;
	padding: 0px;
	}

#sideNav ul{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	}

#sideNav li{
	font: normal 11px/17px verdana, lucida, sans-serif;
	text-decoration: none;
	margin-left: 33px;
	}

#sideNav a {
	display: block;
	color: #000;
	padding: 1px 0px 1px 15px;
	width: 115px;
	}
	

#sideNav a:link, #sideNav a:visited{
	color: #333333;
	text-decoration: none;
	background: transparent url(images/menuBox.gif) left center no-repeat;
	font: normal 14px/28px Helvetica, Arial, sans-serif;
	}

#sideNav a:hover, #sideNav a#current:hover{
	color: #A17650;
	}
	
#sideNav a#current {
	color: #000;
	text-decoration: none;
	width: 115px;
	}


	

/* sets the width of the right column */	
#leftSide{
	float: left;
	width: 350px;
	margin: 30px 20px 0px 0px;
	}
	
#rightSide{
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	}
	
.rightText{text-align:right;}
	
.photo{
	float:right;
	}

.contactInfo{
	float:right;
	}
	
#content p.name{
	font: bold 14px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#content p.contact{
	font: normal 12px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#content p.location{
	font: bold 12px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#content h1 {
	font: bold 20px/24px helvetica, verdana, arial, sans-serif;
	color: #4683B6;
	}

#content h4 {
	font-size: 19px/26px;
	font-family: Arial,lucida, Verdana, Helvetica,  sans-serif;
	color: #4683B6;
	}
	
#content h3 {
	font: normal 14px/17px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	color: #4683B6;
	}
	
	
#content h2 {
	font: bold 16px/22px helvetica,verdana,arial,sans-serif;
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #4683B6;
	}
	
#content h2 a{
	font:16px/18px helvetica,verdana,arial,sans-serif;
	color: #4683B6;
	text-decoration: none;
	}		

#content p {
	font:12px/17px helvetica,verdana,arial,sans-serif;
	color: #333333;
	}
	
#content a {
	color: #4683B6;
	text-decoration: none;
	font-weight: bold;
	}

#content a:hover {
	color: #A17650;
	}
	



/* list box in body */
#content ul{
	text-align: left;
	padding: 0px;
	margin: 0px;		
	background: #ffffff;
	width: 350px;
	font: normal 12px/18px helvetica, verdana, lucida, sans-serif;
	color: #333;
	position: relative;
	}

#content li{
	padding: 0px 0px 0px 15px;
	text-align: left;
	font: normal 12px/18px helvetica, verdana, lucida, sans-serif;
	color: #333;
	list-style-type: none;
	background: transparent url(images/blueBullet.gif) left 4px no-repeat;
	}
	
#content li.subcat {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 12px/18px helvetica, verdana, lucida, sans-serif;
	color: #333;
	list-style-type: none;
	list-style-image: url(images/blueBullet.gif);
	list-style-position: outside;
	margin: 0px 0 0px 10px;
	}
	
	
#content .faq {
		color: #A17650;
		font-weight: bold;
		}

#pageTop p {
	font:12px/17px helvetica,verdana,arial,sans-serif;
	color: #666;
	}
	
#bottom{
	margin-top: 20px;
	float: right;
	font:12px/17px helvetica,verdana,arial,sans-serif;
	color: #666666;
	width: 618px;
	}
	
#bottomLeftSide{
	float: left;
	width: 350px;
	margin: 0px 20px 0px 0px;
	}
	
#bottomRightSide{
	float: right;
	width: 240px;
	margin: 0px 0px 0px 0px;
	}
	
#bottom p.name{
	font: bold 14px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#bottom .contact{
	font: normal 12px/18px "Times New Roman", Times, serif;
	text-align:left;
}

#bottom p.location{
	font: bold 12px/18px "Times New Roman", Times, serif;
	text-align:left;
}


#bodyBottom{
	background-color: #ffffff;
	}
	

	
#footer p {
	font: normal 11px/18px Helvetica, verdana, arial, sans-serif;
	color: #666666;
	text-align: left;
	background-color: #ffffff;
	margin-left: 0px;
	padding-left:190px;
	padding-right: 20px;
	}
	
#footer p.copyright{
	font: normal 11px/18px helvetica, verdana, arial, sans-serif;
	text-align:right;
	color: #999999;
	
}
	
#footer p.name{
	font: bold 14px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#footer span.contact{
	font: normal 12px/18px "Times New Roman", Times, serif;
	text-align:right;
}

#footer p.location{
	font: bold 12px/18px "Times New Roman", Times, serif;
	text-align:right;
}

/*Reports Table*/
td.intro{
	font-weight: bold;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

td.description{
	/*font: normal 13px/18px "Times New Roman", Times, serif;*/
	font: normal 12px/18px  helvetica, verdana, arial, sans-serif;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
	

/* Form Styles */

 #profileForm table {
	width: 450px;
	border-top: 1px solid #7C1515;
	padding: 5px;
	border: 1px solid #7C1515;
	 } 

#profileForm td { 
	width:450px; 
	 }
  
.formlabel {
	color: #7C1515;
	font-style: normal;
	font-size: 14px;	
	font:1.1em  Verdana, Arial, Helvetica, sans-serif ;
	padding: 7px 0px 0px 0px;
	width:450px;
	}

  
.formfield {
	font: 12px  Verdana, Arial, Helvetica, sans-serif ;
	color:#000;	
	width:450px;
	text-align: left; 
	background-color: transparent;
	padding: 0px 0px 3px 0px;
	margin-right: 0px;
	}
	
.formfield input {
	background-color: #F7EDCB;
	border:solid 1px #7C1515;
	font: 12px  Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width:450px;
	text-align: left;
	margin-right: 0px;
	background-image: none;
	}
	

textarea.boxColor {
	margin:3px 0px 0px 2px;
	background-color: #F7EDCB;
	border:solid 1px #7C1515;
	font: 12px Verdana, Arial, Helvetica, sans-serif ;
	color:#333;
	}
	
.button {
	 font: 1.1em  Verdana, Arial, Helvetica, sans-serif;
	 background-color: #F7EDCB;
	 color: #7C1515;
	 margin-left: 3px;
	 margin-top: 3px;
	 margin-bottom: 2px;
	}