/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}
 
body {
	font-size:62.5%;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	color:#000099;
	width: auto;
	min-width: 960px;
	background: #1f1f1f url(../images/edgebg2.jpg)  50% 0;
}

a.calevent-l {
        /* This is the key. */
        position: relative;
        z-index: 24;
        text-decoration: none;
}
a.calevent-l:hover {
        z-index: 25;
        color: #FFF; background-color: #009;
}
a.calevent-l span { display: none; }
a.calevent-l:hover span.calevent-l {
        /* The span will display just on :hover state. */
        display: block;
        position: absolute;
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
        font-weight:bold;
        font-size: 18px;
        top: 1em; left: 2em; width: 15em;
        padding: 2px; border: 1px solid #333;
        color: #009; background-color: #EEEEFF;
        text-align: left;
}

a.calevent-r {
        /* This is the key. */
        position: relative;
        z-index: 24;
        text-decoration: none;
}
a.calevent-r:hover {
        z-index: 25;
        color: #FFF; background-color: #009;
}
a.calevent-r span { display: none; }
a.calevent-r:hover span.calevent-r {
        /* The span will display just on :hover state. */
        display: block;
        position: absolute;
        font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
        font-weight:bold;
        font-size: 18px;
        top: 1em; left: -13em; width: 15em;
        padding: 2px; border: 1px solid #333;
        color: #009; background-color: #EEEEEF;
        text-align: left;
}

/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}
 
h1 {
	padding:0 0 20px 0;
	letter-spacing:-1px;
	font-size:3em;
}
 
h2 {
	padding:0 0 20px 0;
	letter-spacing:-1px;
	font-size:2.2em;
}
 
h3 {
	padding:0 0 20px 0;
	font-size:1.7em;
}

p {
	font-size:12px;
	line-height:1.5em;
	margin:0;
	padding:0 0 18px 0;
}

ul {
	font-size:13px;
	line-height:1.7em;
	margin:0;
	list-style-type:disc;
	padding:0 0 18px 15px;
}

ol {
	font-size:13px;
	line-height:1.7em;
	margin:0;
	padding:0 0 18px 15px;
}
 
blockquote {
	margin:0;
	padding:0;
	background: transparent url('../images/quote-left.gif') top left no-repeat;
}
blockquote p {
	background: transparent url('../images/quote-right.gif') bottom right no-repeat;
	padding:5px 0;
	margin-bottom:18px;
}
 
small {font-size:1em;}
img {border:0;}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

code {
	font-size:12px;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
 
/***** Links *****/
 
a {color:#0000e9;}
a:hover {text-decoration:none;}

 
/***** Forms *****/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select {font-size:1em;}
textarea {line-height:1.25;font-size:1.2em;}
label {cursor:pointer;}

#quoteform th {
	vertical-align:top;
	padding-right:20px;
}
#quoteform .text, #quoteform textarea {
	width:200px;
}
#quoteform textarea#address {
	height:80px;
}
#quoteform textarea#comments {
	height:150px;
}
 
/***** Tables *****/
 
table {
	border:0;
	margin:0;
	padding:0;
	border-collapse:collapse;
}
 
td, th {
	padding:2px;
	text-align:left;
	font-size:1em;
}

table.maincal {
		border:1;
		margin:0;
		padding:0;
		border-collapse:collapse;
}

table.inlinecal {
		border:2;
		margin:1;
		padding:4;
		border-collapse:collapse;
}

table.bottom {
		font-size:1em;
}
tr.topdays {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}

tr.weeknoevent {
	background-color: #eaeaea; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}

tr.eventstop {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 13px; color : #0000DD; 
}

tr.events {
	background-color: #eaffff; font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px; color : #000000; 
}

th.day {
	width: 400;
}

.toprightnumber {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 18px; font-weight: bold; color : #000099;
}
.eventinbox {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;	
}
.currentdate {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 17px; font-weight: bold;	
}

td.beforedayboxes {
	background-color: #ffffff; color: #000000;
}
td.dayboxes {
	background-color: #ffffff; color: #000000;
}
td.afterdayboxes {
	background-color: #ffffff; color: #000000;
}
td.highlighteddayboxes {
	background-color: #BBBBFF; color: #000000;
}
td.weekendbox {
	background-color: #DDDDFF; color: #000000;
}

.event {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.eventdetail {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 11px;
}
.eventwhen {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 15px; font-weight: bold;
}
.addevent {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 12px; font-weight: bold;
}
.addeventextrainfo {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size: 10px;
}

/***** Wrapper *****/

#wrapper, #shadow-top {margin:0 auto;}

#wrapper {
	width:780px;
	padding-left:12px;
	padding-right:10px;
	background:#ffffff url('../images/shadow.jpg') center top repeat-y;
}

#shadow-top {
	width:802px;
	height:50px;
	background:#ffffff url('../images/shadow-top.jpg') no-repeat center bottom;
}

 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.text-hidden   { left:-9999px;position:absolute;}
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:5px 20px 5px 0; }
.img-right     { float:right;margin:5px 0 5px 20px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

.hr {border-bottom:1px dotted #666;margin-bottom:10px;}
.confirm {color:green;}
.warning {color:red;}
.small {font-size:0.8em;}
.smaller {font-size:0.9em;}
.larger {font-size:1.1em}
.vlarger {font-size:1.2em}
.vvlarger {font-size:1.4em}
.vvvlarger {font-size:1.8em}


/***** Header *****/

#top, #banner {padding:0 20px;}
#top {height:90px;}
#logo {float:left;}
#nav a {margin-left:10px;}
#nav a.current {text-decoration:none;color:#333333}

#nav {
	text-align:left;
	font-size:1.3em;
}

#top-nav {
	text-align:right;
	font-size:1.3em;
}

