/*CSS FRAMEWORK BY JEREMY ALDRICH*/
/*DEFINE SITE COLORS
background:#dedede
link color/drk blue/text color:#223670
link hover color:#E88F27
END SITE COLORS*/

/* PNG Fix  */
img, div { behavior:url(graphics/extras/iepngfix.htc)}


/*DEFINE BROWSER RESETS*/
img {border:0;}

p {margin:0.2em 0 0.8em 0;}

h1,h2,h3,h4,h5,h6 {margin:0.3em 0;}

form {margin:0; font-family:inherit; color:inherit;}

input, select, textarea {font-size:1em; font-family:inherit; color:inherit;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}
/*END BROWSER RESETS*/


/*DEFINE SITEWIDE TAGS*/
a {text-decoration:none; color: #666666;}

a:hover {text-decoration:underline; color: #999999;}
h1 {font-size:1.6em; font-family:"Times New Roman", Ariel, san-serif; color:#b60909;}

h2 {font-size:1.4em; font-family:"Times New Roman", Ariel, san-serif; color:#666666;}

h3 {font-size:1.2em;}

h4 {font-size:1.0em;}

h5 {font-size:0.8em;}

h6 {font-size:0.6em;}

hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
/*END SITEWIDE TAGS*/



/*DEFINE SITEWIDE CLASSES*/
.clear {clear:both;}

div.hideclear {clear:both; visibility:hidden; height:0; overflow:hidden;}

.center {text-align:center;}
.imgright {float:right; padding: 0 0 10px 10px;}

.imgleft {float:left;  padding: 0 10px 10px 0px;}
/*END SITEWIDE CLASSES*/

/*DEFINE SITE STRUCTURE*/
body {background:#0c2154 url(graphics/main/bg.jpg) repeat-x top;font-size:62.5%; color:#333333; font-family:Arial, Helvetica, sans-serif; padding:0}


/*FOR FREEDOM ONLY - Assign Class mainsite to body tag*/
body.mainsite {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ background:;}

/*THIS IS YOUR MAIN CONTAINER DIV*/
#main { width:960px; height:auto; margin:0 auto;background:#ffffff url(graphics/main/main_bg.jpg) repeat-y top right;text-align:left; font-size:1.2em; line-height:1.8em;}

#header { width:960px; height:134px; background:url(graphics/main/header.jpg) no-repeat}

#mainnav {width:960px; height:24px; text-align:center; background:url(graphics/main/t_nav.jpg) no-repeat top; padding-top:0px}

#mainnav ul { clear:both; margin:0 auto; padding:0; list-style:none;}

#mainnav ul a { color:#ffffff; border-left:1px solid #fff; padding:3px 10px; text-decoration:none;}

#mainnav a.first {border-left:0;}

#mainnav ul a:hover { color:#ffffff; text-decoration:none;}

#mainnav li {position:relative; z-index:99; margin:auto; list-style-type:none;display:inline;}

#mainnav li ul {visibility:hidden; position:absolute; left:10px; top:18px; border:1px solid #dadada; background:#C0CDED; z-index:100;}

#mainnav li ul a {color:#333333; display:block; width:150px; text-align:left; border-bottom:1px solid #7685aa; padding:0; border-left:0; margin:0px 10px;}

#mainnav li ul li{margin:0;}

#mainnav li li a.last { border-bottom:0px;}

#mainnav li:hover ul, #mainnav li.sfhover ul {visibility:visible;}

#left_col {width:191px; float:left; background:#384e84 url(graphics/main/left.jpg) top no-repeat; height:auto}

.pad10 {padding:10px;}

#left a img { border:none;}


#l_nav {width:171px; font-size:1.2em; line-height:1.3em; list-style-type: none;}

#l_nav ul {margin:0; padding:0; list-style:none;}

#l_nav ul a { padding:0 10px; color:#ffffff; text-decoration:none; display:block; line-height:2.2em; width:171px; border-bottom:#7685aa 1px solid;  font-size:14px;}

#l_nav ul a:hover { color:#0C2254; border-bottom:#7685aa 1px solid; font-size:14px; text-decoration:none;}

#l_nav li {position:relative; margin:0; padding:0; list-style-type:none;}

#l_nav li ul {margin-top:-2.2em; visibility:hidden; position:absolute; left:191px; border:1px solid #dadada;background:#C0CDED; z-index:2;}

#l_nav li li a {color:#333333}

#l_nav li li a:hover {color:#ffffff}

#l_nav li li a.last { border-bottom:0px;}

#l_nav li:hover ul, #l_nav li.sfhover ul {visibility:visible;}

	
#rightcol { width:171px; padding:10px; float:left; background:#384e84 url(graphics/main/right.jpg) top no-repeat}


#right a img { border:none;}
	
#content { width:558px; padding:10px; float:left; background:#FFFFFF;}

#footer { height:100px; width:960px; background:url(graphics/main/footer.jpg) no-repeat top; float:left; clear:both; color:#000000; text-align:center; padding-top:8px}

#footer span {color:#FFFFFF; font-size:10px}
#footer span a {color:#FFFFFF; text-decoration:underline;}
	
#copyright {clear:both;}


/* ModuleBegin::Search */
#search { width:154px; padding:5px; background: url(graphics/main/search_box.jpg) no-repeat;}
#search table tr td span {color:#ffffff}


/* ModuleBegin::news */
.newsListWrapper { clear: both; width: auto;}
.newsListWrapper h2 { margin-top: 0px; }
.newsListWrapper h2 a { margin-top: 0px; color: #c85454; font-size:14px;}
.newsListWrapper .newsThumbnail { float: left; }
.newsListWrapper .newsThumbnail img { margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #ccc; }
.newsListWrapper .newsPublish { }
.newsListWrapper .newsBlurb { }
.newsListWrapper .itemList { margin-bottom:15px;}

.newsListSide { clear: both; background: #FEF9C1 url(graphics/main/announcements.jpg) no-repeat top; width: 151px; padding:50px 10px;  line-height:1.2em;}
.newsListSide h2 { margin-top: 0px; }
.newsListSide h2 a { margin-top: 0px; color: #c85454; font-size:14px;}
.newsListSide .newsThumbnail { float: left; }
.newsListSide .newsThumbnail img { margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #ccc; }
.newsListSide .newsPublish { }
.newsListSide .newsBlurb { }
.newsListSide .itemList { margin-bottom:15px;}

.newsDetailWrapper { }
.newsDetailWrapper .newsPublish, .newsDetailWrapper .newsAuthor, .newsDetailWrapper .newsSource { display: block; font-size:10px; margin-bottom: 30px;}
.newsDetailWrapper .pagination { height: 50px; }
.newsPublish {font-size:10px}
.newsAuthor {font-size:10px}
.newsAuthorLink {font-size:10px}
.newsSource { }
.newsBody { clear: both; }
.newsCopyright { clear: both; }
.newsMore { }
/* ModuleEnd::news */



/* ModuleBegin::events */
/* Events Lister */
.eventsListerWrapper { }
.eventDateHeading { font-weight: bold; border-top: 1px solid #ccc; margin-top: 20px; }
.eventsListerWrapper h2 { margin-bottom: 0; }
.eventDate { }
.eventTime { }
.eventBlurb { }

/* Events Detail */
.eventsDetailWrapper { clear: both; width: auto;}
.eventDate, .eventsDetailWrapper .eventTime, .eventsDetailWrapper .eventLocationMap, .eventsDetailWrapper .eventLocationAddress,
 .eventsDetailWrapper .eventLocationDriving, .eventsDetailWrapper .eventContact, .eventsDetailWrapper .eventPhone,
 .eventsDetailWrapper .eventEmail, .eventsDetailWrapper .eventRSVP, .eventsDetailWrapper .eventTicket,
 .eventsDetailWrapper .eventTicket1, .eventsDetailWrapper .eventTicket2 ,.eventsDetailWrapper .eventTicket3,
 .eventsDetailWrapper .eventTicket4, .eventsDetailWrapper .eventTicket5, .eventsDetailWrapper .eventTicket6 { display: block; }
.eventLocation, .eventRSVP, .eventTicketWrapper{ padding: 5px 0px; }
.eventDate {  }
.eventTime {  }
.eventLocation { }
.eventLocationMap {  }
.eventLocationAddress {  }
.eventLocationDriving {  } 
.eventContact {  }
.eventPhone {  }
.eventEmail {  }
.eventRSVP {  }
.eventTicketWrapper { clear:both}
.eventTicket {  }
.eventBody { }

/* Events Small Calendar */
.calendarSmallWrapper { font-size: 12px; background: #ffffff; }
.cal { padding: 5px; text-align: center; margin-left: auto; margin-right: auto;  background: #ffffff url(graphics/main/cal_bg.jpg) repeat-x top; }
.calPrev { position: absolute; top: 4px; left: 45px; }
.calNext { position: absolute; top: 4px; right: 45px; }
.calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; }
.calMonth span { font-size:18px; color:#b60909; font-family:"Times New Roman", Ariel, san-serif; font-weight:none;}
.calPrev a, .calNext a, .calMonth a { text-decoration: none; }
.calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; }
.calGrid { margin-top: 10px; clear: both; width: 75%; text-align: center; margin-left: auto; margin-right: auto; }
.calGrid td { font-size: 8pt; padding-bottom: 2px; text-align: center; }
.calGrid tr.calWeek { font-weight: bold; text-align: center; }
.calDayOn a { font-weight: bold; text-decoration: underline; }
.calDayOn a:hover { text-decoration: none; }
.calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #0C2254; color: white; font-weight: bold; }
.calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; }
.calBottom { text-align: left; padding-left: 20px; }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }

/* Events Month at a Glance */
.calendarWrapper table { width: 100%; table-layout: fixed; background: #E1E086 url(graphics/main/yellow_pad_bg.jpg) repeat-x top; }
.calendarWrapper .calendarMonths { background: #869DD3; text-align: center;  vertical-align: middle; }
.calendarWrapper .calendarMonths a { display: block; color: #000000; font-weight: bold; font-size: 12px; text-decoration: none; padding: 5px 0px; }
.calendarWrapper .calendarMonths a:hover { background-color: #728BCB; color: #ffffff; }
.calendarWrapper .calendarDays { border-collapse: collapse; table-layout: fixed; }
.calendarWrapper .calendarDays .title {padding: 10px 0px; font-size: 14px; color:#ffffff; background:#384E84 }
.calendarWrapper .calendarDays .normal { display: none; }
.calendarWrapper .calendarDays td { text-align: center; border:#E1E086 1px solid; font-weight: bold; background: transparent}
.calendarWrapper .calendarDays .weekdays { height: 30px; background: #0C2254 url(graphics/main/cal_weekday.jpg) repeat-x top; color: #fff; }
.calendarWrapper .calendarDays .weekends { height: 30px; background: #0C2254 url(graphics/main/cal_weekend.jpg) repeat-x top; color: #0C2254; }
.calendarWrapper .calendarDays .emptyDay { height: 60px; text-align: left; vertical-align: top;  }
.calendarWrapper .calendarDays .eventToday { height: 60px; text-align: left; vertical-align: top; background-color: #dad979; padding-left: 5px; color: #000; }
.calendarWrapper .calendarDays .eventOff { height: 60px; text-align: left; vertical-align: top; padding-left: 5px; }
.calendarWrapper .calendarDays .eventOn { height: 60px; text-align: left; vertical-align: top; background: #C85454 url(graphics/main/cal_event.jpg) repeat-x bottom; padding: 0px 5px 5px 5px; color: #fff; }
.calendarWrapper .calendarDays .eventOn a { color: #ffffff; }
.calendarWrapper .calendarDays .prevLink {background:#5069A2}
.calendarWrapper .calendarDays .prevLink:hover {background:#A03638}
.calendarWrapper .calendarDays .prevLink a {color:#ffffff; text-decoration:none}
.calendarWrapper .calendarDays .nextLink {background:#5069A2}
.calendarWrapper .calendarDays .nextLink:hover {background:#A03638}
.calendarWrapper .calendarDays .nextLink a {color:#ffffff; text-decoration:none}
.eventsGlanceWrapper {  }
/* ModuleEnd::events */



/* ModuleBegin::photo */
/* Photo Lister */
.photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;}
.photoAlbumListerWrapper:hover {border:1px solid #86AC63;}
.photoAlbumListerWrapper span {display:block;}
.photoAlbumListerWrapper img {padding-bottom:5px;}
.photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;}
.photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;}

/* Photo Thumbnails */
.photoAlbumDescription span {color:#ccc;font-size:90%;}
.thumbnail {float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:150px;}
.thumbnail:hover {border:1px solid #86AC63;}
.thumbnail img {padding-bottom:5px;}
.thumbnail span {height:20px;width:150px;overflow:hidden;display:block;}

/* Photo Detail */
.photoAlbumDetail{margin:10px 0;}
.photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;}
.photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;}
.photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;}
.photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;}
.photoAlbumbody{clear:both;}
.photoGalleryImage div {margin:0 auto;}
.photoGalleryImage img {border:1px solid #ccc;padding:5px;}
.photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;}
/* ModuleEnd::photo */


/********** Javascript popup calendar for edit controls *************/
#freedom_calendar {position: absolute;left: 100px;top: 100px;width: 210px;z-index: 100;visibility: hidden;clip: rect(0px 210px 165px 0px);height: 155px;font-size:11px;line-height:1.0em;table-layout:fixed;background:#ffffff url(graphics/main/cal_bg.jpg) repeat-x top; }
#freedom_calendar td {}
#freedom_calendar select.month {width: 25px; }
#freedom_calendar input.year {width: 30px; }
#freedom_calendar td.calDaysColor {}
#freedom_calendar td.calWeekend {}
#freedom_calendar td.calBgColor {}
#freedom_calendar .calBorderColor {color: #000; background: #EAF0FE; }
#freedom_calendar td.calHighlightColor { color: #fff;}
#freedom_Calendar a { width:100%; height:100%;}
#freedom_calendar a.calHighlightColor { color: #fff; background:#223670;}
#freedom_calendar a.cal { }
#freedom_calendar a.cal:Hover {}
.disabled { color: #808080; text-decoration: none; }
.butClass { border: 1px solid; border-color: #008a7a; }
.tdClass { padding-left: 3px}