html, body {
background-color : #fff;
font-family: Georgia, Arial, helvetica, san serif;
font-size: 16px;
color: #37312b;
text-align: center;
margin: 0;
padding: 0;
line-height: 34px;
margin-left : 0;
margin : 0;
padding : 0;


}

a:link, a:visited, .a:hover,  a:active {
	text-decoration: none;
	background-color: transparent;
}



h1
	{
	text-decoration: none;
	

	color: #c3586c;
font-family: arial, helvetica, sans serif;
padding-left: 0px;
padding-bottom: 6px;
margin-bottom: 10px;
border-bottom: 0px solid #fff;
margin-top: 10px;
text-align: left;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	}		



h2 {
font-family: arial, helvetica, sans serif;
  font-size: 20px;
  font-weight: normal;
  color: #ee2654;
  margin-bottom: 0px;
}

h3 {
font-family: arial, helvetica, sans serif;
  font-size: 20px;
  font-weight: normal;
  color: #006699;
  margin-bottom: 0px;
 padding-bottom: -4px;
}

.tiny {
  font-size: .8em;
}

.top {
font-family: arial, helvetica, sans serif;
}

#wrapper {
  width: 950px;
  background: #fff url(images/back.png);
	background-position:top center;
	background-repeat: no-repeat;
background-attachment:fixed;
  min-height:600px;
height:auto !important;
  margin: 0 auto; 
  padding-left:0px;
  border: 0px solid red;
  
}




#header {
	
width:850px;
background: #fff url(images/sj_header.jpg);
background-position:bottom center;
	background-repeat: no-repeat;
	height: 330px; 
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 10px;
	
	   border: 0px solid red;
	 border-bottom: 0px solid #ccc;
	
	 
	
}


#content { 
  width: 850px; 
  min-height:400px;
  background-color : transparent;
  float: left;
  padding: 0px;
 margin-left: 50px;
	margin-right: 50px; text-align: left;
  border-top: 1px solid #ccc;
    
}


#mainContent { 
width: 820px; 
margin-left: 10px;
margin-right: 0px;
padding-right: 0px;
border: 0px solid red;
margin-bottom: 10px;
}

#mainContent p{ 

  margin-right: 6px;
  margin-bottom: 10px;
}


#bookspanel { 
width: 820px; 
text-align: center;
border: 0px solid red;
margin-bottom: 10px;
}


	
#mainNav {

	width:850px; 
		min-height:38px; 
font-family: Arial, helvetica, san serif;
line-height: 200%;
font-size: 20px;
font-weight: normal;
letter-spacing: 0px;
 border-bottom: 1px solid #ccc;
 background-color : #fff;
	}	

#menu1 {
  width:850px;
padding:0; 
 margin:0 auto; 
  list-style-type:none;
  }
#menu1 li {
 float:left;
 text-align: left;

   border: 0px solid red;

  }
#menu1 a {
  /*display:block;*/

  color: #006699;
  border-right: 0px solid #598e92;
padding:0px 20px;
  text-decoration:none; 

  }
#menu1 a:hover {
 color: #c3586c; 
 border-bottom: 0px solid red;
 
  }







#footer {
  background-color: #c3586c;
  width: 900px;
text-align: left;
 margin-left: 25px;
margin-right: 25px;
  height: 60px;
  font-size: 12px;
  color: #ffffff;
  padding-top: 1px;
  border: 0px solid red;
clear: both;
 
} 


.sig {
padding-left: 20px;
padding-top: 10px;
font-size: 14px;
color: #ffffff;
 
} 

.sig a:link, .sig  a:visited, .sig a:hover, .sig a:active {
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

#footer2 {
  background: transparent;
padding-right: 30px;
  height: 20px;
  font-size: 10px;
  color: #ADADAD; 
  font-family:helvetica, arial, sans-serif; 
  text-align: right;
  border: 0px solid red;
  clear: both;
 
} 

#footer2 a:link, .footer2  a:visited, .footer2 a:hover, .footer2 a:active {
	text-decoration: none;
	color: #ADADAD;
	background-color: transparent;
}

blockquote{background:#f9f9f9;border-left:1em solid #eee;margin:1.5em 1em;padding:.5em 1em; font-size: 16px;
line-height: 26px;/* quotes:"\201C""\201D" */;}

/*        blockquote:before{color:#808080;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;} */
       blockquote :first-child{display:inline;}
       blockquote :last-child{margin-bottom:0;}
      /*  blockquote:after {color:#B2AFCD;content:close-quote;font-size:4em;line-height:.1em;margin-left: .20em;vertical-align:-.4em;} */

.quote
	{
text-decoration: none;
color: #0459a5;
text-align: right;
font-style: normal;
margin-top: 0px;
margin-right: 100px;


}

blockquote{background:#f9f9f9;border-left:1em solid #eee;margin:1.5em 1em;padding:.5em 1em;/* quotes:"\201C""\201D" */;}
/*        blockquote:before{color:#808080;content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-.4em;} */
       blockquote :first-child{display:inline;}
       blockquote :last-child{margin-bottom:0;}
      /*  blockquote:after {color:#B2AFCD;content:close-quote;font-size:4em;line-height:.1em;margin-left: .20em;vertical-align:-.4em;} */



.pullout
	{
text-decoration: none;
width: 600px;
text-align: center;
font-style: normal;
font-size: 12px;
line-height: 24px;
margin-top: 10px;
margin-bottom: 80px;
margin-left:150px;

  border: 0px solid red;
clear:both}
}

hr 

{color: #fff; background-color: #fff; border: 1px solid#ccc; border-style: none none solid; clear:both}

  table  {
padding : 4px;
vertical-align : top;
width : 600px;
background-color : #fff;
border : 0 solid blue;
margin-left : 40px;
}
td {
vertical-align : top;
padding-bottom : 6px;
}
tr {
vertical-align : top;
background-color : #fff;
margin : 8px;
}

.indent {

padding-left: 10px;
font-style: normal;

}


input.txt {
  color: #00008B;
  background-color: #cccccc;
  border: 1px solid #4D636F;
  width: 200px;
}

input.box {
  color: #cccccc;
  background-color: #cccccc;
  border: 1px solid #4D636F;
  width: 200px;
  height: 100px;
}

  .btn {
  color: #000000;
  background-color: #cccccc;
  border: 1px outset #00008B;
  /*margin-left:11em;*/
  
}
  form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
 form p label {
  float: left;
  width: 50%;
  /*font: bold 0.7em Arial, Helvetica, sans-serif;*/
}







/***** Global Classes *****/
.clear { clear: both; }
.hide { display: none; }
.show { display: block; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.image-left, .image-right { margin: 0 0 5px 0; } 
.image-left { float: left !important; margin-right: 15px; }
.image-right { float: right !important; margin-left: 1px; margin-right: 1px; }
.border { border: 1px solid #d8d9ee; padding: 5px; margin: 2px; }
.img { border: 0px solid #d8d9ee; margin: 4px}
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-justify { text-align: justify !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.hand { cursor: pointer; }
.auto-height { height: auto !important; }
.auto-width { width: auto !important; }


img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.alignrightborder {float:right; margin:0 0 1em 1em; border: 1px solid #ccc; padding: 5px;}
img.alignleftborder {float:left; margin:0 1em 1em 0; border: 1px solid #ccc; padding: 5px;}
img.aligncenterborder {display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc; padding: 5px;}