﻿/*******************************************************************************

    CSS on Sails Framework
    Title: The Gettysburg Foundation
    Author: XHTMLized (http://www.xhtmlized.com/)
    Date: October 2010

********************************************************************************/


#container { margin: 57px auto 0; padding: 62px 0 39px; width: 1004px; background: white; }
#container #topstyle { position: relative; top: -39px; margin-top: -62px; padding-top: 101px; width: 1004px; height: 1%; }
#container #topstyle:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
#content { width: 730px; }



#text { width: 480px; }
#text p {margin: 0 50px 18px 51px; } 

#info { float: right; padding-top: 17px; width: 190px; }
#info h3 { margin-bottom: 8px; color: #64261b; font: italic 14px Georgia, serif; }
#info p { margin: 0; color: #5c5c5c; font: 1em/1.9em Verdana, sans-serif; }
#info a { color: #b37b0e;}

#news_list p {margin: 0 0px 18px 51px; } 
#news_list ol { padding-top: 41px; width: 430px; }
#news_list ol li { margin-left: 50px; padding-top: 5px; border-top: 4px solid #e4dede; width: 430px; }
#news_list ol li span { color: #565389; font: bold 0.9em Verdana, sans-serif; text-transform: uppercase; }
#news_list ol li h2 { margin: 4px 0 11px; font-size: 10px;}
#news_list ol li h2 a { color: #3b566a; font: italic 1.8em/1.33em Georgia, sans-serif; }
#news_list ol li h2 a:hover { color: #b37b0e; }
#news_list ol li img { position: relative; display: block; margin: 0 0 10px -50px; }
#news_list ol li h2 + a { position: relative; display: block; margin: 0 0 10px -50px; }
#news_list ol li h2 + a img { display: inline; margin: 0; }
#news_list ol li p { margin-bottom: 17px; color: #3c3c3c; font: 1.3em/1.4em Georgia, serif; margin-left: 0; }
#news_list ol li p a { font-size: 1em; }
#news_list ol li a { color: #b37b0e; font: 1.35em/1.33em Georgia, serif; }
#news_list ol li div { margin: 17px 0 24px; color: #3c3c3c; font: 1.35em/1.33em Georgia, serif; }
#news_list ol li div a { color: #b37b0e; font-size: 1em; }

#second-column { float: left; display: inline; margin: 79px 0 0 18px; width: 197px; }
#second-column h3 { padding: 5px 0 9px; color: #64261b; font: italic 1.4em Georgia, serif; }
#second-column ol li { padding: 3px 0 9px; border-top: 1px solid #e4dede; }
#second-column ol li h4 { margin-bottom: -5px; color: #565389; font: bold 0.9em Verdana, sans-serif; text-transform: uppercase; }
#second-column ol li h4.haslink { padding-bottom: 5px; min-height: 7px; background: url(/media/img/int3col/haslink_bg.gif) no-repeat 1px 3px; }
#second-column ol li h4 a { display: inline-block; margin-left: 10px; color: #565389; font-size: 1em; }
#second-column ol li ol li { margin-top: 9px; padding: 0; border: none; }
#second-column ol li ol li a { color: #b37b0e; font: 1em/1.45em Verdana, sans-serif; }

.top-border {border-top: 4px solid #e4dede;}
/*.center{text-align:center;}*/

/* news styling */
#search_options{ margin-left: 50px; padding-top: 5px; border-top: 4px solid #E4DEDE; width: 430px; margin-top:41px; }
#search_options h2{ margin: 0; padding: 0; }

#search_options{
	margin-left: 50px;
	padding-top: 5px;
	border-top: 4px solid #E4DEDE;
	width: 430px;
	margin-top:41px;
}
#search_options h2{
	margin: 0;
	padding: 0;
}

/* calendar styling */
#subheader{
	border-top: 4px solid #E4DEDE;
	border-bottom: 1px solid #E4DEDE;
	margin-top: 41px;
}
#subheader h2{
	margin:0;
	padding:5px 0 11px 0;
	font-size:24px;
	float:left;
	width:230px;
}
.eventlist{
	float:left;
	width: 230px;
}
.highlightlist{
	width:200px;
	float:right;
}
