/* Created by 2nd Light Technologies 6/14/2009
This style sheet is formatted for Firefox browsers

* The files index.htm,contact.htm,about.htm,spring.htm,summer.htm,fall.htm,winter.htm,easter.htm,17inch.htm link
  to this stylesheet 

* Colors used are complementary (verified using http://www.colorschemer.com

* The background image used in the banner has a transparent background (.png)

* Made sure to manage the space between graphics/text and page/table boundries with the width/height set in
  my banner, sidebar, main, and footer boxes below.*/
 
/* Margins below keep the required space between any page or table boundries */

#container {
width: 924px;
border: navy solid thin;
color: navy;
background-color: #FFFFCC;
font-size: 12pt;
font-family: arial;helvetica,sans-serif;
margin-right: .5 em; 
margin-left: 30 px;
margin-bottom: .5 em; 
margin-top: .5 em;  } 

body {
background-color: #CCFFFF; }

#banner {
width: 916px;
height: 60px;
margin-top: 0;
margin-bottom: 10px; 
text-align: right;
font-weight: bold;
font-size: 12pt;
background-image: url(images/misc/Banner.png);
background-repeat: no-repeat;
background-position: left;
color: black;
background-color: #FFE6CC;
/* border: navy solid thin; */
padding-top: 3 em;
padding-right: .5em;
}


#main {
float: right;
width: 600px;
margin-left: 10px;
background-color: #FFFFCC;
text-align: center; 
}

#sidebar {
width: 280px;
overflow: hidden;
float: left;
padding: .5em;
padding-left: 1em;
font-weight: bold;
color: black;
background-color: #FFFFCC; }

#footer {
height: 50px;
width: 907px;
clear: both;
color: black;
margin-top: .5em;
border: navy thin inset;
padding: .5em;
text-align: right;
word-spacing: .2em;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #FFFFCC;}


#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	list-style: none;
	float: right;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 70px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #49A3FF}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #5970B2}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}