@charset "UTF-8";
/* Desc: Discovery Offers
 Design: Jeanelle Isaacs
CSS Author: Jeanelle Isaacs
 
	Stylesheet Contents
	----------------------
        1. General Properties and Font Styles
		2. Header home layout
		3. Header default layout
		4. Header Search
		5. Navigation - primary & secondary menu
        6. Widget Layout (see widget.css for actual widget css)
        7. Body Area
		8. Footer
		9. Calendar
		10.Shopping cart
		11.Media library
		12.Store
	
        Colour Scheme
     ----------------------
		Background: #F5F1E7
		Orange: #FF9100
		Brown: #595438
		Gray/Brown:#C1B49A
		Widget link:  #803500
		Widget bg repeat (light blue): #d5f7fb (change)
		Darker blue: #00B0D8 (table header, h3, link:hover, change)
		Medium blue: #aee0ed (events calendar, change)
		Gray text: #58595B

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
html {
}
body {
 text-align: center;
 font: normal 12px/1.5em "arial", sans-serif;
 background-color: #133776;
}

.container{
 margin: 0 auto;
 width: 800px;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}

img {
 border: 0
}
.contentarea a:link, .contentarea a:visited {
	color: #004aa1;
	text-decoration: underline;
}
.contentarea a:hover, .contentarea a:active {
 	color: #64cb99;
}
a.edit:link, a.edit:visited {
 color: #595438;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}
a.edit:hover, a.edit:active {
 color: #FF0000;
 text-decoration: underline;
 font-weight: bold;
 text-transform: uppercase;
}
a.view_more_link {
 padding-left:0px;
}

.contentarea li {
 color: #58595B;
}

p{
 font-size: 1.1em;
 color: #666666;
 line-height: 160%;
}

hr {
height:1px;
border-width:0;
background-color:#cccccc;
color:#cccccc;
width: 99%;
}
.contentarea h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #3361b6;
 font-size:18px;
 text-align:center left;
 padding:5px 0px 2px 0px;
 font-weight: bold;
}
#announcements h3, 
h2{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 16px;
 color: #64cb99;
}
.contentarea h3{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 13px;
 color:#64cb99;
 border-bottom: 1px dotted #64cb99;
 width: 80%;
}

h4{
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 color: #58595B;
 clear: left;
}
h5{
 padding: 5px 0px 2px 0px;
 font-size: 11px;
 color:  red;
 clear: left;
}


/* ---------------2. Header home layout--------------- */
#header {
 width: 100%;
 color: white;
 margin-top: 40px;
}

/*#header .container #title{ top image
 background: #fff url(../images/topbar.jpg) no-repeat;
 width: 800px;
 height: 42px;
}*/
#header .fullcontent{
 width: 100%;
 background-color:#e9ece8;
 height: 157px;
 float:left;
}

/*header image will appear with the site name behind it*/
h1#pagetitle span{ 
width:800px;
height: 180px;
background: url(../images/header.jpg) no-repeat;
position:absolute;
left: 0;
top: 0;

}
h1#pagetitle{
width:800px;
height: 157px;
position:absolute;
margin:0;
}

/* ------------------------------ */


/* --------------- 4. Header Search --------------- */
#header .textfield {
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
color:#444444;
font-size:10px;
height:13px;
padding-top:1px;
width:100px;
}
#header .textfield:focus {
color:#444444;
}
#header .submitbutton {
background:transparent none repeat scroll 0 0;
border:medium none;
cursor:pointer;
font-size:0;
height:13px;
padding-left:22px;
width:22px;
}
#header .sitesearch form {
height:13px;
}
#header .sitesearch form fieldset {
background:transparent url(../images/gobtn.gif) no-repeat scroll 102px 5px;
border:0 none;
padding-top:4px;
}
.sitesearch {
float:right;
height:13px;
position:relative;
width:150px;
z-index:0;
}

/* --------------- 5. Navigation ------------ */

/* vertical nav */
#navigation{
	padding: 25px 0 20px 0px;
	margin-left: 10px;
}
	
#navigation ul{
list-style:none;
}
		
#navigation li{ }

#navigation .menu_primary{ }
	
#navigation .menu_primary a,
#navigation .menu_primary a:visited{
	display: block;
	padding: 7px 0px 5px 15px;
	color: #fff; 
	font-weight:bold;
	background-color: #64cb99;
	text-decoration:none;
	border-bottom: 1px dotted #ffffff;
}

#navigation .menu_primary a:hover{ 
	background-color:#3361b6;
}

#navigation .menu_primary ul li.expanded-menu a{ /*current position*/
	background-color:#3361b6;
}
	
