/* Rules for all browsers
----------------------------------------------- */

/* needed to make sure that the hover behaviors work (flyout menus and hovering over block elements */
body { behavior:url(../htc/csshover2.htc); }
body {
	color:#000;
	background-color:#fff;
	margin: 0;
	}
body#home, body#interior, body#interiorsidebar{
	background:#820009 url(../images/sjg_dots_pagebg.gif) repeat-y scroll center top;
	}
/* wysiwyg iframe */
body.main, body.sidebar {
	color:#000;
	margin: 0;
	background-color:#fff;
	background-image:none;
	}
/* defaults */	
td, h3, p, a, span, ul, li, input, textarea, select, file {
	font-family: Verdana, Arial, Geneva, Tahoma, sans-serif;
	}
h1 {
	font-size:80%; 
	color:#820009;
	margin:8px 0;
	text-transform:uppercase;
	}
h2 {
	color:#820009;
	font-size:80%; 
	margin:0 0 8px 0;
	}
h3 {
	font-size:70%; 
	margin:8px 0;
	}  
p, li, form td{ 
	font-size:70%;
	margin: 0;
	padding: 0;
	}
p{
	padding:0 0 10px 0;
	line-height: 130%;
	}
ol{
	margin:0 0 10px 10px;
	padding-left:25px;
	}
ul{
	margin:0 0 10px 10px;
	padding-left:20px;
	}

form input, form textarea{
	border:1px solid #a0a0a0;
	}
/* prevent form input fields and paragraphs in forms from being too small: */
form input, form select, form textarea, form td p, form td td {
   font-size: 100%;
   }

/* prevents lists from shrinking as sub lists are made */
ul li * { font-size: 100% !important;}
ol li * { font-size: 100% !important;}

/* ---- links ----------------------------------------- */

/* Remember "LoVe/HAte" linking.  */ 
a:link {color:#369;font-weight:normal;text-decoration: underline;}  
a:visited {color:#369;font-weight:normal;text-decoration: underline;}
a:hover {color:#369;font-weight:normal;text-decoration: underline;}
a:active {color:#369;font-weight:normal;text-decoration: underline;}

h1 a:link,h1 a:visited,h1 a:hover,h1 a:active{
	color:#820009;
	font-weight:bold;
	}
h2 a:link,h2 a:visited,h2 a:hover,h2 a:active{
	color:#820009;
	font-weight:bold;
}
h3 a:link,h3 a:visited,h3 a:hover,h3 a:active{
	color:#000;
	font-weight:bold;
}

/* ----  templates ----*/
#mainDiv{
margin-bottom:30px;
	padding:21px 0 0 0;
	width: 778px;
	background:#fff url(../images/sjg_main_bg.gif) no-repeat scroll 0px 0px;
	}
#header{
	text-align:left;
	padding:0 0 10px 20px;
	width:778px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:758px;
	}

#header_right{
	float:right;
	}
#metanav{
	color:#820009;
	text-align:right;
	padding:15px;
	}
#metanav ul li{
	display:inline;
	padding:0px 10px;
	background: url(../images/sjg_redbullet.gif) no-repeat 0 5px ;
	}
#metanav a:link,
#metanav a:visited,
#metanav a:hover,
#metanav a:active{
	font-weight:normal;
	color:#820009;
	text-decoration:underline;
	}
#topnav{
	width: 568px;
	padding-top:17px;
	}
	
#main{
	padding:5px 20px 5px 10px;
	text-align:left;
	}
.main{
	color:#000;
	background-color:#fff;
	}
.main ul{
	margin-left:0;
	margin-right:0px;
	padding-left:20px;
	}
.main ol {
	margin-left:0;
	margin-right:0px;
	}
.main ul ul, .main ol ol{
	margin-left:0;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:10px;
	}
.main ul li, .main ol li{
	margin:0px 0 ;
	padding:0px 0 2px 10px ;
	_padding:0px 0 2px 10px ;
	}

/* ---- Home sidebars ---- */
#sidebar1,#sidebar2,#sidebar3{
	padding:5px 30px;
	}

	
/* ---- Interior templates ---- */
#leftnav{
	text-align:center;
	padding:10px;
	width:215px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:195px;
	}

/* ---- Interior sidebar ---- */
body#interiorsidebar #sidebar1{
	padding:5px 20px;
	border-left:1px solid #dfdede;
	width:225px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:185px;
	}


/* ---- Form ----*/
.required{
	color:#820009;
	}
.formtable{
	width:80%;
	margin-bottom:20px;
	}
.formtable .entry {
	text-align:left;
	vertical-align:top;
	}
.formtable .label{
	text-align:left;
	vertical-align:top;
	}

    
	
/* ----- datatable moved to shared 4/06  -----*/

* ----- footer ----- */
.footerstretch, .footer{
	clear:both;
	}
.footerstretch{
	margin-top: 40px;
	border-top:1px solid #d8d8d8;
	}
.footer{
 	font-size:65%;
 	_font-size:55%;
 	color: #888686;
	text-align:right;
 	padding: 5px 15px 20px 15px;
	}
.footer a{
	margin: 0 0px;
	}

.footer a:link,
.footer a:visited,
.footer a:hover,
.footer a:active{
	color:#888686;
		font-weight:normal;
text-decoration:underline;
	}  
/* ---- Printing ----------------------------------------- */	

.noPrint {
	text-decoration: none;
    }	
.printOnly {
	display: none;
	}

@media print { 
	
	.noPrint {
	display: none;
	}

	.printOnly {
		display: block;
	}
	
	body, body#home, body#interior, body#interiorsidebar{
		background: none; 
		background-color: #fff;

	}
	#mainDiv, .footerstretch{
		width:100%;
		background: none; 
		background-color: #fff;
	}
	.footer{
		font-size:70%;
	}
	
	
	ul li { background-image:none !important; }
	
}