@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td  {
	margin: 0;
	padding:0;
}
body {
	background-color: #336;
}
p {
	font-family: "Trebuchet MS";
	font-size: 13px;
	width: 99%;
	text-decoration: none;
	float: left;
	list-style-type: none;
	color: #666;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 3px;
        margin-top: 6px;
}


a {
	color: #66C;
}


h1 {
	font-size: 17px;
	color: #000;
	float: left;
	padding-bottom: 9px;
	padding-left: 3px;
	padding-top: 5px;
	width: 100%;
	font-weight: bolder;
}
h2 {
	font-size: 15px;
	color: #333;
	width: 100%;
	padding-bottom: 9px;
	padding-top: 7px;
	padding-left: 3px;
	float: left;
	font-weight: bolder;
}
h3 {
	color: #66C;
	width: 100%;
	float: left;
	padding-bottom: 12px;
	padding-top: 6px;
	font-size: 14px;
	font-weight: lighter;
	padding-left: 3px;
}

ul, ol, li {
	list-style:none
}

img {
	float: left;
	padding: 2px;
	margin-right: 5px;
	margin-bottom: 2px;
	text-decoration: none;
	border: 0px;
}

#container {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
}
#container #logo{
float: left;
height: 240px;
	width: 235px;
	float: left;
	height: 240px;
	margin-right: 5px;
	margin-left: 10px;
}
#container #branding {
	float: left;
	height: 240px;
	width: 555px;
	margin-right: 5px;
	margin-left: 35px;
}
/* NAVIGATION */	
#container #navigation{
	height: 40px;
	margin-top: 7px;
	float: left;
	width: 844px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #6C3;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFF;
	background-image: url(images/nav_bg.png);
	background-repeat: repeat-x;
}

	#navigation .mainNav {
	font-size: 12px;
	padding-left: 10px;
	}		
			
        #navigation .mainNav li {
	float: left;
	margin: 0 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F5F5F5;
		}	
		
    #navigation .mainNav li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 15px;
	display: block;
	height: 25px;
	padding: 5px 6px 0 6px;
		}	
#navigation .mainNav li a:hover {
	color: #CCC;
			}	
#navigation .mainNav li.selectedPage a {
	background: url(template/nav-hover-active-bg.gif);
        background-repeat: no-repeat;
	}
#container #content {
	float: left;
	width: 850px;
}
#container #content #home{
	width: 495px;
	padding-bottom: 10px;
	margin-left: 20px;
    margin-right: 20px;
	float: left;
}
#container #content #hometitle{
	width: 490px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 5px;
	float: left;
}
#container #content #homeleft {
	width: 490px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	float: left;
	background-color: #F5F5F5;
}
#container #content #home_right {
	float: left;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 11px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
        margin-left: 20px;       
}
#container #content #home_right h1 {
	color: #FFF;
	padding-left: 15px;
	background-image: url(images/nav_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 5px;
	float: left;
	width: 240px;
	height: 15px;
}
#container #insideadmin {
	width: 700px;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
#container #content #quickref{
	width: 850px;
	padding-left: 10px;
	margin-top: 5px;
	float: left;
	height: 210px;
}
#container #content #quickref  h1 {
	font-size: 18px;
	font-weight: lighter;
}
#quickref #qone {
	float: left;
	width: 410px;
        text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(images/hm_box_wht.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
}
#container #content #quickref #qone #qonetext {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 400px;
	height: 140px;
	margin-right: 10px;
}
#container #content #quickref #qone #eventdate {
	float: left;
	width: 400px;
	margin-right: 25px;
}
#quickref #qtwo {
	float: left;
	width: 410px;
        text-align: center;
	background-image: url(images/hm_box_wht.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 200px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
}
#container #content #quickref #qtwo #qtwotext {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 400px;
	height: 140px;
	margin-right: 10px;
}
#container #content #quickref #qtwo #shopdate {
	float: left;
	width: 400px;
}
#container  #detailhome{
	width: 800px;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
#container #footer {
	float: left;
	height: 25px;
	width: 850px;
	background-color: #999;
	margin-top: 15px;
}
#container #footer p {
	font-size: 11px;
	padding-left: 5px;
	color: #FFFFFF;
}
#container #content #left {
	width: 495px;
	padding-bottom: 10px;
	margin-left: 20px;
        margin-right: 20px;
	float: left;
}
#container #content #insidetitle {
	width: 490px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 5px;
	float: left;
}
#container #content #insideleft {
	float: left;
	width: 250px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 11px;
	border: 1px solid #CCC;
	margin-bottom: 15px;
        margin-left: 20px;
}
#container #content #insideleft h1 {
	color: #FFF;
	padding-left: 15px;
	background-image: url(images/nav_bg.png);
	background-repeat: repeat-x;
	width: 210px;
	float: left;
	height: 20px;
	padding-right: 15px;
}
#container #content #insideleft ul {
	margin: 1px;
}
#container #content #insideleft li {
	padding-bottom: 10px;
}

#container #content #insideright  {
	width: 490px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	float: left;
	background-color: #F5F5F5;
}
#container #content #insidehome {
	width: 490px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 5px;
	float: left;

}
/* Lightbox
--------------------------------------------------------------*/

.lightbox { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }
#lightbox_content { position: absolute; left: 0; top: 0; z-index: 9999; }

.lightbox-content { width: 600px; height: 400px; display: block;}


/* Confirmation Message
--------------------------------------------------------------*/

.confirmation-content { width: 500px; height: 400px; display: block; background: #FFF; }
.confirmation-content-inner { padding: 2em 0 0 0; }

.confirmation-content .text { width: 80%; margin: 0 auto; display: block; overflow: auto; padding: 0.2em 0.3em; background: #FFF url(/themes/light/images/input_bg.gif) top repeat-x; border: 1px solid #CCC; border-top: 1px solid #999; border-left: 1px solid #999; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }

.confirmation-content .save-options { padding: 1em 2em; display: block; text-align: right; }
.confirmation-content .save-options .button { font-size: 0.9em; font-family:Verdana; font-weight:bold; }
.confirmation-content-message { padding: 10px; font-family:Verdana; font-size: 12px;}
#container #content #quickref p {
	font-size: 14px;
	font-weight: lighter;
}
#container #content #insideright ul li {
	width: 500px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 20px;
	margin-left: 5px;
	font-size: 13px;
	float: left;
	overflow: hidden;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}
/* FORM */
/* Form Title */
.fieldItem .fieldTitle { padding: 0 0 0.1em; display: block; font-size: 12px; font-weight: normal; }

.fieldItem .fieldTitle .req { color: #990000; font-size: 1px; margin-left: 0.5em;}
.fieldItem .fieldTitle .uni { font-size: 11px; font-weight: normal; }

/* Content */
.fieldItem .fieldContent { font: 1em Arial, Helvetica, sans-serif; }
.fieldItem .fieldRow { margin: 0; padding: 3px 0 4px; display: block; clear: both; }
.fieldItem .fieldBlock { padding: 0.3em 0.6em 0.3em 0; display: block; float: left; }
.fieldItem .fieldName { display: block; font-weight: normal; }
.fieldItem .fieldNote { display: block; font-size: 1em; color: #666; font-style: normal; }
.fieldItem .textField { }
.fieldItem label {font-weight: normal;}

/* Breadcrumbs */
.bc { font-size: 9px;
margin-bottom}

.xsmallField .textField {width: 240px;}