/*
  * { outline: 2px dotted red }
  * * { outline: 2px dotted green }
  * * * { outline: 2px dotted orange }
  * * * * { outline: 2px dotted blue }
  * * * * * { outline: 1px solid red }
  * * * * * * { outline: 1px solid green }
  * * * * * * * { outline: 1px solid orange }
  * * * * * * * * { outline: 1px solid blue }
*/

body, html, #wrap {
background: white;
color: black;
}

#title a, #nav ul, #nav li, #nav a {
background: transparent;
color: white;
}

body, html {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
min-width: 765px;
margin: 5px;
}

img {
/*float: left;*/
margin: 0.25em 5px 0px 0;
border: 0;
}

img.dr {
float: left; 
}

img.maps {
display: block;
margin-left: auto;
margin-right: auto;
}

.wide li {
margin: 0.5em;
margin-left: 0;
padding-left: 0;
}

.tight li {
margin: 0em;
margin-left: 0;
padding-left: 0;
}

#wrap {
margin: 0 auto;
width: 765px;
}

#header {
color: white;
background-color: transparent;
background: url("img/rotate.php");
height: 300px;
vertical-align: bottom;
}

#header h1 {
padding: 5px;
margin: 5px;
}

#title {
height: 230px;
width: 655px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 30px;
color: white;
background: transparent;
text-align: right;
position: relative;
padding-right: 110px;
padding-top: 30px;
}

#title a {
text-decoration: none;
}

#title a:hover {
text-decoration: underline;
}

#nav {
height: 30px;
padding: 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 18px;
color: white;
background: transparent;
}

#nav ul{
margin:0;
padding:0;
list-style:none;
}

#nav li{
display:inline;
list-style-type: none;

margin:0;
padding-left:30px;
}

#nav a{
display:inline;
margin:0;
padding:0;
text-decoration: none;
}

#nav a:hover, #nav a:active {
text-decoration: underline;
}

/*#main {
background:#9c9;
float: left;
width: 500px;
}
*/
#main h2, #main h3, #main p {
padding: 0 10px;
}

/*#sidebar {
background:#c9c;
float: right;
width: 265px;
}
*/

#sidebar ul {
margin-bottom: 0;
}

.middle {vertical-align: middle; }

#footer {
background:#cc9;
color: black;
clear: both;
}

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

/************** Rounded Corners ***************/
/* set the image to use and establish the lower-right position */ 
.cssbox, .sidebar, .main, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url("img/roundedbox.gif") no-repeat bottom right; 
}

.cssbox { 
	width: 335px !important; /* intended total box width - padding-right(next) */ 
	width: 350px; /* IE Win = width - padding */ 
	padding-right: 15px; 	/* the gap on the right edge of the image (not content padding) */ 
	margin: 20px auto; /* use to position the box */ 
} 

.sidebar {
	width: 245px !important; /* intended total box width - padding-right(next) */ 
	width: 260px; /* IE Win = width - padding */ 
	padding-right: 15px; 	/* the gap on the right edge of the image (not content padding) */ 
	margin: 5px auto; /* use to position the box */
	float: right;
}

.main {
	width: 485px !important; /* intended total box width - padding-right(next) */ 
	width: 470px; /* IE Win = width - padding */ 
	padding-right: 15px; 	/* the gap on the right edge of the image (not content padding) */ 
	margin: 5px auto; /* use to position the box */
	float: left;
}

/* set the top-right image */ 
.cssbox_head { 
	background-position: top right; 
	margin-right: -15px; 
	/* pull the right image over on top of border */ 
	padding-right: 30px; /* right-image-gap + right-inside padding */ 
}

/* set the top-left image */ 
.cssbox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 15px 0 0 20px; 
	/* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
	text-decoration: none;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
}

/* set the lower-left corner image */ 
.cssbox_body { 
	background-position: bottom left; 
	margin-right: 15px; /* interior-padding right */ 
	padding: 15px 0 15px 20px; /* mirror .cssbox_head right/left */ 
	font-size: 15px;
}

.cssbox_body address {
color: black; /* */
font-style: normal;
text-align: center;
font-weight: normal;
font-size: 12px;
}

.cssbox_body a, .cssbox_body a:visited {
color: black;
background: transparent;
text-decoration: underline;
}

.sidebar p
{
text-align: center;
font-weight: bold;
}

/*force vertical scrollbar in firefox to prevent page shift*/
html { min-height: 100%; margin-bottom: 1px; }

h3 {
clear: left; /*lazy fix for store page*/
}