/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/*
site colors:
pale blue: #f6feff
light teal: #33CCFF
darker teal: #19657F
middle teal: #00B4CE
middle darkter teal: #1B7391
*/

html, body { height: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/img04.jpg) repeat left top;
}

body, th, td, input, textarea {
	text-align: justify;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


form {
}

/* 
This is for span tags within my formview control displaying details 
for the selected store on the Stores.aspx page
*/
.AspNet-FormView span
{
	 	
}

input, textarea {
	font-weight: bold;
}

h1, h2, h3 {
	margin-top: 1.5em;
	color: #00B4CE;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #00B4CE;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 1.8em;
	font-size: 1.1em;
}

ul, ol {
	margin-left: 3em;
}

blockquote {
	margin-left: 3em;
	margin-right: 3em;
}

a {
	text-decoration: none;
	color: #75043D;
}

a:hover {
	border: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #00B4CE;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #B10961;
}

hr {
	display: none;
}

/* Wrapper */

#wrapper {
	width: 800px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;	
	background: url(../images/img03.jpg) repeat-y left top;
}

html>body #wrapper { height: auto; }

/* Header */

#header {
	width: 800px;
	margin: 0 auto;
	background: url(../images/img01.jpg) no-repeat top left;
}

#menu {
	height: 80px;
	width: 976px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	padding: 15px 30px 16px 30px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#menu a:hover {
	color: #19657F;
	text-decoration: underline;
}

#menu .current_page_item a {
	padding: 15px 30px 16px 30px;
	color: #FFFFFF;
}

#menu .last{
}

#search {
	float: right;
	width: 260px;
	margin: 0px;
	padding-top: 7px;
}

#search fieldset {
	border: none;
}

#search #s {
	width: 160px;
}

#search #x {
	width: 80px;
}

/* Logo */

#logo {
	width: 760px;
	height: 243px;
	margin: 0 auto;
	background: url(../images/img05.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#logo h1 {
	padding: 10px 5px 0 40px;
	font-size: 48px;
	color: #FFFFFF;
}

#logo h2 {
	padding: 0px 0 0 40px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}

#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 800px;
	margin: 0 auto;
	padding-top: 30px;
	border-top: none;
}

#pageHome{
	width: 800px;
	margin: 0 auto;
	padding-top: 4px;
	border-top: none;
}
	

/* Content */

#content 
{
	padding-left: 20px;
	float: left;
	width: 580px;
}

#contentNoCols
{
	padding: 0px 20px 0px 20px;
	float: left;
	width: 760px;	
}

.contentBar
{
	float: left;
	width: 738px;	
	border: solid 1px #00B4CE;
	margin-bottom: 5px;
	padding: 10px;
	background-color: #00B4CE;
	color: #FFFFFF;
	font-weight: bolder;	
}

.post .title {
	margin: 0;
	font-weight: normal;
}

.post h1.title {
	padding: 25px 0  0 0px;
	height: 40px;
	font-size: 30px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
}

.post .entry {
	padding: 0 25px 30px 0px;
}

.contactBlock
{
	border: solid 1px #00B4CE; 
	padding: 20px;
	margin-top: 5px;
}

.post .meta {
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CFCFCF;
}

.post .meta a {
	color: #75043D;
}

.post .links {
	margin: 0;
	padding: 0px 0px 15px 15px;
}

.post .tags {
	margin: 0;
	padding: 5px 10px 5px 15px;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.post .links a, .post .tags a {
	border: none;
}

.post .links a {
	font-weight: bold;
	border-bottom: #1CC3D9 1px solid;
}

/* Home Page Panes */
div#left 
{
	border: 0;
	margin: 0px 3px 0px 0px;
	width: 431px;
	height: 427px;
	float: left;
}

div#right
{
	border: 0;
	margin: 0px 0px 0px 3px;
	width: 322px;
	height: 427px;
	float: left;
	background: #fff url('../images/DSC00849.jpg');
}

/* Recent Posts */

#recent-posts {
}
#recent-posts h2 {
	margin: 0;
	padding: 15px 0  0 0px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	color: #1CC3D9;
}

#recent-posts h3 {
	margin: 0;
	padding: 15px 0  0 0px;
	font-size: 13px;
}

#recent-posts p {
	margin: 0 0 10px 0;
	padding: 15px 0  20px 0px;
	border-bottom: #1CC3D9 1px solid;
	line-height: 18px;
	font-size: 13px;
}

#recent-posts a {
	padding: 3px 15px 3px 0px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1CC3D9;
}

#recent-posts h3 a {
}

/* Sidebars */

.sidebar {
	float: left;
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	margin-bottom: 2em;
}

.sidebar li ul {
}

.sidebar li li {
	margin: 0;
}

.sidebar li h2 {
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #00B4CE;
}

#sidebar1 {
	width: 180px;
	padding: 0px 20px 0px 0px;
}

#sidebar2 {
	width: 180px;
	padding: 0px 0px 0px 0px;
}

#sidebar2 li h2 {
	margin: 0 0 1em 0;
	padding: 15px 0  0 0px;
	height: 20px;
}

#sidebar2 li ul {
	line-height: normal;
}

