body {
background-image: url('images/mgcotebackground.jpg');
background-repeat: repeat;
background-color: #000040;
font-family: Verdana, sans-serif; 
font-size: 11px; 
color: #FFFFFF; 
cursor: default
}

#container {
		   background-image: url('images/mgcotebackground.jpg');
		   width: 700px; /* the width of our layout overall */
		   padding: 3px;
		   margin: 0 auto; /* center the layout in mozilla and IE 6+ */
		   text-align: left; /* put the text back where it should be */
		   }



#header {
		width: 100%; /* full width header & footer */
		height: 400px; /* give the header & footer a height */
}

a:link, a:visited, a:active       
	{
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
	font-family: Verdana, Times, serif; 
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	padding: 0px; 
	text-decoration: none;}

a:hover       
	{
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
	font-family: Verdana, Times, serif; 
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	padding: 0px; 
	text-decoration: none;
	}

h1, h2, h3 .head
	{background:  url() no-repeat bottom left;
	border-top: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 2px solid #FFFFFF; 
	border-left: 0px solid #000000;
	color: #FFFFFF;
	font-family: Trebuchet MS, "Georgia", sans-serif; 
	font-size: 15px;
	font-weight: bold; 
	font-style: normal;
	letter-spacing: 3px;
	text-align: left; 
	padding: 0px 20px 3px 20px; 
	text-transform: uppercase;}

.letter
	{
	color: #FFFFFF; 
	font-family: georgia, times, serif; 
	font-size: 40px;
	font-weight: bold; 
	font-style: italic;
	letter-spacing: 3px;
	padding: 0px; 
	text-transform: lowercase;
	}

#sidebar {
	float: right; /* put the sidebar on the left */
	width: 200px; /* the width of our sidebar column */
}

#content {
    float: left; /* put the content on the right */
	width: 475px; /* the width of our content column */
}

#footer {
	clear: both;
	background-repeat:repeat-x; 
	padding-top:20px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:10px;
	color: #FFFFFF;
	background-image: url('images/mgcotebackground.jpg');
	text-align:center;
	}

#navcontainer { width: 250 px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 245px;
background-image: url('images/mgcotebackground.jpg');
border-bottom: 0px solid #000000;
}

#navcontainer a:link, #navlist a:visited
{
color: #FFFFFF;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #000040;
color: #FFFFFF;
}

/* NOTE: the content column and sidebar column widths must - when added together - be less then or equal to the width of the container */