#navigation .menu_secondary{
}
		
#navigation .expanded-menu .menu_secondary ul li a{
	background-color: #fff;
	font-weight:normal;
	color: #6D6D6D;
	margin-left: 15px;
	border-bottom:1px dotted #999999;
}


div.menu_secondary .active {
 background-color: #ededed;
}

#navigation .expanded-menu .menu_secondary ul li a:hover{ 
	background-color: #ededed;
	text-decoration: none;
}

/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/
#bodyarea .widgetbar{
 padding: 0px 0px 0px 80px;
 float:left;
 width: 90%;
 background-color: #ffffff; 
}
/* -------------------------------- */


/*-------2 col default layout--------------*/
#bodyarea .sidebar, .store_sidebar{ /*for default layout*/
 float: left;
 width: 183px;
 margin-top: 10px;
 background-color: #fff;
 /*border: red 1px solid;*/
}

/* -------------------------------- */

/* ---------------7. Body ----------------- */
#bodyarea .container{
background-color: #ededed;
}
#bodyarea .contentarea{ /*for default content layout*/
 float: left;
 width: 570px;
 margin: 40px 0px 10px 15px;
 padding: 10px 0px 10px 12px;
 background-color: #fff;
 /*border:red 1px solid;*/
}

#bodyarea .fullcontent{
 width: 100%;
 float: left;
 padding: 10px 0 0 0;
 background-color:#e9ece8;
}
#bodyarea ul, #bodyarea ol{
 padding:0px !important;
 margin: 0;
}
#bodyarea h3.datehighlight{
 background-color: #E7D5BC;
 margin: 0 20px 0 0;
}
#bodyarea h4.datehighlight{
 background-color: #F2E8DB;
 margin: 0 20px 0 0;
}
#bodyarea p.datehighlight{
 background-color: #F2E8DB;
 font-size: 85%;
 margin: -5px 20px 0 0;
 padding: 0 30px 5px 10px;
 color: #999999;
}

#bodyarea #signup{ /*new website signup*/
 width: 80%;
 float: left;
 padding: 25px 0 0 15px;
 margin: 17px 0px 0px 30px;
}

#bodyarea .fullcontent ul,
#bodyarea .fullcontent ol {
 margin: 0px 0px 0px 20px;
}
#bodyarea .contentarea ul,
#bodyarea .contentarea ol{
 margin: 0px 0px 0px 60px;
}

