/* =========== Knobloch Common CSS =====================

/* -------------------------------------------------------------
   Charles Knobloch, Attorney at Law
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   Description:  CSS Styles used across all pages
   Filename:  knoblochCommon.css
   Version:   3.0
   Date:    July 8, 2006
   HTML & CSS Coded by: Hank Tate  www.synogy.com
   -------------------------------------------------------------   
Reference Info:
Menu Dark Blue:  #003366
Submenu Light Blue:   #006699
Navy:  #000080 is standard color name

*/

/*  ==== BASE SETUP ============================================ */
html { MARGIN: 0; PADDING: 0; BORDER: 0; BACKGROUND: white; }
body {
	MARGIN: 0;
	PADDING: 0;
	BACKGROUND: white; /* sets color for page background */
	font-family: Arial, Helvetica, sans-serif;
	COLOR: navy;
	font-size: small; 
	text-indent: 0;
}

*html body {
	FONT-SIZE: x-small; /* for IE5/Win */
	F\ONT-SIZE: 80%; /* for other IE versions */
}
HR { height:0px; 
        border:0px; 
        border-top:1px solid #006699;
		width: 400px;
		margin: auto;
		margin-top: 20px;
		margin-bottom: 20px;
}
H1 {
	font-size: 180%;
	padding: 8px 30px 5px 0;
	border-bottom: solid 2px #003366;
	color: #003366;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
H2 {
	font-size: 130%;
	padding: 15px 30px 20px 0;
	margin: 0;
	color: #003366;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
dt { padding: 20px 0 3px 0; color:#666666; font-weight:bold;}
dd { padding-left: 20px; line-height: 1.5em;}


/* ==== GLOBAL HACK FIXES ====================================== */	
.cleared {
	CLEAR: both;
	LINE-HEIGHT: 0;
}
.clearfix, #nav LI:hover UL, .clearfix, #nav LI.over UL { DISPLAY: block; }
.clearfix:after {
	CLEAR: both;
	DISPLAY: block;
	CONTENT: ".";
	HEIGHT: 0;
	VISIBILITY: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { HEIGHT: 1%; }
/* End hide from IE-mac */
/* ~~~ Set base for all STANDARD LiNKS ~~~ */
A { TEXT-DECORATION: none; }
a:link { COLOR: blue; }
a:active { COLOR: black; }
a:visited { COLOR: blue; }
a:hover { TEXT-DECORATION: underline; background: #DADEE9 ; color: navy;}

.print { display: none; }

/* ~~~ Set base for all UL ~~~ */
UL { MARGIN: 0px; PADDING: 0px; LIST-STYLE-TYPE: none; }

/* ~~~ DIV setups ~~~ */
#outsidewrapper {
	BORDER: white 0px solid;
	MARGIN: auto;
	PADDING: 0px;
	WIDTH: 976px;
	BACKGROUND: #F8F8FF none;
}
#insidewrapper {
	WIDTH: 971px;
	HEIGHT: 1%;
	padding: 0px;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
}
#leftcol {
	WIDTH: 200px;
	FLOAT: left;
	HEIGHT: 1%;
}
#logopic {
	WIDTH: 200px;
	HEIGHT: 234px;
	background-image: url(/images/LOGOPIC.jpg);
}
#rightcol {
	WIDTH: 730px;
	FLOAT: left;
	HEIGHT: 1%;
}


/* ~~~ Section Formatting ~~~ */

/* ~~~ SLOGAN MENUS ~~~ */
#slogan {
	WIDTH: 170px;
	HEIGHT: 60px;
	padding: 10px 0 0 5px;
}
#sloganlinks UL { LIST-STYLE-TYPE: none; TEXT-ALIGN: left; Padding: 0; Margin: 0; }
#sloganlinks LI A { Font-size: 100%; Font-weight: bold; 
	Font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.2em; 
}
#SLDel a  {  TEXT-ALIGN: left; Padding-Left: 40px; margin-left: 0px; COLOR: #000080;
	BACKGROUND: transparent url(/images/SLBullet-off.gif) 25px 5px no-repeat ;
}

#SLDel a:hover {
	TEXT-ALIGN: left;
	Padding-Left: 40px;
	margin-left: 0px;
	BACKGROUND: transparent url(/images/SLBullet-over.gif) 25px 5px no-repeat;
	color: black;
	text-decoration: underline;
}
#SLEduc a {  TEXT-ALIGN: left; Padding-Left: 65px; margin-left: 0px; COLOR: #000080;
	BACKGROUND: transparent url(/images/SLBullet-off.gif) 50px 5px no-repeat ;
}
#SLEduc a:hover  {  TEXT-ALIGN: left; Padding-Left: 65px; margin-left: 0px;
	BACKGROUND: transparent url(/images/SLBullet-over.gif) 50px 5px no-repeat ;
	color: black;
	text-decoration: underline;
}
#SLStrat a {  TEXT-ALIGN: left; Padding-Left: 95px; margin-left: 0px; COLOR: #000080;
	BACKGROUND: transparent url(/images/SLBullet-off.gif) 78px 5px no-repeat ;
}
#SLStrat a:hover   {  TEXT-ALIGN: left; Padding-Left: 95px; margin-left: 0px;
	BACKGROUND: transparent url(/images/SLBullet-over.gif) 78px 5px no-repeat ;
	color: black;
	text-decoration: underline;
}


