/*
-----------------------------------------------
Rypel Yasin Template Style
Designer: Barry J. Widera
URL:      www.milwaukeejustice.com
Date:     20 May 2009
-----------------------------------------------
*/

html,body{
	margin:0;
	padding:0px 0px 0px;
	}
	
body{
	font: 12px/16px arial,sans-serif;
	text-align:center;
 	background-color: #877F76;
	background-image: url(/i/background_ry2.jpg);
	background-repeat:repeat-y;
	background-position: top;
	color: #222222;
	}

p{
	margin:0 15px 10px;
	}

img{
	border: 0;
	padding: 0;
	margin: 0;
	}
	
a: a:link a:visited a:active{
	display: block;
	color: #6F1515;
	padding: 10px;
	text-decoration: none;
	}

div#address {	
	background-color:#EBE9E1;
	}

div#address p{	
	margin:0 25px 10px;
	}

div#header {
	margin:0px 0 0 0;
	border-bottom: 0px solid #B9D3ED;
	}
	
div#header h1{
	font: bold 16px/22px arial,sans-serif;
	margin:0px;
	padding: 50px 10px 10px 10px;
	background: #ffffff;
	color: #000000 ;
	}

div#call {
	float:left;
	margin: 0px 0px 0px;
	padding:0;
	border-bottom: 0px solid #B9D3ED;
	clear:both;
	vertical-align:top;
	}

div#container{
	text-align:left;
	background: #ffffff;
	}
	
div#content p{
	margin:0 20px 10px;
	line-height:1.4;
	}
	
div#content h1{
	margin:0 20px 10px;
	line-height:1.4;
	font: bold 17px arial,sans-serif;
	}
	
div#content h2{
	margin:0 20px 10px;
	line-height:1.4;
	font: bold 15px arial,sans-serif;
	}

div#content h3{
	margin:0 20px 10px;
	line-height:1.4;
	font: bold 13px arial,sans-serif;
	}

div#content h3 a,a:link, a:visited, a:active{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: none;
	}

div#content h3 a:hover{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: underline;
	}

div#content h4{
	margin:0 20px 10px;
	line-height:1.4;
	font: bold 13px arial,sans-serif;
	color: #7E94A9 ;
	}

div#content p a,a:link, a:visited, a:active{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: none;
	}

div#content p a:hover{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: underline;
	}

div#content li {
	color: #000000;
	padding: 0px;
	margin: 0px 25px 0px 25px;
	line-height:1.4em;
	}

div#content li a:link, a:visited, a:active{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: none;
	line-height:1.5em;
	}

div#content li a:visited{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: none;
	line-height:1.5em;
	}

div#content li a:hover{
	display: inline;
	color: #6F1515;
	padding: 0px;
	text-decoration: underline;
	line-height:1.5em;
	}

div#navigation h3{
	margin: 5px 11px 5px 25px;
	line-height:1.0;
	font: bold 13px arial,sans-serif;
	color: #4E0F0F;
	}

div#navigation img{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
div#call img{vertical-align:top; display:block;}

div#navigation{background:#EBE9E1}
div#footer{background: #4E0F0F;color: #FFF}
div#footer p{margin:0;padding:7px 10px}

div#outer{width:850px;margin:0 auto; border: 1px solid #000;background:url(/i/bkgrnd_ry.gif) top left repeat-y;}
div#container{width:850px;margin:0 auto; border: 0px solid #000;background:url(/i/milw_ry.jpg) bottom left no-repeat;}

div#wrapper{float:left;width:100%; padding:14px 0 0;}
div#content{margin: 0 0 0 251px; min-height: 850px;}
div#navigation{float:left;width:251px;margin-left:-850px; border-right: 1px solid #000; padding:14px 0 0;}
div#extra{float:left;width:170px;margin-left:-170px}
div#footer{clear:left;width:100%; text-align:center;}
div#copy{clear:left;width:100%; text-align:center; background: #877F76;color: #FFF;}

div#copy{
	margin: 0;
	padding: 0;
	border: 0;
	}

div#copy p{
	margin: 0;
	padding: 0;
	border: 0;
	}

/*D9D9D9,  DEDBD1, hover CFCDC3   */

.menu{
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	width: 251px;
	border: 0px solid #9A9A9A;
	border-bottom-width: 0;
	}

.menu li{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	}


.menu li a{
	background-color:#DEDBD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	width: 240px;
	height: 17px;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 11px;
	text-align: left;
	padding-left: 11px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	margin: 0px;
	}

* html .menu li a{
	/*IE only. Actual menu width minus left padding of A element (10px) */
	width: 240px;
	display: block;
	}

.menu li a:visited, .menu li a:active{
	background-color:#DEDBD1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	width: 240px;
	height: 17px;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 11px;
	text-align: left;
	padding-left: 11px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	margin: 0px;
	}