#bodyarea .imagecaption{
 float: right;
 width: 280px;
}
#bodyarea .mediacat p{
 padding: 0 10px 0 10px;
}
#bodyarea .mediacat h3.video,
#bodyarea .mediacat h3.document,
#bodyarea .mediacat h3.image,
#bodyarea .mediacat h3.news,
#bodyarea .mediacat h3.event{
 padding: 10px 40px 10px 20px;
 margin: 0 0 0 10px;
}
#bodyarea h4.video,
#bodyarea h4.document,
#bodyarea h4.image,
#bodyarea h4.news,
#bodyarea h4.event{
 margin: 0 0 0 10px;
 padding: 5px 40px 5px 20px;
}
#bodyarea .mediacat h3.video,
#bodyarea h4.video{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea .mediacat h3.document,
#bodyarea h4.document{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea .mediacat h3.image,
#bodyarea h4.image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea .mediacat h3.news,
#bodyarea h4.news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea .mediacat h3.event,
#bodyarea h4.event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea .sort{
 clear: both;
}
#bodyarea .sort ul li.other span{
 float: right;
 padding: 2px 5px 0 5px;
}
#bodyarea .sort ul li.other span select{
 font-size: 85%;
}
#bodyarea .sort p{
 font-size: 85%;
 padding: 5px 10px 0 10px;
 clear: both;
 text-align: center;
}
#bodyarea .sort ul{
 list-style: none;
 padding: 0;
 width: 100%;
 float: left;
 background-color: #CCE3F8;
 margin: 0;
 border-bottom: 1px solid #4388C9;
}
#bodyarea .sort ul li{
 display: inline;
}
#bodyarea .sort ul li.current span{
 background-color: #FFFFFF;
}
#bodyarea .sort ul li span{
 display: block;
 float:left;
 padding: 4px 12px 5px 10px;
 margin: 3px 0 -2px 0;
}
#bodyarea .imagecaption img{
 margin: 0 20px 0 10px;
 border: 1px solid #4388C9;
}
#bodyarea .imagecaption p{
 font-size: 85%;
 padding: 0 20px 0 15px;
 font-style: italic;
 color: #999999;
}
#bodyarea #searchcontent{
 width:100%;
}
#bodyarea #searchcontent .smallcontent{
 padding: 0;
}
#bodyarea #searchcontent form{
 margin: 0;
 padding: 0;
}
#bodyarea #searchcontent form fieldset{
 padding:5px 0;
 margin: 0;
 border: none;
}
#bodyarea #searchcontent p{
 padding: 0 10px 0 20px;
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input,
#bodyarea #searchcontent form fieldset select{
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input.textfield{
 width: 150px;
 margin: 0 5px 0 0;
}
#bodyarea p.clearfloat{
 clear: both;
 text-align: center;
 font-size: 85%;
 padding: 15px 0 0 0;
 background-color:#999999;
}
p.meta, 
#bodyarea p.meta,
#bodyarea p.catmeta{
 font-size: 85%;
 color: #999999;
}
#bodyarea p.pages{
 font-size: 85%;
 padding: 5px 30px 5px 10px;
 margin: 10px 20px 0 0;
 color: #999999;
 border-top: 1px solid #CCE3F8;
 font-weight: bold;
 clear: both;
}
#bodyarea p.meta span{
 float: right;
}
#bodyarea p.catmeta span,
#bodyarea p.icons span{
 float: left;
}
#bodyarea p.meta span img,
#bodyarea p.catmeta span img,
#bodyarea p.icons span img{
 margin: 0;
}
#bodyarea p.archives{
 font-size: 85%;
 margin: 0 0 0 10px;
 padding: 0 10px 5px 10px;
 color: #999999;
 background: url(../images/bullet.gif) no-repeat left;
 clear: both;
}
#bodyarea .newsitemsmall{
 clear: both;
}
#bodyarea .newsitemsmall .image{
 float: left;
}
#bodyarea .newsitemsmall .content{
 float: left;
 width: 300px;
}
#bodyarea .newsitemsmall img{
 margin: 0 5px 5px 10px;
 border: 1px solid #4388C9;
 height: 270px;
}
#bodyarea ul.rel_con{
 padding: 0;
 margin: 0 0 10px 10px;
 list-style: none;
}
#bodyarea ul.rel_con li{
 padding: 0 0 0 20px;
}
#bodyarea ul.rel_con li.rel_announce{
 background: url(../images/icon-announcement.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_media{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_article{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea blockquote{
 font-style: italic;
 padding: 5px 60px 20px 30px;
 font-size: 125%;
 margin: 0;
 color: #666666;
}
/* --------------- 8. Footer --------------- */
#footer {
 clear: both;
 color: #fff;
 text-align: center;
 background: url(../images/footer.png) no-repeat left;
 height: 196px;
 width: 800px;
 margin:auto;
}
#footer .container{
background-color: transparent;
text-align:center;
}
#footer p{
 font-size: 90%;
 color: #fff;
 padding-top: 0px;
}
#footer p.homelink{
 color:#FFFFFF;
}
#footer a:link,
#footer a:visited{
 color: #fff;
  text-decoration:underline;
}
#footer a:hover,
#footer a:active{
 color: #fff;
 text-decoration:underline;
}

.document_group_widget_holder img {
margin-left: 10px;
}

/* --------------- Miscellaneous --------- */

#events {
 margin-top:25px;
}
.event {
 margin-left:10px;
}
/* --------------- 9. Calendar --------- */
.calendar {
 height:500px;
 margin-right:auto;
 padding-left:10px;
 width:98%;
 font-family:"Lucida Grande","Verdana",sans-serif;
 font-size:12px;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:1.5em;
 text-align:center;
 clear: left; 
}

#bodyarea .largecontent .sort ul{ /*bg color for view*/
background-color:#aee0ed; 
}

.dayName {
 text-align: center;
}
.dayName th {
 border-bottom:3px solid #aee0ed;
 color:#666666;
 font-size:85%;
 vertical-align:bottom;
 width:75px;
 background-color:#FFF;
 padding-bottom: 0;
 padding-top: 0;
 height: 35px;
}
.monthName th {
 font-weight:normal;
 padding-bottom:0em;
 padding-top:0em;
 text-align:left;
}

.monthName a:visited,
.monthName a:link{
font-weight: bold;
color: #ffffff;
}
.monthName a:hover{
font-weight: bold;
color: #595438;
}

td.specialDay { /*box that contains an event*/
 background-color: #C1B49A;
 border-bottom:1px dotted #BBBBBB;
}

.specialDay .calendar_000000{ /*link to event*/
font-size: 10px;
font-weight: bold;
}

