/*this template corresponds to the main 2-column.dwt template

also, note, there is a file called "stylesheet-red.css" that has all the colors when the site was red  */

body { 
text-align: center;
background-color:#333333;
}

#container {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #333333;
	width: 750px;
	background-color:#FFFF66;
	background-image:url(images/leftcolumn-bkgd.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

#header {
background-color:#FFFFFF;
border-bottom: 1px solid #333333;
width:750px;
}

#navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-color:#FFFFFF;
margin-top:2px solid #b30000;
background-image:url(background1.gif);
background-position:bottom;
background-repeat:repeat-x;
}

#navigation ul {
list-style:none;
margin:0;
padding:0;
padding-top: 4px;
padding-bottom: 10px;
margin-bottom:1px solid #b30000;
text-align: center;
display:block;
}

#navigation li {
display:inline;
}

#navigation a:link, #navigation a:visited {
margin-right:2px;
padding: 3px 10px 2px 10px;       /* top right bottom left */
color: #ffffff;
background-color:#b30000;
text-decoration:none;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #717171;
border-right: 1px solid #717171;
}

#columnleft {
float: left;
width: 200px;
padding-top:1em;
/*background-color:#99CCFF;      Panther blue  -- when it was read it was #FFBFBF  ? */
}

#columnleft h1 { 
padding-left:15px;
padding-right:15px;
margin-left:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
color:#b30000;
font-weight:bold;
margin-bottom:-16px;
}

#columnleft h2 { 
padding-left:20px;
padding-right:15px;
margin-left:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.9em;
color:#b30000;
font-weight:bold;
margin-bottom:-20px;
}

#columnleft p {
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3;
padding-left:15px;
padding-right:12px;
}

#columnleft a:link, #columnleft a:visited, #columnleft a:active {
color: #b30000;
text-decoration:underline;
}

#columnleft a:hover {
color: #b30000;
text-decoration:underline;
background-color:#FFFFFF;
}

#columnright {
	padding-top:1em;
	margin: 0 0 0 200px; /* top right bottom left */
	font-family: Georgia, "Times New Roman", Times, serif;
}

#columnright h1 {
text-align:center;
padding-right:10px;
margin-left:15px;
margin-bottom:-16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.7em;
color:#b30000;
font-weight:bold;
border-bottom: 1px solid #b30000;
}

#columnright h2 { 
padding-left:20px;
padding-right:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
color:#b30000;
font-weight:bold;
margin-bottom:-20px;
}

#columnright h3 { 
padding-left:20px;
padding-right:15px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
color:#b30000;
font-weight:bold;
margin-bottom:-20px;
}


#columnright h4 {
	padding-left:20px;
	padding-right:15px;
	padding-bottom:.5em;
	font-family:"Comic Sans MS", cursive;
	font-size:1.2em;
	color:#000000;
	font-weight:normal;
	margin-bottom:-20px;
	text-align: left;
}

#columnright p {
	font-size:.9em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.3;
	padding-left:15px;
	padding-right:13px;
	text-align: center;
}

#columnright a:link, #columnright a:visited, #columnright a:active {
color: #b30000;
text-decoration:underline;
}

#columnright a:hover {
color: #b30000;
text-decoration:underline;
background-color:#FFFFFF;
}

#footer {
clear: both;
background-color:#b30000;
padding-bottom: 5px;
padding-top:5px;
border-top: 1px solid #333333;
width:750px;
background-image:url(background1.gif);
background-position:top;
background-repeat:repeat-x;
}

#footer p {
font-size:.9em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
line-height:1.4;
text-align:center;
padding:0;
margin:0;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #ffffff;
text-decoration:underline;
}

#footer a:hover {
color: #ffffff;
text-decoration:underline;
background-color:#ff8080;
}