/*CONTENT CLASSES*/

html, body {

background-color : #696565;
font: 16px Actor, arial, helvetica, "san serif";
line-height: 26px;
 color: #666;
text-align:left;
margin: 0;
padding: 0;


}




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


a img { border: none; }


#page-wrapper {
background: #696565 url(images/johncaine_back.jpg);
background-position: center;
background-repeat: repeat;
text-align:  left;
width:1000px; 
margin: 0px auto;
border: 0px solid red; 
}




#page-heading {

background: transparent url(images/johncaine_header.jpg);
width:900px; 
background-position:top center;
background-repeat: no-repeat;
height: 220px; 
 margin-left: 35px;
border: 0px solid red;
margin-top: 0px;
border-bottom: 0px solid #939598;

}




#content { 
  width: 940px;
  background-color: transparent;
  float: left;
  min-height:400px;
height:auto !important;
  border: 0px solid red;
    padding-right: 0px;
 margin-left: 35px;
    margin-top: 0px;
}


#mainContent { 
  width: 680px;
  padding-left: 0px;
  padding-right: 40px;
  padding-bottom: 20px;
    border: 0px solid red; 
  margin-left: 0px; 
  float: right; 
  
}






#footer {
width:1000px; 
background: url(images/johncaine_footer.jpg);
background-position:bottom center;
background-repeat: no-repeat;
height: 99px;
padding-top: 1px;
clear: both;
font-size: 10px;
margin-left: 0px;
text-align: left;
border: 0px solid red;


}

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





#sideNav {
  list-style: none;
  background-color: transparent;
  width: 200px;
  padding-top: 0px;
   float: left;
padding-left: 0px;
font-family: Actor, Arial, helvetica, san serif;
font-size: 14px;

border: 0px solid red;
}


/* 

#sideNav ul {
list-style: none;
width: 180px;
margin: 0px;
text-align: left; 
padding: 0;
}
#sideNav li {
border-bottom: 0px solid #006bb4;

}
#sideNav li a:link, #sideNav  li a:visited  {
display: block;
 margin:10px 4px 0px 0px;
padding: 2px 4px 10px 0px;
color: #fff;
text-decoration: none;

}
#sideNav li a:hover {
color: #cad0c2;
border-bottom: 0px solid #2d51af;
}
 */


blockquote{background: transparent;border-left:2px dotted #dc9d8e;margin:1.5em 1em;padding:.5em 1em; width: 650px;}






.sig {
width: 900px;
background-color: #c00000;

color: #fff;
font-family: Actor, Arial, helvetica, san serif;

margin-left:50px;
text-align: center;
font-size: 16px;
margin-top: 30px;
border:0px solid red;
	}

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

.dig {
width: 930px;

color: #6c5756;
font-family: Arial, helvetica, san serif;
margin-top: 20px;
margin-right: 50px;
text-align: right;
font-size: 10px;
border: 0px solid red;
	}

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


.hilite {
	
	color: #9e3a41;
	font-weight: bold;

	letter-spacing: 1px;

	}

	
.tiny {
	 text-decoration: none; 
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	padding-top: 6px;
	text-align: top;
	margin: 0;
	text-align: right;
	
	font-size: .7em;
	}	

	
	h1
	{
	
text-decoration: none;
color: #c00000;
font-family: Arial, helvetica, san serif;
text-align: left;
font-weight: normal;
	font-size: 30px;
	
	}	
	
	
	
	
	h2
	{
	text-decoration: none;
color: #849eb4;
font-family: Arial, helvetica, san serif;
text-align: left;
font-size: 20px;
font-weight: normal;
	}
	
	
	

	
	
	.quote
	{
text-decoration: none;
color: #333333;
font-style: normal;
font-weight: bold;
margin-left: 0px;
margin-bottom: 0px;
}


.picture_right {
	
	position: relative;
	display: inline;
	padding: 0;
	float: right;
	margin: 5px 0px 0 20px;
width: 320px; 
	FONT-SIZE: 14px;
	line-height:16px; 

text-align: center;
border: 0px solid red;
}





hr 

{color: #d9cbae; background-color: #fff; border: 2px dotted #dc9d8e; border-style: none none dotted; clear:both;}


input.txt {
  color: #00008B;
  background-color: #eeeeee;
  border: 1px inset #cc0000;
  width: 200px;
}

input.box {
  color: #00008B;
  background-color: #eeeeee;
  border: 1px inset #cc0000;
  width: 290px;
  height: 100px;
}

  
  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, .image-left, .image-right { margin: 5px; } 
.image-left { float: left !important; margin-right: 15px; }
.image-right { float: right !important; margin-left: 8px; margin-right: 8px; }
.image-border { border: 1px solid #ccc; padding: 5px; }
.image-line { border: 1px solid #A7C024; padding: 5px; }
.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;}