#banner {
	background:#eeeeee url('../images/header-fsade.jpg') repeat-x;
	height:120px;
	padding-top:10px;
	padding-left:15px;
}

#banner-links, #banner-links a {color:#ffffff;}

#banner-links {
	float:left;
	width:215px;
}

#banner-links a {
	line-height:2em;
	font-size:1.2em;
}

#banner-image {
	width:500px;
	height:120px;
	background:url('../images/header-image.jpg') no-repeat;
	float:left;
	margin-right:15px;
	padding-top:10px;
	padding-left:10px;
	color:#ffffff;
	font-size:1.5em;
}


/***** Content *****/

#content {padding:20px 20px 0 20px;}
#content-home-left, #content-home-middle, #content-home-right {
	float:left;
}

#content-home-left {
	width:120px;
	margin-right:20px;
}
#content-home-middle {
	width:220px;
	margin-right:20px;
}
#content-home-right {
	width:260px;
}

#content-main {
	width:590px;
	float:right;
	font-size:1.3em;
}
#content-side {
	background:url('../images/shadow-side.jpg') repeat-y top right;
	width:130px;
	padding-right:25px;
	float:left;
}

#side-shadow-top, #side-shadow-bottom {
	position:absolute;
	width:225px;
	height:40px;
}

#side-shadow-top {background:url('../images/shadow-side-top.jpg') no-repeat top right;}
#side-shadow-bottom {
	background:url('../images/shadow-side-bottom.jpg') no-repeat bottom right;
	margin-top:-10px;
}

.thumb {background:url('../images/thumb-shadow.jpg') no-repeat;}
.product {background:url('../images/product-shadow.jpg') no-repeat;}
.thumb a:hover img, .product a:hover img {border:5px solid #e20000;}

.thumb img, .product img {
	border:5px solid #ffffff;
	margin:10px;
}

#contactform th {width:75px;}
#contactform .text, #contactform textarea {width:110px;}
#contactform th, #contactform td {vertical-align:top;}
#contactform textarea {height:100px;}

.client ul, .client p {padding-bottom:5px;}
.client li {line-height:1.2em;}
.client {margin:10px 0 15px 10px;width:210px;}
.thumb, .client, .product {float:left;}



/* control panel styling */

ul.side-menu {padding:0;}
ul.side-menu a {margin:5px 5px 5px -5px;}
ul.side-menu div ul {margin:0;padding:0;}
ul.side-menu div ul li {margin:0;padding:0;}
ul.side-menu div ul li a {margin:0;padding:0;}

ul#controlPanel {line-height:12px;}

div.menu-frag-collapsed {display:none; height:0;}
div.menu-frag-expanded a {
	margin:5px 5px 5px -5px;
	background:transparent;
	color:#0000e2;
}
div.menu-frag-expanded a:hover {
	text-decoration:underline;
	background:transparent;
}

div.admin-content, div.admin-content p, 
div.admin-content th, div.admin-content td {
	font-size:12px;
}

div.admin-content h2, div.admin-content h3 {
	padding-top:10px;
}
div.admin-content p {
	padding-top:9px;
	padding-bottom:9px;
}

/* control panel styling end */



.side-menu {
	margin-bottom:18px;
	font-size:1.1em;
	font-weight:bold;
	padding:0 5px;
	border:1px solid #0000e2;
	background:#ccccff;
}
.side-menu a {
	background:#0000e2 url('../images/button-fade.jpg') repeat-x;
	padding:5px 10px;
	margin:5px 0;
	display:block;
	color:#ffffff;
	text-decoration:none;
}
.side-menu a:hover {
	background:#0000e2;
}
.side-menu a.current {
	background:none;
	color:#0000e2;
	text-decoration:none;
	border:1px solid #0000e2;
	background-color: #ffffff;
}
.side-menu a.sub {
	background:none;
	padding:0 0 5px 15px;
	margin:0;
	display:block;
	color:#0000e2;
	text-decoration:none;
	font-weight:normal;
}
.side-menu a.sub:hover {
	color:#333;
	background:#ccccff;
}
.side-menu a.current:hover {
	color:#333;
	background-color: #ffffff;
}

span.price {
	font-size:1.5em;
}
table.pricing td, table.pricing th {
	vertical-align:top;
	padding-right:10px;
}

/***** Footer *****/

#bottom {
	font-size:1.1em;
	padding:0px 20px 20px 20px;
	background:#ccccff url('../images/footer-bar.jpg') no-repeat top right;
}

#copyright {
	font-size:1.1em;
	color:#ffffff;
	height:40px;
	padding-top:30px;
}

#bottom td, #bottom th {
	font-size:1em;
}
.bottom-column, .bottom-column-last {
	margin-left:20px;
	border-left:1px solid #0000e2;
	padding-left:20px;
}

.bottom-column, .bottom-column-first {float:left;}
.bottom-column-first { width:180px;}
.bottom-column {width:130px;}
.bottom-column-last {width:170px;border:0;text-align:right;float:right;}


#bottom-nav {margin:20px 0 0 0;}
#bottom-nav a {margin-left:10px;}

.vcard {position:absolute;margin-left:-9999px;}


#errortext {
	font-size:1.1em;
	color:#ff0000;
}



#bgcontainer 
    {
	width: auto;
	min-width: 960px;
	background: #1f1f1f url(/sitewide/images/u/hats/wireframe_hat.jpg) no-repeat 50% 0;
	}