/* 
SDCJC Style Sheet
-------------------------------------------------------
Copyright (c) 2008, Chasetheweb.net

Last Updated: Mark Garczewski */


/* Color Schemes

   Blue - #123D6A
   Header Blue : #185190
   Maroon : #981237
   Light Grey : #737980
   Link BLue: #2064af
 
 */
 
/*//////////////////////////// DESIGN ///////////////////////////////////////////////////////*/

	img {
		border: 0;
	}
	#main img {
	
	margin-left: 2px;
	margin-right: 2px;
	}
         
        	body {
	
            background-color: #f2f2f2;
	
		   }

		/* HEADER */
			div#header {
			background: #f2f2f2 url(/images/template/header.gif) repeat-y top;

				
			}
			

		/* END HEADER */
		
		 
		 
		 /* CONTENT */
			 
			div#content {
			
				background:  #FFFFFF url(/images/template/main.gif) repeat-y;
			}
			
			div#layout {
		 
			}
			
			div#main {
					
				}
			
			div#local {
				
			}
			
			
			div#sub1{
			  
			}
			
			
			div#sub2{
			  
			}
			
		
		 /* END CONTENT */
			
		/* FOOTER */
			div#footer {
				color: #2064af;
				background:  url(/images/template/footer.gif) repeat-x ;

				height: 215px;
				text-align: center;
			}
		/* END FOOTER */


/*//////////////////////////// END DESIGN ///////////////////////////////////////////////////*/