#sidebar2 li li {
	padding: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#sidebar2 li a {
	border: none;
	padding-left: 10px;
	text-transform: uppercase;
}

#sidebar2 li a:hover {
	border: none;
	padding-left: 10px;
}

/* Footer */

div#footer{
	clear: left;	
}

#footer {
	margin: 0 auto;
	background: url(../images/img02.jpg) no-repeat left bottom;
	height: 80px;
}

#footer p {
	padding-top: 45px;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#footer a {
	padding: 2px 7px;
	color: #FFFFFF;
}

/* For styling gridviews on the site */

.grid td, 
.grid th
    {
        color: #00B4CE;
        background-color: Transparent; 
        text-align: left;           
        padding: 5px 5px 5px 30px;  
        letter-spacing: normal;           
    }
    
table.grid
	{
		display: block;
		float: left;	
		clear: left;
	}    
	
.grid a,
.grid a:visited
    {
    	color: #00B4CE;
    	text-align: left;
        text-decoration: underline;    
    }
 
.gridRow td
    {
        padding: 5px;
        background-color: #ddffff; 
        letter-spacing: normal;       
    }
    
.gridRow tr
    {
        line-height: 20px;
        max-height: 20px;  
    }
    
.gridAltRow td
    {
        padding: 5px;
        background-color: white;
        letter-spacing: normal; 
    }
    
.gridFoot td
    {
        background-color: #660000;
    }
    

/* 
These pseudo-classes are for the links on the About.aspx page that 
target various files that Kathy has given me to files on the site.
*/    
a.info:link {line-height: 90%;}     /* unvisited link */
a.info:visited {line-height: 90%;}  /* visited link */
a.info:hover {line-height: 90%; text-decoration: underline; color: Maroon;}   /* mouse over link */
a.info:active {line-height: 90%;}   /* selected link */

/*
for rounded bottom image on default.aspx
*/

div#defaultFooter
{
	border: 0;
	margin: 3px 0px 0px 0px;
	width: 759px;
	height: 20px;
	float: left;
	background: #fff url('../images/bottomRounded.jpg');	
}


/* 
for creating space at bottom of no columns master page
*/
div#MasterFooter
{
	clear: both;
	padding: 0px;
	margin: 0px 0px -35px 0px;	
}

/*
This section if for styling the left and right sides of the 
stores page, basically for spacing 
*/
div#storeBack
{	
	/* height: 391px; */
	min-height: 391px;	
	width: 760px;
	margin: 0;
	padding: 0;
	background: #f6feff url('../images/rightPaneBack.jpg') no-repeat right top;	
}

div#storesLeftPane
{	
	float: left; 
	margin-right: 10px;
	border-right: solid 10px #f6feff;	
	background: #f6feff;	
}

div#storesRightPane
{
	float: left;
	background: transparent;
}

/* 
This section is for styling the Store Details for the 
selected store on the Stores.aspx page
*/

div#tenantInfo 
	{
	float:left;
	width: 70%;		
	margin: 20px 0 0 20px;
	background-color: Transparent;
	}

div#tenantInfo img
	{
	float: right;
	padding-top: 0;
	margin-top: 0;
	margin-left: 1em;	
	}
	
div#tenantInfo h1
	{
	line-height:30%;
	font-size: 160%; 
	color:#19657F; 
	padding-bottom: 10px;
	}
	
div.storeInfo {position:relative;}	
div.store 
	{
	margin: 0;
	border: medium double #19657F;
	background-color: #FFFFFF;
	float: left;
	padding: 15px;
	width: 435px;
	clear: left;
	}
	
span.description 
	{	
	letter-spacing:-1px;
	}	

div#tenantInfo ul
	{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
li.heading
	{
	font-weight: bold;
	text-decoration: underline;
	padding-top: 1em;
	padding-bottom: .25em;
	}

li.stores
	{
	font: normal;
	text-indent: 1em;
	text-decoration: none;
	}

div.contact
	{
	float: left;
	display: block;
	padding: 10px;
	margin-bottom: 10px;
	background-color: #19657F;
	width: 200px;
	color: white;
	letter-spacing: 0px;
	line-height: 95%;
	text-transform: lowercase;
	}

div.contact a, 
div.contact a:link 
	{
	text-decoration: none;
	color: #99CC99;	
	}
div.contact a:hover
	{
	text-decoration: underline;
	}
	
div#tenantInfo table
	{
	border-collapse: collapse;
	}

div#tenantInfo td
	{
	padding: 0.1em;
	margin: 0;
	line-height: 12px;
	color: white;
	}
	
/* 
This section covers special styling of the form on 
the contact page
*/

.contactBlock td
{
    padding: 3px;	
}

select.drop
{
    width: 200px;	
}

input.tbox, textarea.tbox
{
    width: 250px;	
}

input.butt
{
    width: 60px;
    height: 25px;
    text-align: center;
    padding: 1px;
    background-color: #00B4CE;	
    color: white;
}

/* This section is for styling the formviews on the ManageStores.aspx page */

.formLabel
{
	width: 65px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block	
}

.formTextBox
{
	width: 250px;
	margin-left: 15px;	
	color: #781351;
	background: #fee3ad;
	border: 1px solid #781351

}

.formImage
{
	padding: 5px;	
}