/*Style Sheet for Version 4 Browsers */
body {
	background-color: #FF0000;
	color: #333333;
	background-repeat: repeat;
 	background-image: url(../assets/graphics/bluesGreens/ltGreenF7FFDAcanvas.jpg); 
	font-family: Arial, "Trebuchet MS", Verdana,  sans-serif;
    font-size:100%;
    line-height:1em; /* 1 em = 18px  .8em = about 14px */
}

#LayerAllContent {
	font-family:  "Trebuchet MS", Verdana, Arial;
}
.allContentTable {
	border: 2px none #006699;
	background-color: #FFFFFF;
}

/* font sizing - use ems so that browsers can resize as the users desire */
p, ul, ol, pre {
	font-size: 2.0em;
}

/* handle nested em values */
input, select, th, td {    font-size: 1em; }
#LayerAllContent li { font-size:0.8em }
#LayerMainBody li, #LayerMainBody p {font-size: 0.8em }

li li, li p, td p, blockquote p { font-size: 1em; }


a:link {
	color: #000099;
	text-decoration: underline;
}
a:hover {
	color: #000099;
	background-color: #FF9900;
	text-decoration: none;
}
a:visited {
	color:#336633;
	text-decoration: underline;
}


h1 {
	font: 1.8em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 16px;
	margin-bottom: 0px;
	color: #000099;
}

h2 {
	font: 1.6em/1.8em Geneva, Arial, Helvetica, sans-serif;
	margin-top: 6px;
	margin-bottom: 0px;
	color: #FF3300;
}


h3 {
	margin-bottom: 0px;
}

hr {
	border: 1px dashed #006699;
	text-align: center;
	width: 80%;
}


/* Lists*/
ul {
	margin-right : 36px;
	list-style: url(../assets/graphics/greenBullet10.gif);
	font-size: 1em;
}

ol {
	margin-right : 36px;
}

.larger { font-size: larger; }
.smaller { font-size: smaller;}

.importantItem {
	font-weight: bold;
	color: #FF6600;
}

.importantItemGreen {
	font-weight: normal;
	color:  #009900;
}

.importantBlueBigger {
	font-size: larger;
	font-weight: bold;
	color: #000099;
}
.importantBlue {
	font-weight: bold;
	color: #000099;
}
.importantOrangeBigger {
	font-size: large;
	font-weight: bold;
	color: #FF3300;
}

.importantItemBigger {
	font-weight: bold;
	color: #FF3300;
	font-size: larger;
}


.noDecoration {
	text-decoration: none;
}

/*Styles Applied to Float Images left or right */
.imgfloatright { float : right }

.imgfloatleft { float : left }



/* Style for the top banner and logo */
#LayerLogo {
	position:absolute;
	left:12px;
	right:0px;
	top:0px;
	width:100%;
	height: 150px;
	z-index: 1;
	padding-top: 12px;
	padding-right: 24px;
}

#LayerLogo p {
	font-size: 1.8em;
}

#LayerLogo a:link {
	color: #6600FF;
}
#LayerLogo a:hover {
	color: #00CC99;
	background-color: #FFFFFF;
}
#LayerLogo a:visited {
}

.logoBanner {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	line-height: 110%;
	text-decoration: none;
	background-image: url(../assets/graphics/bluesGreens/ltGreenF7FFDAcanvas.jpg);
	background-repeat: repeat;
}
.logoBanner h1 {
	margin: 3px;
	font-size: 3em;
	font-weight: bold;
}
.logoBanner h2 {
	font-size: 2.75em;
	font-weight: bold;
	text-decoration: none;
	margin: 3px;
}
.logoBanner a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}

/*--------------------------------------------*/
/*  Styles for Info in the upper right corner */


#LayerUpperRightInfoBox {
	padding-top:  2px;
	position:absolute;
	right:2%;
	top:11px;
	z-index:5;
	border:  1px dashed #FFFFFF;
	border-color: #000099;
	left: 606px;
	width: 331px;
}

#LayerUpperRightInfoBox p {
	font-size: .8em;
	line-height: 100%;
	color: #485EBF;
	margin: 3px 4px 5px 4px;
}

/*---------------------------*/
/*  Styles for the Main Body */

#LayerMainBody {
	color: #333333;
	background-color: #FFFFFF;
	line-height: 125%;
	margin-left: 10px;
}


#LayerMainBody table {
	font-size: 1em;
	text-align: left;
	vertical-align: top;
}

#frontPageWelcome {
	font-size: 1.2em;
	font-family:  "Trebuchet MS", Verdana, Arial;
	color: #000099;
}

/*Style Applied to the Sidebar Layer */

#LayerSidebar {
	background-color: #FFFFFF;
	padding-right: 3px;
	margin-right: 2px;
}


.sidebarNote {
	font-size: .75em;
	color: #999999;
}

/*Style for The Little Icon Layers */
.icondiv a { color:#FFFFFF }
.icondivL a { color:#FFFFFF }



/*Turns off Borders around Hyperlinked Images- Apply to a-tags*/

a.nn4imgWhite { color: #FFFFFF}


/*Styles Applied to Form Elements*/
form td {
	color : #333333;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
}




#mainCallout {
	border: 1px dashed #000099;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	margin: 8px;

	z-index: 3;
	background-color: #F7FFDA;
	}
	
#mainCallout img {
	text-decoration: none;
	margin: 2px;
}
.calloutBox {
	float: right;
	line-height: 100%;
}
	
.calloutTitle {
	font-size: 1em;
	font-weight: bold;
}

.calloutEvent {
	font-weight: bold;
	margin-bottom: 1px; 
	margin-top: 1px; 
}

.calloutEventNote {
	font-size: smaller;
	font-style: italic;
}


#LayerFooter {
	text-align: center;
}

/*Style Applied to the Paragraphs for Copyright-Small-Text */
p.copyrights {
	color : #999999;
	margin-bottom : 12px;
	margin-top : 20px;
	font: .7em Arial, Helvetica, sans-serif;
}

p.footer {
	color : #999999;
	font: .7em Arial, Helvetica, sans-serif;
	margin-top: 12px;
}

#groupInfo {
	font-size: 1em;
}
#groupInfo td {
	font-size: .8em;
}

.groupUpcomingProgTitle {
	margin-bottom: 0px;
	line-height: 100%;
	font-weight: bold;
}

.upToTop {
	font-style: italic;
}
.storeName {
	font-size: 1em;
	font-weight: bold;
	line-height: 110%;
}

.storeDesc {
	font-style: italic;
	color: #666666;
	line-height: 110%;
}
.storeAddrInfo {
	line-height: 100%;
	
	
/*	margin-bottom: 10px;
	margin-top: 10px;
	*/
}
.storeListingName {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 2.2em;
	margin-bottom: 0px;
	line-height: 1.1em;
}