/* -------------------------------------------------------------
		_-= Reunion 10 =-_ _-=Crown Financial Ministries=-_  
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Description:	Screen Style
	Filename:		style.css
	Author: 		Alex Morrison / Josh Merriam
	Version:		2.0
	Date:			15 April 2010
-------------------------------------------------------------*/

html, body {
	padding: 0;
	margin: 0;
	font-family: 
             "Calibri",
             Helvetica Neue, Arial,
             sans-serif;
line-height:1.4em;
	}


body {
	font-size: 100%;
	background: #fff url(images/BG4.jpg) no-repeat;
}
p {font-size:1em;}
img {
	border: 0;
	}
	
	
a:link, a:active, a:visited {
color:#448FB3;
text-decoration:none;
  }
a:hover {text-decoration:underline; color:#999; border-bottom:none;}

#container {width: 1100px; margin: 0 auto;}

.clear {clear: both;}
/* --------------------------___Header Image Replacements____------------------------- */

#header {
position:relative;
margin-left: auto;
margin-right:auto;
width:996px;
height:180px;
}

#cfmlogo {
width:307px;
height:31px;
background:url(images/CFM_logo.png);
position:absolute;
right:30px;
top:5px;
text-indent: -9000px;
}
#reunion {
width:500px;
height:160px;
background:url(images/reunion.png) no-repeat;
position:absolute;
left:0px;
top:5px;
text-indent: -9000px;
}




/* --------------------------___Content____------------------------- */

#content {
background: rgba(255,255,255,.4);
border-top:thin solid silver;
width:100%;
min-height:500px;
}

#content_wrap {
width: 996px;
margin-left: 30px;
padding-bottom: 10px;
}

#home_text {
float: left;
width: 350px;
font-size: 16px;
padding: 10px;
margin-top: 20px;
color: #555;
min-height:350px;
}

#content_wrap h3{
font-size: 24px;
color: #A0C249;
padding: 5px 10px 10px 10px;
margin: 0;
}

#content_wrap h4{
font-size: 16px;
color: #444;
padding: 15px 5px 5px 5px;
margin: 0;
}

.bigger{
font-size: 18px;
font-weight: bold;
}

#content_wrap p {
font-family:Calibri, Tahoma, sans-serif;
padding: 10px;
margin: 0px;
color: #666;
line-height:1.6em;

}

#content_wrap a {
color: #9c53bf;
font-weight: bold;
}

#content_wrap_media a {
color: #9c53bf;
font-size:12px;
}

#content_wrap_media a:hover {
color: #888;
font-size:12px;
}

#content_wrap p a:hover {
color: #888;
font-weight: bold;
}

#content_wrap ul{
margin: 0px 0px 0px 30px;
padding: 0;
}

#content_wrap ol{
margin: 0px 0px 0px 50px;
padding: 0;
}

#content_wrap li{
color:#666;
margin: 0;
padding: 0;
}

.improv {
position: absolute;
float: left;
margin: 10px;

}

/* --------------------------___ Table____------------------------- */

.table_head {
font-weight: bold;
font-size: 18px;
}

.table {
width:50%;
border:1px solid #ccc;
padding: 5px;
margin-bottom: 15px;
}

.table1 {
width:75%;
border:1px solid #ccc;
padding: 5px;
margin-bottom: 15px;

}




/* --------------------------___Slideshow____------------------------- */

/*
.backimage{   /* In case Javascript is turned off, this has an image under the slideshow */
background:url(images/slide1.jpg) no-repeat;
width: 540px;
height: 291px;
position:static;
margin-top: 35px;
margin-left: 30px;
z-index: 0;
}
*/
.backimage{   /* In case Javascript is turned off, this has an image under the slideshow */
background:url(images/slide1.jpg) no-repeat;
width: 600px;
height: 291px;
float: right;
margin-top: 35px;
margin-left: 30px;
z-index: 0;
}

#slide {
background:url(images/slideshow_bg.png) no-repeat;
width: 570px;
height: 343px;
float: left;
margin-top: 20px; padding-left:20px;
z-index: 1;
}




.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
padding-top: 35px;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
padding-top: 35px;
}



/* --------------------------___Gallery____------------------------- */

#gallery {
margin: 25px 2px 0px 2px;
}

#gallery img{
border: 4px solid #ccc;
margin: 8px;
}


/*-- SLIDESHOW --*/

/*
#slideshow {
width:600px; position:absolute; left:500px;
    height:350px;background:url(images/slideshow_bg.png) no-repeat;
}

#slideshow IMG {
    position:absolute;
    top:35px;
    left:30px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

*/

/* --------------------------___Sub-Content____------------------------- */

#breaker {
background: #999;
width:100%;
height:3px;
overflow: hidden;
}

#sub_nav {

width:100%;
height:230px;
}

#breaker2 {
background: #888;
width:100%;
height:10px;
overflow: hidden;
}

#sub_wrap{
width: 996px;
margin-left: auto;
margin-right:auto;
}

.sub_column {
float: left;
width: 310px;
height: 205px;
margin-top: 12px;
margin-right: 10px;
margin-bottom: 12px;
}

.sub_column p {
margin-top: 110px;
font-size: 14px;
padding: 5px;
color: #666;
}

.sub_column p a {
color: #666;
font-weight: bold;
}

.sub_column p a:hover {
color: #666;
font-weight: bold;
}

#ridge{
background: url(images/ridgecrest_sub.png) no-repeat;
}

#ent{
background: url(images/dustin_sub.png) no-repeat;
margin-left: -10px;
}

#reg{
background: url(images/register_sub.png) no-repeat;
margin-right: 0px;
}

