@charset "utf-8";
body {
	font-size: 12px;
	font-family: Palatino, Georgia, Times, "Times New Roman", serif;
	background-color: #ffc;
	background-image: url(../images/BodyBgroundTile2.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	color: #003366;
	line-height: 20px;
}
#pageFrame {
	margin: 0 auto;
	border-left: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	background-color: #fff;
	height: 100%;
	/*min-width: 800px;*/
	max-width: 1000px;
	border-top: 2px solid #003;	/* hide from IE mac \
	left: 20px;
	right: 20px;
	margin: 0;*/
	/* end hide */
	
}
#pageFramelong {
	margin: 0 auto;
	border-left: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	background-color: #fff;
	height: 100%;
	min-width: 800px;
	border-top: 2px solid #003;
	/* hide from IE mac \
	left: 20px;
	right: 20px;
	margin: 0;*/
	/* end hide */
	
}
.textpadded {
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #003366;
	padding-left: 4px;
}

div#pageBody {
	clear: both;
	float: none;
	padding: 1em;
	background-color: #fff;
}
#pageHeader {
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 6px double #666;
	background-color: #f2f1e8;
	text-align: center;
	background-image: url(../images/EifelTower.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#liberty {
	margin: 0;
	padding: 0;
	width: 100%;
	background-image: url(../images/liberty.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#left {
	float: left;
	height: auto;
	width: 560px;
	padding-top: 10px;
	border-right: 1px solid #999999;
	margin-left: 20px;
}
#right {
	float: right;
	height: auto;
	width: 200px;
	padding-top: 10px;
	padding-right: 10px;
}
.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 its child floats */
	clear:both;
    height:0;
    font-size: 10px;
    line-height: 0px;
}
.headertext {
	font-size: 14px;
	color: #003366;
	font-weight: bold;
	line-height: 24px;
}
h2 {
	font: bold 18px/22px Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px;
}
h1 {
	font: bold normal 20px/24px Georgia, "Times New Roman", Times, serif;
	color: #CC3300;
}
/*---floats----*/
#sidebar1 {
	float: left; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 170px; /* since this element is floated, a width must be given */
	height: 100%;
	background: #F2F1E8; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div  */
	border-right: 1px solid #666666;
}
#sidebar2 {
	float: right; /* this element must precede in the source order any element you would like it be positioned next to */
	width: 150px; /* since this element is floated, a width must be given */
	height: 100%;
	background: #fff; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
/*--these below control the text formatting within the side bars, I usually use classes instead--*/
#sidebar1 p, #sidebar1 h3, #sidebar2 p, #sidebar2 h3 {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}
/* Tips for mainContent:
watch out for float drop at minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller
*/
#mainContent {
	margin: 0 170px 0 190px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
#mainContent2 { 
	margin: 0 20px 0 160px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
/*---end-floats----*/

/*--------nav---------------*/
#navcontainer {
	width: 170px;
}
#navcontainer ul
{
	margin-left: 0;
	padding-left: 0px;
	list-style-type: none;
	font: bold 12px/34px Georgia, "Times New Roman", Times, serif;
	margin-top: 0px;
	color: #003366;
}
#navcontainer a
{
	display: block;
	padding-left: 8px;
	width: 160px;
	background-color: #F2F1E8;
	border-bottom: 1px solid #CCCCCC;
	color: #003366;
}
#navcontainer a:link, #navlist a:visited
{
	color: #003366;
	text-decoration: none;
}
#navcontainer a:hover
{
background-color: #fff;
color: #cc0000;
}
/*--------------------end*/

/*-- footer class links --*/
.footer {
	width: auto;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	text-align: center;
	background-position: center;
	padding-top: 6px;
}
.footer a:link, .footer:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
/*.footer a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}*/
.footer a:hover, .footer:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
}
/*.footer a:active {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}*/
.redbig {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #CC3333;
}
.redbigger {
	font: bold 24px Georgia, "Times New Roman", Times, serif;
	color: #CC3333;
}