/*****************************************************/
/*   Design:  Kelly Cardon Utah Attorney             */
/*            Stylesheet for screen rendering        */
/*---------------------------------------------------*/
/*   Author:  Stacie Johnstun                        */
/*   Email:   stacie@yourwebcrew.com                 */
/*   Date:    March 27, 2007                         */
/*---------------------------------------------------*/

html,body {
margin:0;
padding:0;
}

body {
font: 80% arial,sans-serif;
text-align:center;
margin: 0em auto; 
width: 100%;
padding: 0em; 
background: url(../images/bg.jpg) top repeat-x;
background-color: #ffffff;
}

.sm_txt {
color: #333333;
font-size: 8pt;
text-align:center;
}

.buffer{
background: #FFFFFF;
min-height: 1px;
width: 770px;

}

/* nested horizontal menu */

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #333333;
border-width: 1px 0;
background: url(../images/menu_bt.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: #FFFFFF;
padding: 2px 10px;
text-decoration: none;
border-right: 1px solid white;
text-spacing: 1px;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a.current{
color: white;
background: #006699;
}

.solidblockmenu li a:hover{
color: white;
background: #80CF24;
}

.tabcontainer{
clear: left; 
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: .05em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top:.05em;
}

.tabcontent{
display:none;
background: #FFFFFF;
}

.tabcontent li a{
text-decoration: none;
text-spacing: 1px;
color: #333333;
font-size: 8pt;
padding: 0px 4px 0px 2px;
border-right: 1px solid #333333;
font-weight: bold;
}

.tabcontent li a:hover{
color: #006699;
}

#sb1 li  {
display:inline;
}

#sb2 li {
display:inline;
}

#sb3 li{
display:inline;
}

#sb4 li{
display:inline;
}

#sb5 li{
display:inline;
}

#sb6 li{
display:inline;
}

#header {
float: left;
top:0px;
min-height:70px;
width:770px;
border: 0px;
background:#FFFFFF;
}

#container{
width:770px;
background: #FFFFFF;
margin: 0px auto; 
border: solid 1px #333333;
text-align:left;
overflow:hidden;
}

#wrapper{
width:770px;
background: #FFFFFF;
margin: 0px auto; 
border: solid 1px #333333;
text-align:left;
overflow:hidden;
}

#content{
float:right;
overflow:hidden;
width:488px;
min-height: 449px;
background: #959595;
padding: 2px;
}

h3{
font: 160% trebuchet MS,sans-serif;
letter-spacing: 1px; 
margin: 7px;
font-weight: bold;
color:#666666;
}

h4{
font: 100% arial,sans-serif;
margin: 5px;
font-weight: bold;
color:#666666;
}

h5{
font: 90% arial,sans-serif;
margin: 20px;
font-weight: bold;
color:#666666;
}

.tab{
font: 90% arial,sans-serif;
margin: 20px;
font-weight: normal;
color:#666666;
}

.hr { background: #fff url(../images/hr.gif) no-repeat left bottom;
margin-left: 2px;
height: 5px;
border: 0 none;
}


#contentbox{
background: #FFFFFF;
width: 468px;
height: 100%;
margin: 10px;
border: outset 1px #959595;
font-size: 10pt;
}

#contentbox p{
line-height:1.2;
color: #666666; 
margin-top: 2px;
padding: 0px 15px 5px 17px;
}

#contentbox ul, li {
line-height:1.6;
color: #666666; 
}

#footer p{
margin:0;
padding:5px 10px
}

#flash{
float:right;
width:492px;
height:221px;
padding-bottom: 5px;
}

.button {
float: left;
height:30px;
width:245px;
border: 0px;
border-right: 2px solid #FFFFFF;
padding-top: 10px;
text-align:center;
background:#80CF24;
}

.buttonlast {
float: left;
height:30px;
width:245px;
border: 0px;
background:#80CF24;
border: none;
padding-top: 10px;
background:#80CF24;
text-align:center;
}

