@charset "utf-8";
body  {
font: 13px Georgia, Times, serif;
background: #369 none repeat scroll top left;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
#container { 
width: 980px;  /* this will create a container 80% of the browser width */
background: #FFFFFF;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #336699;
text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { 
width: 100%;
background: #fff; 
padding: 0 0px;  
margin: 0 auto;
} 

#mainContent { 
width: 100%;
align: center;
background: #fff; 
padding: 0px;
margin: 0 auto;
border: 0px;
/* margin: 20px ;  the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 

#Content { 
width: 95%;
align: center;
padding: 20px;
/* margin: 20px ;  the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 


/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.twoColLiqLtHdr#container { 
background: #336699;
margin: 0 0 0 0px; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
} 

#menu {
width: auto; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
padding: 10px 0 10px 0; /* padding keeps the content of the div away from the edges */
margin: 0px;
background: #336699;
color: #fff;
font-weight: bold;
text-transform: uppercase;
text-align: center;
font-face: 12px  Trebuchet MS, arial, san-serif; 
}

#footer { 
color: #fff;
background: #336699;
padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
#footer p {
font: 8px Verdana;
color: #ddd;
text-transform: uppercase;
text-align: right;
letter-spacing: 0.25em;
font-smooth: always;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a {
font: 8px Verdana;
color: #ddd;
text-transform: uppercase;
text-align: right;
letter-spacing: 0.25em;
font-smooth: always;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}


/* basic */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


hr   {
	height:1px;
width:200px;}

p			{
font: 11px;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
}

.caption {
font-size: 10px;
text-align: center;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;
color: #333;
}

h1  {
font-size: 18px;
font-smooth: always;
padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
h2  {
font-size: 16px;
font-smooth: always;
padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

h3  {
font-size: 11px;
line-height: 1em;;
margin-top: .5em;
margin-bottom: .5em;
text-transform: lowercase;
font-smooth: always;
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 2px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

 ul			{
padding-left: 40px;
line-height: 1.5em;
margin-top: 1.5em;
margin-bottom: 1.5em;}


blockquote			{
margin: 10px;
line-height: 1.5em;;
margin-top: 1.5em;;
margin-bottom: 1.5em;;}



small		{font-size: 7.5pt;
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 1em;}


li     	 	{
line-height: 1.5em;
margin-top: 1em;
margin-bottom: 1.5em;}

.indent {
padding-left: 40px;
}


.gallery {	
padding: 1px;
margin: 0px;
border: 1px solid #000000;}


a.menu {
color: #fff;
}

a {
color: #666;
}

a:hover    {font-style: italic;} 
a:active    {color:#cc0000; font-weight: bold;} 
a.menu:visited   {color:#eee;}
a:visited   {color:#000;}

.blue	 		{font-weight: bold; color:#003366;}
.right {
	text-align: right;
	align: right;
}