/*																*/
/*  Danna Nicole Customer Stylesheet							*/
/*  Created: November 2009										*/
/*  Version: 1.0												*/
/*																*/
/*  This code belongs exclusively to Open Knowledge Corp.  		*/
/*  Created by Anne Dixon-Mahatoo								*/
/*																*/
/* link, visited, hover, active									*/
/*																*/

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
body { 
	background: #111;
	
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px;
	font-size: 62.5%;        
	margin: 0px;
	}
	
#outerContainer {
	background: #323232 url("../images/swirlFooter.png") bottom left no-repeat;
	margin: 0 auto;
	margin-top: 15px;
	width: 1024px;
	height: 768px;
	}
	
#header {
	background: #323232 url("../images/swirlHeader.png") top left no-repeat;
	color: #000;
	height: 157px;
	text-align: left;
         
	width: 1024px;
	margin: auto;
	}

	
#header img{
	background: transparent;
	float: left;
	margin-left: 15px;
	margin-top: 30px;
	position: relative;
	top: 55px;
	}
	
#menutab {
	background: transparent;
	float: right;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 1.3em;
	font-style: italic;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 1024px;
	}
	
#menutab ul{
	margin: 0;
	padding: 0;
	}

#menutab li {
	background: transparent url('../images/tabOffRight.png') no-repeat top right;
	border-bottom: 1px solid #222;
	float: right;
	list-style: none;
	margin: 0 10px 0 0;
}

#menutab a {
	background: url('../images/tabOffLeft.png') no-repeat top left;
	color: #555;
	float: left;
	display: block;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;
	}

#menutab a:hover {
	color: #101010;
	text-decoration: underline;
	}
	
#menutab #current {
	background-image: url('../images/tabOnRight.png');
	}

#menutab #current a {
	background-image: url('../images/tabOnLeft.png');
	border: none;
	}

#content{
	
	background: #fff;
	
	border-color: #323232;

	border-style: solid;
	
	border-width: 1px;
	border-top-width: none;
	clear: both;
	height: 534px;
	margin: auto;

	padding: 0;
	width: 1020px;
	
	}
	
#left {
	background: transparent url('../images/leftShadow.png') top left repeat-y;
	float: left;
	max-height: 500px;
	width: 400px;
	}

#leftText {
	margin:  0 auto;
	min-height: 450px;
	width: 250px;
	}
	
#leftIcon {
	float: left;
	text-align: center;
	width: 120px;
	}

#rightIcon {
	float: right;
	text-align: center;
	width: 120px;
	}

#leftBottom {
	background: transparent url('../images/leftShadowBottom.png') top left no-repeat;
	height: 40px;
	width: 400px;
	}

#leftText h1 {
	color: #d37f6f;
	font-family: Georgia, Garamond, serif;
	font-size: 1.8em;
	font-style: italic;
	margin: 30px 0 0 0;
	padding: 0;
	text-align: left;
	}

#leftText img {
	padding: 0;
	margin: 0;
	}

#leftText a:link a:visited  {
	color: #323232;
	text-decoration: none;
	}

#left p {
	color: #323232;
	font-family: Georgia, Garamond, serif;
	font-size: 1.2em;
	font-style: normal;
	text-align: left;
 	}
 
#left h2 {
	color: #d37f6f;
	font-family: Georgia, Garamond, serif;
	font-size: 1.1em;

	}
	
#left h3 {
	color: #d37f6f;
	font-family: Georgia, Garamond, serif;
	font-size: 1.3em;
	font-style: italic;
	padding-top: 1.3em;
	}
	
#hours {
	width: 175px;
	}
	
#right {
	background: transparent;
	float: right;
	font-family: Georgia, Garamond, serif;
	font-size: 1.1em;
	
	height: 520px;
	width: 615px;
	}
	
#right img {
	padding-top: 40px;
	}

#right h2 {
	color: #a2a09c;
	font-family: Georgia, Garamond, serif;
	font-size: 1.3em;
	font-style: italic;
	}

#right p {
	color: #555;
	font-family: Arial, Verdana, sans-serif;
	width: 540px;
	}

#menuBottom {
	background: transparent;
	color: #dbd9cc;
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 100%
	}

#menubottom ul {
	background: transparent;
	}
	
#menuBottom li {
	background: transparent;
	float: right;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.0em;
	list-style: none;
	margin: 0 30px 0 0;
	padding: 0;
	}

#menuBottom a{
	color: #fefefe;
	display: block;
	margin: 0;
	padding: 15px 8px 0 0;
	text-decoration: none;
	}
	
#menuBottom a:hover {
	color: #edb09e;
	text-decoration: underline;
	}
	
#footer {
	background: transparent;
	clear: both;
	font-size: 1.0em;
	font-family: Arial, Verdana, sans-serif;
	margin: auto;
	text-align: right;
	width: 1024px;
	}

#footer a img{
	float: left;
	padding-left: 45px;
	}

#leftFooter {
	float: left;
	padding-bottom: 0;
	padding-top: 5px;
	}

#rightFooter {
	float: right;
	}
	
h1 {
	color: #9ac1c9;
	font-size: 1.3em;
	}

p {
	color: #a2a09c;
	font-size: 1.0em;
	
	line-height: 1.4em;
	}
	
table {
	margin: 0;
	margin-top: 35px;
	padding: 0 0 0 35px;
	text-align: left;
	}

td.category {
	color: #d37f6f;
	font-size: 1.2em;
	padding: 15px 30px 10px 30px;
	}

td {
	padding: 0px 30px 5px 50px;
	}

a img {
	border: 0;
	}

.address {
	line-height: .5em;
	}
	
p.credits {
	color: #a2a09c;
	font-size: 1.0em;
	padding-right: 30px;
	padding-top: 40px;
	}

#blank {
	
	clear: both;

	}



ul.square {
	list-style-type: square;
	}
	

a:link {
	color: #ceccc8;
	text-decoration: none;
	
	}

	
a:visited {
	color: #c0bdb7;
	text-decoration: none;
	
	}
	
a:hover {
	
	color: #9ac1c9;
	
	text-decoration: underline

	}


#leftText a:link {
	color: #323232;
	text-decoration: none;
	}

#leftText a:hover {
	color: #9ac1c9;
	
	text-decoration: underline

	}
	
#leftText a:visited {
	color: #323232;
	text-decoration: none;
	}
	
#right a:link {
	color: #323232;
	}

#right a:hover {
	color: #9ac1c9;
	}

#right a:visited {
	color: #323232;
	}