.button a {
font-size: 12pt;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align:center;
font-family: Georgia;
}

.buttonlast a {
font-size: 12pt;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-align:center;
font-family: Georgia;
}

#media{
float:left;
width:250px;
height: 221px;
background:#FFFFFF;
padding-bottom: 5px;
}

#form{
float:left;
width:270px;
margin-top:1px;
background:#CCCCCC;
text-align:center;
color: #333333;
padding: 8px 0px 0px 0px;
}

#form p{
text-align:center;
color: #333333;
}

#form td{
color: #333333;
font-size: 9pt;
}

input { 
 background-color: #FFFFFF;
 font-size: 8pt;
 color: #333333;
}

#address_box{
float:left;
width: 270px;
background:#80CF24;
font-size: 10pt;
}

#address_box a{
text-decoration: none;
color: #FFFFFF;
}

#address_box td{
text-align:left;
color: #FFFFFF;
line-height: 17px;
letter-spacing: 1px;
font-weight: bold;
text-align: center;
margin-left: 10px;
font-size: 10pt;
}

.box{
float: left;
width:225px;
height: 204px;
margin-top: 13px;
margin-left: 12px;
background: #3F3F3F;
text-decoration: none;
}

.box img{
padding: 2px 3px 0px 3px;
border: none;
}

.box a {
text-decoration: none;
}

.box p{
padding: 2px;
font-size: 10pt;
font-weight: bold;
text-align: left;
color: #FFFFFF;
}

.phone{
float: right;
}

.login{
 float: right;
 top:0px;
 width: 230px;
 background: transparent;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 z-index: 3;
 }

 input { 
 background-color: #FFFFFF;
 font-family: Tahoma; 
 font-size:8pt;
 color: #333333;
}

.appt{
 top:20px;
 width: 230px;
 background: #CCCCCC;
 font-size: 10pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #333333;
 text-align: center;
 }
 
 .cal{
 width: 230px;
 background: #FFFFFF;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #999999;
 text-align: center;
 }
 
 .time{
 width: 400px;
 background: #F0F0F0;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #999999;
 text-align: center;
 }

 .ti{
 background: #F0F0F0;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #999999;
 text-align: center;
 color: #3f3f3f;
 }
 
 .day{
 background: #FFFFFF;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #999999;
 text-align: center;
 color: #3f3f3f;
 }
 
 .weekend{
 background: #E4F5D1;
 font-size: 8pt;
 font-weight: bold;
 color: #3F3F3F;
 border: solid 1px #999999;
 text-align: center;

 }
 
 .faq ol{
	padding: 0px 0px 0px 0px;
	list-style-type: decimal; 
	list-style-position: outside; 
	font-size: 100%;
	color: #3f3f3f;
	font-weight: bold;
}

.faq li {
	margin: 0px 10px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: decimal; 
	list-style-position: outside; 
	font-size: 100%;
	color: #3f3f3f;
	font-weight: bold;
}

 .faq a {
	color: #3f3f3f;
	text-decoraction: none;
	font-weight: bold;
}
 
.answers{
	 color: #666666;
	 text-decoraction: none;
	 font-weight: normal; 
}

.movie{
 background:#FFFFFF;
 border: solid 1px #333333;
 font: 100% arial,sans-serif;
 font-weight: bold;
 text-align:center;
 color: #333333;
 }
 
 .movie th{
 background:#cccccc;
 }
 
div#footer{
clear:both;
width: 750px;
background: #FFFFFF;
color: #959595;
border-top: solid 10px #cccccc;
padding: 5px 10px 10px 10px;
background: url(../images/credit.gif);
background-repeat: no-repeat;
}

div#footer a{
font-size: 8pt;
text-decoration: none;
color: #666666;
}

div#footer p{
font-size: 7.5pt;
background: #F3F3F3;
color: #666666;
margin-top: 15px;
text-align: center;
}