.menu li a:hover{
	background-color:#CFCDC3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	width: 240px;
	height: 17px;
	display: block;
	text-decoration: none;
	text-transform: capitalize;
	line-height: 11px;
	text-align: left;
	padding-left: 11px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
	margin: 0px;
	}

.copycontainer {
	position: relative;
	width: 850px;
	height: 50px;
	margin: 0px auto 0;
	padding: 15px 0 0;
	border: 0;
	background: #877F76;
	}

.left-element {
	position: absolute;
	left: 0;
	width: 50%;
	text-align: left;
	font: normal 11px/12px;
	color: #FFF;
	}

.right-element {
	position: absolute;
	right: 0;
	width: 50%;
	text-align: right; /* depends on element width */
	color: #FFF;
	} 

.right-element a, a:visited{
	padding:0px;
	font: normal 11px/12px;
	color: #FFF;
	text-decoration: none;
	}

.right-element a:hover, a:active {
	padding:0px;
	font: normal 11px/12px;
	color: #FFF;
	text-decoration: underline;
	}

p.where {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding: 0;
	margin:0 15px 10px;
	color: #999999;
	}

div.dots{
	background-image: url(/i/dots_ry.gif);
	background-repeat:no-repeat;
	background-position:top;
	height: 30px;
	}

.rightimage{
	float: right;
	margin-right: 20px;
	margin-left: 15px;
	margin-bottom: 10px;
	border: 0;
	}

.quotes{
	margin: 0px auto 0;
	padding: 10px 15px;
	border: 0;
	background: #E7E7E7;
	}

/* Date
----------------------------------------------- */

#date {
	clear: left;
	float: left;
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 11px auto;
	text-align: left;
	font-size: 10px;
	color: #FFF;
	}


/* Copyright
----------------------------------------------- */

#copyright {
	clear: right;
	float: right;
	width: auto;
	padding: 0px 10px 0px 0px;
	margin: 11px auto;
	text-align: right;
	font-size: 10px;
	color: #FFF;
	margin: 11px auto;
	}

#copyright a {
	color: #FFF;
	text-decoration: none;
	}

#copyright a:hover, a:active {
	color: #FFF;
	text-decoration: underline;
	}

/* Main Menu
-----------------------------------------------*/

.blockmenu{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 100%;
	overflow: hidden;
/* 	margin-bottom: 1em;*/
	margin-bottom: 0;
	border: 1px solid #DFD3B5;
	border-width: 1px 0;
	background: #4E0F0F url(/i/navbkgrd.gif) center center repeat-x;
	clear:both;
	}

.blockmenu ul{
	margin: 0;
	padding: 0;
	}

.blockmenu li{
	display: inline;
	}

.blockmenu li a{
	float: left;
	color: white;
	padding: 4px 15px 4px;
	text-decoration: none;
	border-right: 1px solid white;
	font: bold 13px Arial;
	}

.blockmenu li a:visited{
	color: white;
	padding: 4px 15px 4px;
	text-decoration: none;
	border-right: 1px solid white;
	font: bold 13px Arial;
	}

.blockmenu li a:hover{
	color: white;
	background: transparent url(/i/blockactive.gif) center center repeat-x;
	font: bold 13px Arial;
	padding: 4px 15px 4px;
	}

.blockmenu li a.active{
	color: white;
	background: transparent url(/i/blockactive.gif) center center repeat-x;
	font: bold 13px Arial;
	padding: 4px 15px 4px;
	}
/* CONTACT FORM - IN THE DESIGN */
	form#contactFormDesign { margin: 12px 0 0 12px; }
.home	form#contactFormDesign { margin: 12px 0 0 12px; _margin-top:8px; }
	form#contactFormDesign label {  }
	form#contactFormDesign .designInput { width: 184px; font-size: .91em; display: block; color:#340A0A; border: 1px solid #757575; padding: 2px 4px 0 4px; font-family: arial,sans-serif; }
	form#contactFormDesign input.designInput { margin: 0 0 5px 0; height: 1.8em; }
.home	form#contactFormDesign input.designInput { margin: 0 0 3px 0; _margin-bottom:1px; height: 1.8em; }
	form#contactFormDesign textarea.designInput { margin: 0; height: 6.82em; }
.home	form#contactFormDesign textarea.designInput { margin: 0; height: 4.82em; }
	form#contactFormDesign input.designSubmit { margin: 7px 0 0 109px; width: auto; }
	form#contactFormDesign input.hidden { display: none; }

	#containerCaseEvaluation { margin: 0 25px 25px 30px; float:right; border: 1px solid #474747;}
	#containerCaseEvaluation_pi { margin: 0 15px 25px 30px; float:right; border: 1px solid #474747;}