#twitter_div{
background: url(images/twitter.png) no-repeat;
width: 320px;
}

#twitter_div p{
margin-top: 110px;
font-size: 14px;
padding: 5px;
color: #666;
}

#twitter_div p a {
color: #666;
font-weight: bold;
}

#twitter_div p a:hover {
color: #888;
font-weight: bold;
}


#twitter_update_list {
margin: 0px;
padding: 0px;
}

#twitter_update_list{
list-style: url(images/twitter_icon.png) none;
margin: 0px;
font-size: 14px;
padding: 5px;
color: #666;
}





/* --------------------------___Footer____------------------------- */

#footer {
position:relative;
margin-left: auto;
margin-right:auto;
height:120px;
width: 952px;
text-align: center;
}

#footer span {
display: block;
padding-top: 10px;
font-size: 14px;
line-height: 20pt;
color: #666;
}


/* --------------------------___schedule tables____------------------------- */

#thursday{
color:#990;
}

#friday{
color:#630;
margin-top: 180px;
}

#saturday{
color:#c63;
margin-top: 490px;
}

#sunday{
color:#300;
margin-top: 490px;
}

#laba{
color:#990;
}

#labb{
color:#630;
}

#labc{
color:#c63;
}

#labd{
color:#300;
}


.thead {
display: block;
float: left;
color: #fff;
font-size: 20px;
padding: 5px 0px 5px 5px;
margin-top: -15px;
background: #990;
width: 300px;
}

.fhead {
display: block;
float: left;
color: #fff;
font-size: 20px;
padding: 5px 0px 5px 5px;
margin-top: -15px;
background: #630;
width: 300px;
}

.sahead {
display: block;
float: left;
color: #fff;
font-size: 20px;
padding: 5px 0px 5px 5px;
margin-top: -15px;
background: #c63;
width: 300px;
}

.suhead {
display: block;
float: left;
color: #fff;
font-size: 20px;
padding: 5px 0px 5px 5px;
margin-top: -15px;
background: #300;
width: 300px;
}

.lab1{width:200px;}

.lab2{width:400px;}

.row1 {
display:block;
float: left;
font-size: 16px;
padding: 5px 0px 5px 5px;
margin: 0px;
width: 300px;
border-bottom: 1px solid black;
}

.row {
display: block;
float: left;
font-size: 16px;
padding: 5px 0px 5px 5px;
width: 300px;
border-bottom: 1px solid black;
}

.trow {
border-bottom: 1px solid black;
}

.col1 {
min-width: 200px;
}

.col2 em{
font-size: 12px;
}

.col2 {
min-width: 400px;
max-width: 400px;
border-bottom: 1px solid black;
}

.col3 {
min-width: 300px;
border-bottom: 1px solid black;
}

#down-schedule{font-size: 24px;}

#down-schedule a {
color: #300;
text-decoration: none;
}

#down-schedule a:hover{
color: #c63;
}



/* -- @fontface ---*/
@font-face { /* declare fonts */
	font-family: "MuseoBold";
	src: url("fonts/Museo700-Regular.eot");
	src: local("Museo 700"), local("Museo-700"),
		url("fonts/Museo700-Regular.woff") format("woff"),
		url("fonts/Museo700-Regular.otf") format("opentype"),
		url("fonts/Museo700-Regular.svg#Museo-700") format("svg");
		}
		/* display fonts */
		h1 { font: 36px/1 MuseoBold, Verdana, sans-serif; }
		h2 { font: 32px/1 MuseoBold, Verdana, sans-serif; }
		h3 { font: 24px/1 MuseoBold, Verdana, sans-serif; }

#twitter-link img {border:none; position:absolute; top:50px; right:-5px;}
#facebook-link img {border:none; position:absolute; top:80px; right:-5px;}

/* --------------------------___Navigation____------------------------- */

#myjquerymenu { width:960px; height: 60px; float: left;}
.jquerycssmenu{
font: bold 16px 'Calibri',Tahoma, sans-serif; text-transform:uppercase; 
padding-left: 0px; /*offset of tabs relative to browser left edge*/
width:960px;
z-index:10000;
margin-top: 125px;
}

.jquerycssmenu ul{
padding: 0;
list-style-type: none; 
float:right;
}

/*Top level list items*/
.jquerycssmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
background: #3886AA;
padding: 10px 18px 10px 18px;
margin-right: 10px; /*spacing between tabs*/
border-right: 1px solid #778;
border-bottom-width: 0;
color: #fff;
text-decoration: none;
font-weight: bold;
-moz-border-radius-topleft:9px; -moz-border-radius-topright:9px;
}

.jquerycssmenu ul li .active {text-shadow:2px 2px 2px #000;
}


.jquerycssmenu ul li a:hover{
background: #A5BF2A;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute; z-index: 10000;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid silver;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 14px 'Calibri',Tahoma, sans-serif;
width: 160px; /*width of sub menus*/
background: #478DB2;
color: white;
padding: 8px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid white;
-moz-border-radius-topleft:0px; -moz-border-radius-topright:0px;
webkit-border-radius-top-right:9px; webkit-border-radius-top-left:9px; 
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #773E95;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}


.button {background: #3886AA;
padding: 10px 18px 10px 18px;
color: #fff;
text-decoration: none;
font-weight: bold;
-moz-border-radius:9px;
border:none;
}


/* speaker page */
.speakerdiv {float:left; margin:0 20px 10px 0;background:white; padding:10px; width:175px; height:230px; text-align:center; border:thin solid silver; -moz-border-radius: 4px;-webkit-border-radius: 4px;}
.speakerdiv_title {font-size: 18px; font-weight:bold;}