/* ~~~ LEFT MENUS ~~~ */

#leftmenu {
	WIDTH: 200px;
	PADDING: 0px 0 5px 0px;
	Margin: 0;
	HEIGHT: 1%;
/*	border: 1px green solid;*/
}
#leftmenu UL { LIST-STYLE-TYPE: none; TEXT-ALIGN: left; Padding: 0; Margin: 0;}
#leftmenutop { /* topitem on left menu */
	COLOR: #004B93;
	FONT: bold 100% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 0px;
	margin-bottom: 1px;
}
#leftmenulist LI A {
	display: block;
	padding: 0 0 0 10px;
	BACKGROUND: transparent url(/images/leftmenu-off.gif) left 6px no-repeat ;
	COLOR: #777;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 0em 0 .2em 12px;
	_margin-bottom: -1.1em
} 	
#leftmenulist LI a:hover {
	BACKGROUND: transparent url(/images/leftmenu-over.gif) left 6px no-repeat;
	text-decoration: underline;
	COLOR: #000033;
}


/* ~~~ ACTION MENUS ~~~ */
#actions {
	WIDTH: 196px;
	PADDING: 0px 0;
	HEIGHT: 100px;
/*	border: 1px solid red;*/
	padding-top: 15px;
}
/*#printemail { width: 194px;
	height: 1%;
	border:  1px solid red;
	text-align: center;
}
#print { 
	width: 70px;
	height: 50px;
	float: right;
	border: 1px solid green;
	padding: 4px;
	padding-left: -10px;
}
#print a { 
	Display: block;
	BACKGROUND: transparent url(/images/print.gif) left 5px no-repeat;
}
#print a:hover { 
	Display: block;
	BACKGROUND: transparent url(/images/print-over.gif) left 5px no-repeat;
}*/
#actions ul {
	margin-left: 50px;
	color: #777;
}
#actions li {
	PADDING-LEFT: 0px;
	font-size: .9em;
}
#actions LI#print a{ 
	BACKGROUND: transparent url(/images/print.gif) left 3px no-repeat;
	line-height: 30px;
	color: #777;
	display: block;
	padding-left: 40px;
	_margin-bottom: -1.5em;
}
#actions LI#print a:hover { 
	TEXT-DECORATION: underline; color: #000033;
}
#actions LI#email a{ 
	BACKGROUND: transparent url(/images/email.gif) left 5px no-repeat;
	line-height: 30px;
	color: #777;
	display: block;
	padding-left: 40px;
}
#actions LI#email a:hover { 
	 TEXT-DECORATION: underline;  color: #000033;
}

#language { padding-left: 70px; }
#language a {color: #777;}
#language a:visited { color: #777; }
#language a:hover { TEXT-DECORATION: underline;  color: #000033; background: none; }
	

/* ~~~ TOP MENUS ~~~ */

#topbox {
	background: url(/images/topgrad2.gif); 
	background-repeat: repeat-x;
	width: 970px;
	margin-bottom: -5px;
}
#topboxspacer {width: 11px; height: 30px; background: transparent; float: left;}
#topmenu {
	WIDTH: 900px;
	HEIGHT: auto;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
}
#nav {
	margin-left: auto;
	margin-right: auto;
}
#nav A {
	COLOR: #004B93;
	FONT-WEIGHT: bold;
	FONT-SIZE: 90%;
	TEXT-DECORATION: none;
}
#nav LI A:hover {
	COLOR: #000033;
	background: transparent;
}
#nav LI LI A {
	PADDING: 0px 10px 0px ;
	DISPLAY: block;
	COLOR: #777;
	FONT-WEIGHT: normal;
	font-size: 80%;
}
#nav LI LI A:hover {
	BORDER-RIGHT: #666666 0px solid;
	BORDER-TOP: #666666 0px solid;
	BORDER-LEFT: #333333 1px solid;
	BORDER-BOTTOM: #666666 0px solid;
	PADDING: 0px 10px 0px 9px;
	COLOR: #000033;
	FONT-WEIGHT: normal;
	text-decoration:underline;
}
#nav LI {
	BORDER-RIGHT: #006798 0px solid;
	BORDER-TOP: #006798 1px solid;
	BORDER-LEFT: #ced0f6 1px solid;
	BORDER-BOTTOM: #006798 1px solid;
	FLOAT: left;
	WIDTH: 10em;
