/* ###############################################
   * ##   TrueNW stylesheet 		              ##
   * ##   Version 1.0                             ##
   * ##   Scottsdale Hosting                      ## 
   * ##   http://www.scottsdalehosting.com		  ##
   * ##   6 October 2006                          ##
   * ############################################### */

/*---[body / universal]---------------------------------------------------------*/

body{
		 font-family: arial,tahoma,verdana,sans-serif;
		 font-size:62.5%;
		 background:#fff url(../images/top_bg.gif) repeat-x top;
		 text-align:center;
}

div,ul,ol,li,p,h1,h2,h3,h4,h5,body{margin:0;padding:0;}
		 
/*---[divs]--------------------------------------------------------------------*/

#skipLinks{
			 color:#fff;padding:0.5em;background:#93B845 url(../images/top.gif) repeat-x bottom;text-align:left;
}
#skipLinks ul{margin:0px auto; width:750px;}

#wrapper{padding: 0;
			 margin:0px auto 10px auto;
			 width:750px;
			 text-align:left;
}

#header{margin-top:2em;margin-bottom:0.5em;}

#nav{margin-bottom:1em;}

#content{width:522px;/*534px;*/float:left;margin-bottom: 10px;padding:0 12px 0 0;}

.style1 {
	color: #9999FF;
	font-weight: bold;
	font-size: 1.2em;
}

.stylebold {
	color: #000000;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: underline;
}

#side{width:210px;float:right;margin:0 0 10px 0}

#footer{clear:both;
background-color: #53666D;
text-align: center; margin-bottom: 0; padding-bottom: 0;}

#content div#greenbox{
height: 140px;
display:block;
margin: 5px -12px 8px 0;
position:relative;
}

#side div#drEmil{
height: 124px;/*base 160px*/
display:block;
background:#53666D url(../images/greyround.jpg) no-repeat top left;
position:relative;
margin: 5px -54px 5px 0;
padding: 8px 118px 8px 8px;
}

#side div#susan{
height: 124px;/*base 160px*/
display:block;
background:#53666D url(../images/greyround2.jpg) no-repeat top left;
position:relative;
margin: 0 -54px 10px 0;
padding: 8px 118px 8px 8px;
}

#problembox{
	margin: 0 0 10px 0;
	border-width:1px 1px 1px 1px;
	border-color:#ffffff;
	border-style:solid;
	padding:8px 0 8px 0;
	background-color:#ffffff;
	text-align:center;
	color:#4D5E29;
}

#questionbox{
	margin: 10px 0 10px 0;
	border-width:1px 1px 1px 1px;
	border-color:#FFCC33;
	border-style:solid;
	padding:8px 0 8px 0;
	background-color:#9BBE53;
	text-align:center;
	color:#4D5E29;
}

#openbox{
	margin: 10px 0 10px 0;
	border-width:2px 2px 2px 2px;
	border-color:#000000;
	border-style:solid;
	padding:8px 8px 8px 8px;
	background-color:#ffffff;
	text-align:center;
	color:#111;
	font-size: 1.2em;
}
		 
/*---[inline styling]----------------------------------------------------------*/

.mainpics{
	margin: 15px 0 15px 0;
}

em{
	color: #577722;
}
 
/*---[headings & paragraphs]--------------------------------------------------------------*/

h1{
	font-size:3.5em;
	color:#00cc33;
	letter-spacing:-1px;
	margin:0;
	padding:0;
	line-height:1em;
}
h1 em{font-family:arial;color:#00cc33;font-weight:normal;}
.tagline {font-size: 2.5em}

h2,h3,h4,h5{font-family:arial;}

#header p{
	color:#262626;
	font-size:1.5em;
	font-weight:bold;
	letter-spacing:-0.1px;
	float:left;
}
#header p em{color:#A1C25D;margin:0;}
#header h1{float:left;}
#header h2{
				  float:right;
					font-size:2.6em;
					font-family:Georgia;
					color:#00cc33;
					letter-spacing:-1px;
					margin:0;padding:8px 0 8px 40px;
					font-weight:normal;
					background:transparent url(../images/phone.gif) no-repeat left;
					}