/*//////////////////////////// TYPOGRAPHY ///////////////////////////////////////////////////*/

	body{
			font-family: tahoma, sans-serif;
			color: #3d3f40;
		       font-size: .7em;
			line-height:1.6em;
	}
	
	
	div {

	}
	
	div#extra2 input{ 
		font-size: 9pt;
	}
		
		/* TEXT */
		#main {
			  font-size: 1.1em;
			  line-height:1.3em;
                    }

          p{
			padding: 0;
			margin-top: 0;
			margin-right: 10px;
			margin-bottom: 1.5em;
			margin-left: 0;
			 line-height:1.4em;
			color: #3d3f40;

}
			
			
	       #main ol li {
			font-size: .9em;
			}

				
			
			p.lonely{
			margin-bottom: 32em;
			}
			
			
			
			div#footer p{
			
			color: #2064af;
			font-size: 1em;
			line-height: 2em;
			
			}

			blockquote {
				margin-left: 10px;
				border-left: 10px solid #ddd;
			}
			pre {
				font-family: monospace;
				font-size: 1.0em;
			}
			strong, b {
				font-weight: bold;
			}
			em, i {
				font-style:italic;
			}
			code {
				font-family: "Courier New", Courier, monospace;
				font-size: 1em;
				white-space: pre;
			}
		/* END TEXT */
		
		/* HEADINGS */
			h1 {
				margin: 0 0 0.3em 0;
				padding: 0;
				font-size: 2em;
				line-height: 1.5em;
				color: #9D322A;
			}
					
			h2 {
				margin: 0 0 0.3em 0;
				padding: 0;
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: bold;
				color: #9D322A;
				background-color: Transparent !Important;
			}
			h3 {
				margin: 0 0 .5em 0;
				padding:0;
				font-size: 1.1em;
				line-height: 1.3em;
				color: #123D6A;
			}
			h3.important {
				margin: 0 0 .5em 0;
				padding:0;
				font-size: 2em;
				line-height: 1.3em;
				color: #123D6A;
                                text-align: center;
			}			
			
			
			h4 {
				margin: 0 0 0 0;
				padding: 0;
				font-size: 1em;
				line-height: 1.3em;
				color: #981237;
				
			}
			h5 {
				margin: 0 0 0.5em 0;
				padding: 4px;
				font-size: 1.2em;
				line-height: 1.3em;
				color: #FFFFFF;
				background-color: #B7D018;
			}
			h6 {
				margin: 0 0 0.25em 0;
				padding: 0;
				
				font-size: 1em;
				line-height: 1.3em;
				
				color: #123D6A;
			}
		/* END HEADINGS */
		
		/* SPECIAL CLASSES */
		
		.header {
		margin: 0 0 0.5em 0;
		padding: 2px;
		font-size: 1.5em;
		line-height: 1.5em;
		color: #ffffff;
		background-color:#9D322A;
		font-weight: bold;
			
			}
		
		.small{
		font-size: .9em;	
		color: #185190;
		}
		
		.highlight{
		background: #f2f2f2;
		padding: 3px;
		}
			.highlightone{
		border-top: 1px solid #882222;
		border-bottom: 1px solid #882222;
		padding: 3px;
		}
		.infobox{
		background-color: #e5e5e9;
		border: 1px solid #999999;
		text-align: center;
		margin: 0 0 2em 0;
		width: 98%;
		 padding: 0px 0px 5px 0px;
		}
		
		.redtext{
		color: #FF0000;
		font-weight: bold;
		}
		
		.emergency{
		color: #FFFFFFF;
		background-color: #9D322A;
		font-weight: bold;
		}
		/*END SPECIAL CLASSES */
	
	
	
	/*///////////////////// LINKS */
		a,
		a:link,
		a:active {
		text-decoration: underline;
		color: #2064af;
		font-size: 1em;      
		}
		a:visited {
	
			background-color: transparent;
		}
		a:hover {
			text-decoration: underline;
		}
	
		/* Header LINKS */
			#header a,
			#header a:link,
			#header a:active {
			display: inline-block;
			text-decoration: none;
			color: #185190;
			font-size: .9em;
			margin: 0px 15px 0px 15px;

			}
			
			#header a:visited {
				color:#185190;
				background-color: transparent;
			}
			#header a:hover {
				text-decoration: underline;
				
				color: #185190;
				
			}
		/* END Header LINKS */
		
		/* h3  LINKS */
			h3 a,
			h3 a:link,
			h3 a:active,
			h3 a:visited {
			text-decoration: none;
			color: #123D6A;
			}

			h3 a:hover {
				text-decoration: underline;
			}
		/* END h3 LINKS */				
		
		
		
		/* h5  LINKS */
			h5 a,
			h5 a:link,
			h5 a:active,
			h5 a:visited {
			display: inline-block;
			text-decoration: none;
			color: #FFFFFF;
			font-size: .9em;
			margin: 0px 15px 0px 15px;

			}

			h5 a:hover {
				text-decoration: underline;
				
				color: #FFFFFF;
				
			}
		/* END h5 LINKS */		
		

		/* backtotop LINKS */
			 a.backtotop,
			 a.backtotop:link,
			 a.backtotop:active,
			 a.backtotop:visited {
				text-decoration: none;
				color: #FFFFFF;
				font-size: .9em;
				padding: 5px 5px 5px 5px;
				background-color: #9D322A;
			}
			 a.backtotop:hover {
				text-decoration: underline;
			}		
			
			/* END backtotop LINKS */	

		/* Footer LINKS */
			#footer a,
			#footer a:link,
			#footer a:active {
			text-decoration: none;
			color: #2064af;
			}
			#footer a:visited {
				color:#2064af;
				background-color: transparent;
			}
			#footer a:hover {
				text-decoration: none;
				color: #2064af;
			}
		/* END Footer LINKS */
	
	/* END LINKS */
	
		
	/* ///////////////////////////LISTS */
		ul {
		margin: 0;
		padding: 0;
		line-height:1.7em;
		
		}
		ul li {
			margin: 0;
			padding: 0;
			 line-height:1.5em;
		}
		
		
		
		ol {
			margin: 0 0 1.5em 0;
			padding: 0;
			
			font-size: 1.0em;
			line-height: 1.4em;
		}
		ol li {
			margin: 0 0 0.25em 30px;
			padding: 0;
			
			font-size: 1.0em;
		}
		
		div#main  ul {
			list-style: inside; 
			margin-left: 20px;
			margin-bottom: 1.5em;
		}	
		
		div#main  ul li{

			line-height:1.5em;
		}	
		
		div#main ol {
			list-style: circle; 
			margin-left: 20px;
		}	
		
		
		
		div#local ul {
			line-height:.5em;
		}	
		
		
			
		dl {
			margin: 0 0 1.5em 0;
			padding: 0;
			
			line-height: 1.4em;
		}
		dl dt {
			margin: 0.25em 0 0.25em 0;
			padding: 0;
			
			font-weight: bold;
		}
		dl dd {
			margin: 0 0 0 30px;
			padding: 0;
		}
	
	

	
	/* END LISTS */
		
		
	/*//////////////////////////////////// TABLE */
		table {
			margin: 0 0 2em 0;
			padding: 0;
		}	
		td{
			margin: 0 0 .25em 0;
			padding: 4px;		
		}
		
	    th {
			font-weight: bold;
			text-align: left;
		}

		
		table caption {
			margin: 0;
			padding: 0 0 1.5em 0;
			
			font-weight: bold;
		}

		
		    
    .volunteerTable table{
    border-color:inherit;
    border-collapse:collapse;
    border-width:1px;
    border-style:solid ;
    
    
    }
    .volunteerTable table td{
    border-color:inherit;
    border-collapse:collapse;
    border-width:1px;
    border-style:solid ;

    }
    
        .volunteerTable table th{
    border-color:inherit;
    border-collapse:collapse;
    border-width:1px;
    border-style:solid ;
    text-align:center;
    
    }

	
	
     table.jcInfo{

    }
	
     table.jcInfo td{

      padding: 4px 10px 4px 10px;
      border-bottom: 1px solid #efeeee;
    }
    
     table.jcInfo td.color{
       padding: 0px;	
    }
    
    
	/* END TABLE */ 
	
	/* Horizonatal Rules  */     
		hr
		{
		  border-color: #ccc;
		  border-style: solid;
		  border-width: 1px 0 0;
		  clear: both;
		  margin: 0 0 20px;
		  height: 0;
		}
	/* Horizonatal Rules */ 
    
/* ///////////////////////////////////END TYPOGRAPHY //////////////////////////////////////////////////////////*/    


/*BLOCK - used to 'gray out' pages and forms that will be coming soon*/
div#block
{
	position: absolute;
	z-index: 99;
	top: 270px;
	right: 0px;
	width: 690px;
	background-color: #cccccc;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80); 
	color: #000000;
	font-size: 1.7em;
	text-align: center;
	padding-top: 75px;
}