/*	background: url(../images/menugrad1.gif); 
	background-repeat: repeat-x;*/
	background: white;
	TEXT-ALIGN: center;
	CURSOR: default;
	POSITION: relative;
	padding: 3px 0px 3px 0;
}
#nav LI#TM00 { border-left: 2px solid #006699; width: 4.5em;}
#nav LI#TM05 { border-right: 2px solid #006699;}
#nav LI UL {
	BORDER-RIGHT: #333333 1px solid;
	PADDING: 5px 0px 5px;
	DISPLAY: none;
	BACKGROUND: url(/images/ddbg3.gif) no-repeat left bottom;
	FONT-WEIGHT: normal;
	LEFT: 0px;
	POSITION: absolute;
	TOP: 100%;
}
#nav LI LI {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	FLOAT: none;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	DISPLAY: block;
	BACKGROUND: transparent;
}


/* ~~~ HEADPICS ~~~ */

#headpic {
	WIDTH: 770px;
	HEIGHT: 150px;
	FLOAT: left;
	display: block;
}
#headpicmd {
	WIDTH: 770px;
	HEIGHT: 130px;
	FLOAT: left;
	display: block;
}
#headpicsm {
	WIDTH: 770px;
	HEIGHT: 100px;
	FLOAT: left;
	display: block;
}
#printheader { display: none; }


/* ~~~ CONTENT ~~~ */
#content {
	WIDTH: 728px;
	CLEAR: both;
	PADDING: 20px 20px 50px 20px;
	margin: 0;
	HEIGHT: 1%;
	border-left: solid #E2E2E2 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
#content p {
	margin-bottom: 1em;
	line-height: 1.5em;
}
#content ul {
	margin-left: 3em;
}
#content li {
	PADDING-LEFT: 20px;
	line-height: 1.4em;
	margin-bottom: .1em;
	BACKGROUND: transparent url(/images/bullet1.gif) left .5em no-repeat;
}
#content .left {text-align: right; padding-right: 5px; }
#content .right {text-align: left; padding-left: 5px; }
#content .left p, #content .right p { line-height: 1.2em; font-size: 120%;}
#content h2 { padding: 25px 30px 3px 0; }
#printfriendly { display: none; }
/*#printfriendly { text-align: right; font-size: 80%; padding: 4px 3px -6px; margin: 0; color: blue; }
#printfriendly a {color: #777;}
#printfriendly a:visited { color: #777; }
#printfriendly a:hover { TEXT-DECORATION: underline;  color: #000033; background: transparent; }
*/
#return { display: none; }
#content #print { display: none; }

#printemail {
	width: 78px;
	height: 1%px;
/*	border: 1px red solid;*/
	float: right;
	margin-right: 5px;
	margin-top: -15px;
}

.printfriendly { 
float: left; 
width: 35px; 
height: 28px;  
/*text-align: center; */
/*color:#FFF; */
background: transparent URL(/images/print2comb.gif) no-repeat 0 0px; 
} 
a.printfriendly:link, a.printfriendly:visited, a.printfriendly:active { 
/*color: #FFF; */
/*text-decoration: none; */
background: transparent URL(/images/print2comb.gif) no-repeat 0 0px; 
} 
a.printfriendly:hover { 
/*color: #FFF; */
background: transparent URL(/images/print2comb.gif) no-repeat -35px 0px; 
}

.email { 
float: right; 
width: 35px; 
height: 28px;  
/*text-align: center; */
/*color:#FFF; */
background: transparent URL(/images/email2comb.gif) no-repeat 0 0px; 
} 
a.email:link, a.email:visited, a.email:active { 
/*color: #FFF; */
/*text-decoration: none; */
background: transparent URL(/images/email2comb.gif) no-repeat 0 0px; 
} 
a.email:hover { 
/*color: #FFF; */
background: transparent URL(/images/email2comb.gif) no-repeat -35px 0px; 
}

.quote {
	padding: 10px 40px 10px 40px;
	color:#666666;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 130%;
 	line-height: -.2em;
}

/* ~~~ FOOTER ~~~ */

#footer {
	WIDTH: 970px;
	FLOAT: left;
	CLEAR: both;
	PADDING: 10px 0 5px 0;
	TEXT-ALIGN: center;
	HEIGHT: 40px;
}
#footer p {
	font-size: 80%;
	margin: 0;
	padding: 0;
}
#footlinks a {color: #777;}
#footlinks a:visited { color: #777; }
#footlinks a:hover { TEXT-DECORATION: underline;  color: #000033; background: white; }

.horizrule { display: none; }