#content p{font-size:1.2em;color:#242424;margin-bottom:0.5em;}
#content h2	color:#556666;	font-size:2em;	 margin: 0 0 6px 0; padding-bottom: 3px; }

#side h2{text-align:right;color:#556666;font-size:2em;padding:0.1em;}

#side .picBox h2 {text-align:left;color:#fff;font-size:1.8em !important;padding:0;font-weight:normal;}
#side .picBox p {color:#fff;font-size:1.1em !important;padding:4px 0 0 0;}

/*---[anchors]-----------------------------------------------------------------*/

#skipLinks a{color:#fff;text-decoration:none;}
#skipLinks a:hover{color:#fff;}

/*---[Lists]-------------------------------------------------------------------*/

#side .picBox ul{margin:0;padding:4px 0 0 0;background:none;}
#side .picBox li{margin:0;padding:0;background:none;padding:0.2em 0 0.2em 0;}
#side .picBox li a{margin:0;color:#fff;background:none;display:inline;padding:0;}
#side .picBox li a:hover{margin:0;color:#637A83;display:inline;}

#skipLinks ul,#nav ul,#footer ul,#side ul{list-style:none;}
#skipLinks li,#nav li,#footer li{display:inline;font-size:1.3em;padding-right:0.5em;}

#content ul#problems{margin:0;padding:0;display:block; list-style-type:circle; }
#content ul#problems li{ display: inline; list-style: circle; font-size: 1.5em; font-weight: bold; margin-right: 18px;}

#content ul#questions{margin:0;padding:0;display:block; list-style-type:circle; }
#content ul#questions li{ display: inline; list-style: circle; font-size: 1.5em; font-weight: bold; margin-right: 18px;}

#nav ul{border-top:2px solid #53666D;border-bottom:2px solid #53666D;padding:10px;background:#fff url(../images/navGrad.png) repeat-x bottom;}
#nav li{margin-right:1em;}
#nav li a{padding-bottom: 10px; padding-top: 10px; text-decoration:none;font-size:1.3em;color:#53666D;  }
#nav li a:hover{background-image: url(../images/ticker.gif); background-repeat: no-repeat; background-position: top;}
#nav li a.current{padding-top: 10px; background-image: url(../images/ticker.gif); background-repeat: no-repeat; background-position: top;}

#skipLinks li a{padding: 2px;}
#skipLinks li a:hover, #strip li a:focus{background-color: #4C6A03;}

#side ul{ background-image: url(../images/topnav.png); background-repeat: no-repeat; padding-top: 13px;}
#side li{padding:0.1em;display:block !important;}
#side li.bottom{ margin:0.1em 0 0 0; background-image: url(../images/botnav.png); background-repeat: no-repeat; padding-top: 12px;}
#side li a{background-color:#E7EAEB;display:block;font-size:1.4em;color:#556666;padding:0.5em;padding-left:1em;font-weight:bold;text-decoration:none;}
#side li.red a{background-color:#FF0000;display:block;font-size:1.4em;color:#FFFFFF;padding:0.5em;padding-left:1em;font-weight:bold;text-decoration:none;}
#side li.red a:hover{background-color:#FF0000;display:block;font-size:1.4em;color:#000000;padding:0.5em;padding-left:1em;font-weight:bold;text-decoration:none;}
#side li a:hover{background-color:#D9DFE1;}
#side li a.current2{background-color:#D9DFE1; background-image: url(../images/ticker2.png); background-repeat: no-repeat; background-position: right; }

#footer ul{margin: 0;padding-top: 8px; padding-bottom: 8px; }
#footer li{padding:2px; font-size:1.1em; color:#fff; margin-right: 8px;}
#footer li a{padding :2px; font-size:1.0em; color:#fff; text-decoration:none;}
#footer li a:hover{background-color: #263033;}

#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px solid gray;
width: 425px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
font-size:1.5em;
text-decoration: none;
}

#navlist li a { 
text-decoration: none; 
}

#navlist li a:hover { 
font-weight: bold;
}


/*---[Forms]--------------------------------------------------*/

/*---[Accessibility features]--------------------------------------------------*/
/*---[Bug Fixes]---------------------------------------------------------------*/
/*--[ Float clearing: clearfix/peusdo method ]--*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}