@charset "UTF-8";
/* Desc: SPD.adventistconnect.org Theme
 (Based on Blue Clouds Theme)
 Design: Jeanelle Isaacs - Adventist Media Network
 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
		13.Adventist Employment
		User defined styles
		
		14. Table header
		
	
        Colour Scheme
     ----------------------
		Background: #F5F1E7
		Orange: #f3c920
		Darker Oranger: #f3b520
		Yellow: #fefbe2
		Brown: #ac4c1c
		Widget link:  #803500
		Dark blue: #0a619a (table header, h3, link:hover, change)
		Blue: #4495cb 
		Light blue: #77c1d6; (link)
		Gray text: #58595B

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
html {

}
body {
 text-align: center;
 font: normal 12px/1.5em "arial", sans-serif;
 background: #F5F1E7;
 margin:0;
padding:0px;
}

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

img {
 border: 0
}
.smallcontent a:link, .smallcontent a:visited {
	color: #00A3C4;
	font-weight: bold;
	text-decoration: none;
}
.smallcontent a:hover, .smallcontent a:active {
 	text-decoration: underline;
}
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;
}

.smallcontent li {
 color: #58595B;
 margin-left: 65px;
}

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

hr {
height:1px;
border-width:0;
background-color:#77c1d6;
color:#77c1d6;
}
.smallcontent h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #215868;
 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: #f3b520;
}
.smallcontent h3{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 13px;
 color:#f3b520;
border-bottom: 1px dotted #F89827;
width:90%;
}

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;
 padding-top: 
}

#header .fullcontent{
 width:100%;
 height: 148px;
 float:left;
 background: url(../images/bg_repeat.jpg) repeat-x;
}

/*header image will appear with the site name behind it*/
h1#pagetitle span{ 
width:1024px;
height: 148px;
background: url(../images/header_left.jpg) no-repeat;
position:absolute;
left: 0;
top: 0;
}
h1#pagetitle{
width:633px;
height: 148px;
position:absolute;
margin:0;
}
.header_right{
	width:260px;
 	height: 148px;
	float: right;
}

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


/* --------------- 4. Sidebar Search --------------- */

.sidebar .textfield {
	width: 130px; 
	height:16px;
	background: #fff; 
	border: solid 1px #4495cb;
	color: #444;
	font-size:12px;
    padding:1px

}
.sidebar .textfield:focus {
color:#444444;
}
.sidebar .submitbutton {
	height: 20px;
	width:25px;
	cursor: pointer;
	border: none;
	font-size: 0em; /*gets rid of search text for Firefox*/
	padding-left: 27px; /*gets rid of search text for IE, has to same as button width*/
	background:none;
	/*border: 1px red solid;*/
}

.sidebar .sitesearch form fieldset {
 	border: 0px;
	padding-top: 5px;
	background: url(../images/go.jpg) no-repeat; /*inserts image for search button*/
	background-position: 137px 5px; /*position image for search button*/


}
.sitesearch {
float:left;
width:200px;
height: 20px;

}

/* --------------- 5. Navigation ------------ */
/* horz nav*/
#navigation { 
  width: 1024px;
  float:left;
}
#navigation .menu_primary{
width: 1024px;
height:30px;
padding: 8px 0px 0px 15px;
font-size: 13px;
background: #fff3e5 url(../images/navbg.gif) bottom repeat-x;
}

#navigation .menu_primary a span{
background-color: #57b7cb;
}


#navigation .menu_primary ul{
float:left;

}

#navigation .menu_primary ul li{ /*horz items*/
  list-style-type:none; 
  float: left; 
  padding: 4px 6px 0px 0px;
  margin-left: 2px;
  background: url(../images/tab-right.gif) bottom right no-repeat;
  border-bottom: 4px solid #fee0bd;
height:22px;


}

#navigation .menu_primary ul li a:link,
#navigation .menu_primary ul li a:visited {
  color: #fff; 
  font-weight:bold;
  text-decoration:none;
  padding: 3px 3px 5px 8px;
  background:  #57b7cb url(../images/tab-left.gif) top left no-repeat;
  margin-top:0px;
}
#navigation .menu_primary ul li a:hover, 
#navigation .menu_primary ul li a:active,
#navigation .menu_primary ul li.active a,
#navigation .menu_primary ul li.expanded-menu a {
color: #FFD79F;
text-decoration:none;

}

#navigation .menu_primary ul li.active,
#navigation .menu_primary ul li.expanded-menu{
 font-weight:bold;
 border-bottom: 4px solid #57b7cb;
 color: #FFD79F;
}

#navigation .menu_secondary {
  clear: both;
  background: url(../images/msbg.jpg) repeat-x;
  padding: 5px 0px 5px 20px;
  height:25px;

}

#navigation .menu_secondary ul{
  width: 100%;
  margin: 0 auto;
  padding-left: 20px;
}
#navigation .menu_secondary li{
  list-style-type: none;
  float:left;
}

#navigation .menu_secondary li a {
padding: 0.5em;
}

#navigation .menu_secondary li a:link,
#navigation .menu_secondary li a:visited {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
#navigation .menu_secondary li a:hover,
#navigation .menu_secondary li a:active {
  color: #FFD79F;
}

#navigation .menu_secondary ul li.active a{
color: #FFD79F;
}
/* --------------- 6. Widget Sections ----------------- */

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


/*-------3 col default layout--------------*/
#bodyarea .sidebar, .store_sidebar{ /*left hand column*/
 float: left;
 width: 190px;
 margin-top: 0px;
 padding: 10px 0px 10px 20px;
 background-color:#FFFFFF;
 /*border:1px red solid;*/
}

#bodyarea .sidebar2{ /*right hand column*/
  margin-top: 0px;
  float: right;
  width: 190px;
  background-color:#FFFFFF;
  /*border:1px red solid;*/
}

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

/* ---------------7. Body ----------------- */

#bodyarea .smallcontent{
 float: left;
 width: 570px;
 padding:15px 5px 0px 15px;
 background-color:#ffffff;
 /*border:1px pink solid;*/
}
#bodyarea .fullcontent{
 width: 100%;
 float: left;
 padding: 10px 0 0 0;
 background-color:#FFFFFF;
}

#bodyarea p.clearfloat{
  clear: both;
  background-color:#ffffff;
} 
#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;
}

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;
  background: url(../images/bg_repeat.jpg) repeat-x;
  width:1024px;
  margin: 0 auto;
}
#footer .container{
padding: 15px 0px 15px 0px;
background-color: transparent;
text-align:center;
 color:#999999
}
#footer p{
 color:#FFFFFF;
}
#footer p.homelink{
 color:#FFFFFF;
}
#footer a:link,
#footer a:visited{
 color: #ffffff;
 text-decoration:underline;
}
#footer a:hover,
#footer a:active{
 color: #f3b520;
 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:#fefbe2; 
}

.dayName {
 text-align: center;
}
.dayName th {
 border-bottom:3px solid #fefbe2;
 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: #77c1d6;
 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:#fefbe2;
}
.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;
}
/* -------------------13. Adventist Employment ------------------------*/
#bodyarea #spd_positions dd label{width:110px;}
#bodyarea #spd_positions .vacant-position-photo{width:120px;}
#bodyarea #spd_positions .vacant-position-abstract{width:450px;}
#bodyarea #spd_positions .position-abstract{width:400px;}
#bodyarea #spd_positions .position-abstract{width:450px;}
#bodyarea #spd_positions .position-abstract li{margin:0;}

/* -------------------14. TABLE ------------------------*/

th {
	background: #ccc none repeat scroll 0 0;
	color: #ffffff;
}