.calendar .day, .calendar .specialDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
 height:85px;
}
.weekendDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
}
.today {
 background-color:#CCE3F8;
}
.otherMonth.weekendDay {
 color: #c0c0c0;
}
.otherMonth {
 color: #c0c0c0;
 border-right:1px solid white;
 padding:0.7em 1em;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dotted #BBBBBB;
}
.product_description p {
 margin-left:100px;
 width:350px;
}
.upcoming_events {
 margin-top:25px;
}

/* -------------------10. SHOPPING CART ------------------------*/
.products_list h5 {
 color:#000000;
 font-family:"Trebuchet","Trebuchet MS","Lucida Grande","Verdana",sans-serif;
 font-size:125%;
 padding: 0px;
 clear: none;
 font-weight: bold;
}
.top_cart_links {
 margin-top:30px;
}
#cart {
 float: right;
 text-align: right;
}
#cart img {
 margin: 0px;
}
/* ---------------------------------------------------------*/
em.hint {
 font-size: 12px;
 color: #999;
}
/* -------------------11. MEDIA LIBRARY ------------------------*/
.podcast_links a {
 float: left;
 padding: 1px;
}
#media_library .catmeta {
 font-size: 0.8em;
}
#media_library .media_col_name {
 font-size: 1.8em;
 font-weight: bold;
}
#media_library .media_coll_contents {
 padding: 0 10px;
}
.podcast_links {
 /*float: right;*/
 width: 200px;
 margin-bottom: 20px;
 /*padding: 5px;*/
}
.podcast_links a {
 margin-right: 5px;
 float: right;
 text-decoration: none;
}
.podcast_links img {
 margin: 5px;
}
.map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
#admin_map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
.google_text {
 font-size: .8em;
 color: #CCC;
 padding:0px;
}
.content_collection{
 width: 90%; 
}
/* ---------------12. STORE------------------- */
#bodyarea #buysteps{
 margin: 0 0 10px 0;
 font-size: 85%;
}
#bodyarea #buysteps ul{
 padding: 0 10px 4px 10px;
 margin: 0;
 list-style: none;
}
#bodyarea #buysteps ul li{
 padding: 0 10px 0 0;
 display: inline;
 float: left;
 color: #999; 
}
#bodyarea #buysteps ul li.current{
 font-weight: bold;
 color: #666;
}
#bodyarea ul.products_list{
 list-style: none;
 padding: 0;
 margin: 0 24px 0 12px;
}
#bodyarea ul.products_list li{
 padding: 10px 0 0 0;
 margin: 0 24px 0 0;
/* border-bottom: 1px solid #ccc;*/
}
#news ul.products_list li {
 border:none !important;
}
#bodyarea ul.products_list li .product_img{
 overflow: hidden; 
 float: right;
 display: inline-table;
/* Hides from IE-mac \*/
 height: 1%;
 display: block;
/* End hide from IE-mac */ 
}
#news ul.products_list li .product_img{
 float:left !important;
 /*width:110px;*/
}
#news h3{
 padding-left:0px;
}
html>body #bodyarea ul.products_list li .product_img {
 height: auto;
}
#bodyarea ul.products_list li .product_img:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#bodyarea ul.products_list li .product_img img{
 display: block;
 margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc{
 width: 350px;
 float: left;
}
#bodyarea ul.products_list li p{
 padding: 0 0 10px 0;
 margin: 0;
}
#bodyarea #cart p{
 text-align: right;
 font-size: 85%;
 margin: 0;
 padding: 10px 20px 0 20px;
}

#bodyarea table.products_list {
 margin: 0 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea .summary table {
 margin: 0px 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea table.products_list tr th,
#bodyarea .summary table th{
 padding: 3px;
 color: #999;
 font-weight: normal;
 font-size: 85%;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
 padding: 6px;
 border-top: 1px solid #ccc;
 font-size: 85%;
}
#bodyarea div#searchcontent fieldset {
border: none;
}
div#paginate {
clear: both;
display: block;
height: 20px;
padding: 12px 24px 12px 12px;
}
div#paginate div.next {
display: inline; 
float: right;
}
div#paginate div.previous {
display: inline;
float: left;
}
form label {
margin-left: 12px;
}
p.top_cart_links {
margin: 12px 0 12px 0;
}
.view_links{
 margin:-26px 20px 0px 0px;
}
.themed_pagination{
 margin-left: 15px;
}
.flash_player {
 margin-left:10px;
}
.news_list {
 
}
.news_widget_photo img {
 padding:7px 5px 0px 8px !important;
}