/*Will want to put these all in one css style when live so that there's only one http request*/
@import url(tripoli/tripoli.simple.css); 
@import url(tripoli/plugins/tripoli.layout.css); 

/* your custom styles goes here */

/*
* COLORS

:BLUE:#073380
:GREY:#353535
:OtherGREY:#3e3e3e
:LightGREY:#b2b1b1
:RED:#a02908

*/

/*
* FONT FAMILY

Tahoma,Verdana,Arial,sans-serif

*/

/*
 * LAYOUT
 */
 
/**
 FLOATING FOOTER
*/ 
html, body {
     height: 100%;
     background-color:transparent;
}
body #container{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -112px;
	margin: auto;
	background:transparent url(../images/pieces/content_bg_shadow_2.jpg?7) no-repeat scroll 0px 0px;
	width:86em;
}



body #footer, .push {
	height: 112px;
	clear:both;
	margin-top:0;
}

.push{
	display:none;
}

#home #container{
	margin:0 auto;
	height:auto;
	min-height:none;
}

#home #footer,#home .push,body#home{
	height:auto;
}

/****/

 body.wide #container
{
	font-size:112%;/*makes it 851px wide*/
	font-size:115%;
	
	
}

body.wide #header
{
	font-size:89%;
	width:86em;
	margin:0 auto;
	margin:0 0 0 9px;
width:86em;
padding:0 46px;
	background:transparent url(../images/pieces/bg_body.png) repeat-x scroll 0 0;
}

body.wide #footer
{
	font-size:112%;
}

body.wide #primary,body.wide #secondary,body.wide #tertiary{
	
}



body.wide #primary .content,body.wide #secondary .content,body.wide #tertiary .content
{
	font-size:100%;
	font-size:107%;/*makes the font-size 12px*/
	line-height:1.54;
}

 body.l1 #primary{
 	width:46.5em;
 	width:51em;
 	margin:1em 0 1em 5em;
 }
 body.l1 #secondary, .block_feature.secondary{
 	width:27.5em;
 	width:23em;
 	margin:3.2em 5em 1em 0;
 	background:#B4D2FF;
 	font-size:11.5px;
 }
 
 #secondary .content,.block_feature.secondary .content{
 	border: 1px solid #d4d4d4; padding: 0.5em 1em;
 }
 
 #header{
 	/*height:5.1em;*/
	/*z-index:1001;*/
	
 }
 #header .content{
 	text-align:center;
 	
 }
 
 #footer{
 	height:auto;
	margin-top:1em;
	background:#fafafa url(../images/pieces/bg_footer.png) top left repeat-x;
	float:none;
	margin:0 0 0 9px;
	position:relative;
	width:972px;
 }
 
 #footer .content{
 	text-align:center;
 	font-size:12px;
 	padding:0.7em 12em 0;
 }
 
 .logo_print{
 display:none !important;
 }
 /*
  * GENERAL
  */
 
 * {
 	font-family:Tahoma,Verdana,Arial,sans-serif;
	color:#524c3e;
	text-align: justify;
 }
 body.l1{
	background:transparent url(../images/pieces/content_bg_main_shadow.jpg) 50% 0 repeat-y;
	
}
 sup.tm{
 	vertical-align: text-top;
 }
 a,a:link{
 	color:#a02908;
	text-decoration:none;
	border-bottom:1px solid #003a4a;
 }
 ul.tabNav li.current a sup{
 	color:#073380;
 }
 
 a:visited{
 	color:#a02908;	
 }
 a:hover,.active,.current{
 	color:#9b4622;
 }
 a:hover{
 	border-bottom:1px solid #9b4622;	
 }
 
 a.link_image:hover,a.clean_link,a.clean_link:link,a.clean_link:hover{
 	border:none !important;
 }
 
 li{
 margin-bottom:0.6em;
 }
 
 ul,ol{
 margin-bottom:1em;
 }
 #secondary .content ul,.block_feature.secondary .content ul{
 	margin-left:0;
 }
 
 #secondary .content .jqtransform ul li{
 	padding:0;
 }
 
 #secondary .content ul li, .block_feature.secondary .content ul li{
 	
 	border-bottom:1px solid #D3D0CD;
font-size:1em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 1em 0.6em;
 	
 }
 #secondary .content ul li .dot, .block_feature.secondary .content ul li .dot{
 	margin-left: -2px;
 	margin-bottom: 0;
 	margin-right: 6px;
 	margin-top: 2px;
 	background:transparent url(../images/pieces/icon_list_arrow.png) no-repeat scroll 0 0;
	float:left;
	height:16px;
	position:relative;
	width:16px;
 }

  .content ul ul{
 	margin-top:1em;
 	margin-bottom:1em;
 }
 .content ul ul ul{
 	margin-top:0.6em;
 	margin-bottom:1em;
 }
 
 .content ol ol{
 	list-style-type: lower-alpha;
 }
 
 .content ol ol ol{
 	list-style-type: lower-roman;
 }
 
 .content li .blue{
 	font-size:12px;
 	line-height:1.5em;
 	display:block;
 	float:left;
 	padding-right:4px;
 }
 
blockquote{
 background:#F1F1F1 none repeat scroll 0 0;
border:1px solid #E9E9E9;
margin-left:10%;
padding:0.5em 1em 0;
width:80%;
margin-top:1.6em;
}
 
 
.content hr{
 	clear:both;
	margin-bottom:1em;
	border-color:#d3d0cd;
	background-color:#d3d0cd;
 }

.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{
/*margin:0.765em 0 0.235em;*/
} 
 .content h1{
 	color:#a02908;
 	font-size:2.1em;
 	font-family:Tahoma,Verdana,Arial,sans-serif;
 	font-weight:normal;
 	line-height:normal;
 	
 }
 .content h2{
 	line-height:normal;
 }
 .content h1 *{
 	color:#a02908;
 }
 .content h2,.content h2 a,.content h2 *{
 	color:#9b4622;
 	font-size:16px;
 	border:none;
 }
 h3,h3 *{
 	color:#3f4a45;
 }
 #secondary h3{
 	color:#073380;
 }
 .content h4{
 	color:#3f4a45;
 	font-size:1.2em;
 	font-family:Tahoma,Verdana,Arial,sans-serif;
 	font-weight:normal;
 }
 
 .content h5{
 	font-size:1em;
 }
 
 .content h1 + h4{
 	margin-top:0.6em;
 }
 
 .content h1 sup, .content h2 sup{
 	line-height: normal;
 }
 
 /*
 TODO: Go through and make some title sizes that would allow for the semantic use of an h1 but the styling of an h5.
 */
 .small_title{
 	font-size:1.4em
 }
 .pullquote{
 font-size:1.2em;
 color: #66666; 
 width:15em;
 margin: 0.9em;
 padding: 0.8em; 
 float: right;
 background: #F1F1F1;
 border:1px solid #E9E9E9;
 }
  #header .logo{
 	position:absolute;
 	top:0px;
 	left:0;
 }
 .versal{
 	font-size:1.2em;
	color:#073380;
 }
 .light-grey-txt{
 	color:#b2b1b1;
 }
 .grey-txt{
 	color:#3e3e3e;
 }
 .clear{
 	clear:both;
 }
 .txt_cnt{
 	text-align:center;
 }
 .txt_rgt{
 	text-align:right;
 }
 .txt_small{
 	font-size:10px;
 }
 .txt_spacer{
 	color:#b1b1b1;
 	padding:0 1em;
 }
 /* makes any text with this class inside of an h1 half the font-size*/
 .content h1 .txt_small{
 	font-size:0.5em;
 }
.left{
float:left;
}

.right{
float:right;
}

.blue{
	color:#003a4a;
}



/*
 * FORM STYLES
 */
form *{
	color:#555555;
}
.content textarea, .content input[type="text"] {
	padding:1px 0.2em 3px;
	height:14px;
}
.content textarea{
height:auto;
width:40em;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px solid #aaaaaa;	
}
 input[type="text"], input[type="password"], select {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border:1px solid #aaaaaa;	
}
.content form option{
	padding:0 0.4em 0.2em;
}

.content form select{
	text-transform:lowercase;
	padding:0;
}

.content form .action{
border:medium none;
float:left;
height:20px;
padding:1px 0.1em 0.3em;
text-transform:uppercase;
width:66px;
}


/*
 * FORM STYLES{search fields}
 */
.formSearch{
	position:absolute;
	top:25px;
	right:0px;
	width:220px;
	z-index:1;
} 

.formSearch .f_button{
	padding:0px 4px;
} 
 
.content .f_search{
	float:left;
	margin:0.7em 0 0;
	font-size:0.9em;
}
.content .f_search .f_text{
	float:left;
	padding-left:1.5em;
	width:10em;
}
.f_search .f_button{
	border:none;
	text-transform:uppercase;
	height:20px;
	padding:1px 0.1em 0.3em;
	width:66px;
	float:left;
}
.content .f_search div{
	padding:0;
}
/*incase the javascript doesn't replace it, line it up correctly*/
.content .f_dropdown{
float:left;
}

.changesearch{
	margin-top:-1px; 
}

/*
 * FORM STYLES{open a support ticket}
 */
#primary .content form .msDropDown{
	float:none;
	font-size:0.9em;
	height:18px;
	width:156px !important;
} 
#primary .content form .middleColumn div{
padding-bottom:0;
}

.default_form label{
/*
width:9em;
text-align:right;
*/
color:#3f4a45;
}

.default_form .field{
padding-bottom:0;
}
 
 /*
  * TOPNAV
  */
#main_menu{
	height:115px;
	position:relative;
	z-index:auto;
}  
  
ul.topnav{
	float:right;
	margin:72px 0 0;
	padding:0 0 0;
	list-style:none;
	position:relative;
list-style-type:none;
	font-size:1.4em;
	position:relative;
}
ul.topnav li{
	position:relative;
	display:inline;
	float:left;
	margin-bottom:0;
}
ul.topnav li a,ul.topnav li a:link{
	position:relative;
	padding:0 13px 0 1em;
	color:#545454;
	display:block;
	border:none;
	line-height:43px; /* px so it would display correctly in all browsers*/
	text-align:center;
	font-family:Helvetica,Verdana,Arial,sans-serif;
	letter-spacing:1px;
	border:none;
}

ul.topnav li a sup{
	color:#0B5586;
}

ul.topnav li a:visited{
	color:#fff;
	border:none;
}
ul.topnav li.active a,ul.topnav li.active_down a,ul.topnav li.current a,ul.topnav li.active a:visited,ul.topnav li.current a:visited{
	color:#545454;
	border:none;
}
ul.topnav li a:hover{
	color:#3e3e3e;
	border:none;
	cursor:pointer;
	border:none;
}

/*
 * TOPNAV -> Backgrounds
 */
ul.topnav li a,ul.topnav li a:link{
	background:none !important;
	margin-right:1px;
}
ul.topnav li a:hover{
	background:transparent url(../images/pieces/menu_button_hover.png?1) no-repeat -9px 0px !important;
}
ul.topnav li.active a,ul.topnav li.current a,ul.topnav li.active_down a:hover,ul.topnav li.active_down.active a,ul.topnav li.active a:hover{
	background:transparent url(../images/pieces/menu_button.png) no-repeat 0 0px !important;
}


ul.topnav .but_r{
	position:absolute;
	top:0px;
	right:0px;
	width:7px;
	height:43px;
	background:none !important;
	
}

ul.topnav a:hover .but_r{
	background: transparent url(../images/pieces/menu_button_hover.png?1) -183px 0px no-repeat !important;
}

ul.topnav li.active .but_r,ul.topnav li.current .but_r,ul.topnav li.active_down a:hover .but_r,ul.topnav li.active_down.active a .but_r,ul.topnav li.active_down.active a:hover .but_r{
	background: #eee url(../images/pieces/menu_button.png) -191px 0px no-repeat !important;
}

/*
* SECOND-LEVEL menu
*/

ul.topnav ul{
	list-style:none;
	list-style-type:none;
	width:147px;
	top:37px;
	height:auto;
	left:0px;
	position:absolute;
	margin:0;
	visibility:hidden;
	z-index:2000;

}
ul.topnav li li{
	position:relative;
	margin-bottom:0;
	display:block;
	float:left;
		z-index:2000;
}

ul.topnav li:hover ul, ul.topnav a:hover ul{display:block; visibility:visible; }
ul.topnav :hover ul ul,ul.topnav li:hover ul ul,ul.topnav a:hover ul ul{display:none; visibility:hidden;}
ul.topnav :hover ul :hover ul,ul.topnav li:hover ul li:hover ul,ul.topnav a:hover ul a:hover ul{ display:block; visibility:visible;}

ul.topnav ul {
	background:#F0F0F0;
	border-left:1px solid #DFDFDF;
	border-right:1px solid #DFDFDF;
	border-top:none;
	z-index:2000;
}

ul.topnav li li a:hover,ul.topnav li.active li a:hover{
	background:none !important;
	border:none !important;
}

ul.topnav li ul li a,ul.topnav li.active ul li a{
	cursor:pointer;
	padding-left:5px !important;
	font-size:0.8em;
	width:130px;
	float:left;
	line-height:24px !important;
	border:1px solid #DFDFDF;
	border-top:none;
	text-align:left !important;
	color:#0b5586 !important;
	background:none !important;
	background-color:#F0F0F0 !important;
		z-index:2000;
}

ul.topnav li ul li li:first-child a,ul.topnav li ul li li:first-child a:hover{
	border-top:1px solid #DFDFDF
}

ul.topnav ul li a:hover,ul.topnav li.active ul li a:hover{
	
	border-top:none;
	color:#07395a !important;
	background:none !important;
	background-color:#DFDFDF !important;
	
}


/**
* SUBNAV
*/

ul.sidemenu{
	margin-top:1em;
}

ul.sidemenu li a,ul.sidemenu li a:link{
	border:none;
}

.content ul.sidemenu li.nopad{
	margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}

ul.subnav{
background:transparent url(../images/pieces/subnav_bg.png) bottom center no-repeat;
margin:0 0 -15px;
padding:0 0 30px;
font:12px Tahoma,Verdana,Arial,sans-serif;
text-align:center;
}

.subnav li{
	display:inline;
	color:#dbdbdb;
}

.subnav li a,.subnav li a:link{
	color:#a02908;
	border:none;
	padding:1em;
	line-height:3em;
}

.subnav li a:hover{
	text-decoration:underline;
}


/*
 * footer
 */
#footer .content{
	margin:0 auto;
	position:relative;
	text-align:left;
	width:74em;
	padding:1em 0;
}

#footer p{
	text-align:center;
	color:#3e3e3e;
	margin:0;
}
#footer .logos{
	margin:2px 0 0;
}
#footer .footer_menu{
	margin:0;
	text-align:center;
}
ul.footer_menu li{
	display:inline;
	color:#4d4d4d;
}

#footer h4 a,#footer h4 a:hover{
	border:none;
}

/**
* GENERIC COLUMNS
*/

.col-3rd{
	width:29%;
	padding:0 2%;
	position:relative;
	float:left;
	min-height:280px;
}

#footer .col-3rd p{
	text-align:left;
}

.col-3rd .spacer{
	position:absolute;
	top:0;
	right:0;
}

/**
* BLOG COLUMN LAYOUTS
*/ 
.content .col-excerpt{
	width:70%;
	float:left;
	position:relative;
	margin-bottom:0.8em;
}

.content .col-excerpt h2{
	margin-top:0.6em;
}

#footer .content .col-excerpt p{
	color:#a02908;
}

.content .col-date{
	color:#B2B1B1;
	float:left;
	font-size:2em;
	line-height:0.8em;
	margin-bottom:0.8em;
	margin-top:2px;
	position:relative;
	text-align:center;
	width:30%;
}
.content .col-date .month{
	text-transform:uppercase;
	font-size:14px;
	color:#B2B1B1;
}
/*
* TABLE STYLES {defaults/resets}
*/ 

.clean_table td,.clean_table{
border:none !important;
background:none !important;
}

.clean_table td{
	vertical-align:top;
}

/*
 * IMAGE STYLES
 */
 
img.light_border {
	clear:left;
	padding: 5px;
	margin:5px 0;
	border: solid 1px #c1c1c1;
}

img.small_margin {
	margin: 2px 10px;
}

 img.right{
 	float:right;
	margin:0 0 0.6em 1em;
 }
 img.left{
 	float:left;
	margin:0 1em 0.6em 0;
 }



/**
 * TWITTER WIDGET STYLES
 */
 
.twitter_feed {
	font-size: 0.8em;
}

.tweet {
	margin-bottom: 15px;
}

.tweet .post_date {
	color: #888;
	display: block;
	text-align: right;
}

 /*
 * ERROR Messages
 */
 
 .message_normal{border: 1px solid #e9e9e9; background: #F3F3F3 url(../images/pieces/ui-bg_diagonals-medium_15_F3F3F3_40x40.png) 50% 50% repeat; color: #3f4a45; padding: 1em; margin-bottom: 1.6em;}
.message_error {border: 1px solid #c0402a; background: #F3F3F3 url(../images/pieces/ui-bg_diagonals-medium_15_F3F3F3_40x40.png) 50% 50% repeat; color: #3f4a45; padding: 1em; margin-bottom: 1.6em;}
 .message_normal p, .message_error p{ margin:0; }

.ui-icon { width: 16px; height: 16px; background-image: url(../images/pieces/ui-icons_999999_256x240.png); float: left; margin-right: 0.3em;}
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.ui-icon-info { background-position: -16px -144px; }
.message_normal .ui-icon {background-image: url(../images/pieces/ui-icons_0B5586_256x240.png); }
.message_error .ui-icon {background-image: url(../images/pieces/ui-icons_c0402a_256x240.png); }



/**
 * AJAX LOADING - may want to change this and make it cooler, but this is a quick indicator
 */

body.ajax_loading #content_inner {
	background: url('/themes/praisecharts01/images/pieces/ajax-loader.gif') top right no-repeat;
} 

/**
* BLOCK {Columns inside secondary column} 
*/
.content .block_feature{
	position:relative;
	float:right;
	width:250px;
	margin:0 0 1em 2em;
	border:1px solid #d4d4d4;
	padding:0 1.5em 0.5em 1em;
	background:#b4d2ff;
}

.content .block_feature.secondary{
	border:none;
	background:#b4d2ff;
	margin:0;
	padding: 0;
	width: 263px;
}

.block_feature.secondary ul{
	margin-top: 1em !important;
	margin-bottom:1.6em !important;
}

.block_feature.secondary .content ul li,.block_feature.secondary,.content .block_feature .content p{
	font-size:12.3px !important;
}

.content .block_feature.disc ul li{
	list-style: disc !important;
	list-style-position: outside !important;
	margin-left:22px;
	padding:0;
}

.content .block_feature ul li .dot{
	background:transparent url(../images/pieces/icon_list_arrow.png?1) 0 0 no-repeat;
	position:relative;
	height:14px;
	width:16px;
	float:left;
	margin:2px 6px 0 -22px;
}

.content .block_feature ul{
	margin:0;
	padding:0;
	clear:left;
}

.content .block_feature ul li{
	list-style-position:outside;
	font-size:1em;
	list-style:none;
	line-height:1.5em;
	padding:0 0 0 22px;
	text-align: justify;
}

.content .block{
	position:relative;
	float:left;
	width:100%;
	background:transparent url(../images/pieces/bg_block.png) 0 0 no-repeat;
	margin:1em 0;
}

.content .block h3{
	text-align:center;
	font-family:"GillSans-Light", "Gill Sans Light",Tahoma,Verdana,Arial,sans-serif;
	font-weight:normal;
	color:#003a4a;
	margin:6px auto 0;
	width:183px;
}

.content .block .caseNorm{
	color:#003a4a;
	position:relative;
	float:left;
	line-height:2em;
	font-family:"GillSans-Light", "Gill Sans Light",Tahoma,Verdana,Arial,sans-serif;
	padding:0 6px 0 0;
}
.content .block .caseUp{
	font-size:2em;
	color:#003a4a;
	position:relative;
	float:left;
	font-family:Tahoma,Verdana,Arial,sans-serif;
}

.content .block ul{
	margin:0;
	padding:0 1.2em;
	clear:left;
}

.content .block ul li{
	list-style-position:inside;
	font-size:1em;
	list-style:none;
	border-bottom:1px solid #d3d0cd;
	line-height:2.5em;
	padding:0 1em;
}

.content .block li a{
	color:#524C3E;
}

.content .block ul li .dot{
	background:transparent url(../images/pieces/icon_list_arrow.png) 0 0 no-repeat;
	position:relative;
	height:14px;
	width:16px;
	float:left;
	margin:8px 6px 0 0;
}

.content .block a{
	color:#003a4a;
	border:none;
	
}

.content .block a:hover{
	border-bottom:1px solid #9b4622;
}

.content .block p{
	padding:0 1em 0.6em;
	border-bottom:1px solid #d3d0cd;
	margin-left:2em;
	margin-right:2em;
}

/**
 * Tabbed navigation
 * url: http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/
 */
ul.tabNav{
	position:relative;
	margin:0 0 18px 0;
	padding:0 0 0 2em;
float:left;
width:100%;
width:542px;
background:none;
font-size:1em;
border-bottom:1px solid #BCBCBC;
}
ul.tabNav li{
	display:inline;
	position:relative;
	list-style:none;
	list-style-image:none;
padding:0;
margin:0;
}
ul.tabNav li a {
position:relative;
	display:block;
padding:7px 12px 6px 8px;
margin:0 0 -1px;
	float:left;
border:none;
font-size:13px;
color:#222222;
background:transparent url(../images/pieces/tab_current_active.jpg?2) no-repeat top left;
	}
	ul.tabNav li.current a{
	background:transparent url(../images/pieces/tab_current.jpg?3) no-repeat top left;
	}
ul.tabNav li.empty a{
padding-right:13px;
padding-left:13px;
}	
.menu_split{
position:absolute;
right:0;
top:0;
width:8px;
height:33px;
background: #fff url(../images/pieces/tab_sep_normal.jpg) no-repeat top left;
}	
	
ul.tabNav li.current a {
	color:#073380;
}
ul.tabNav li.current a .menu_split{
background: #fff url(../images/pieces/tab_sep_current.jpg) no-repeat top left;
}
div.tabContainer{
	float:left;
	clear:left;
	width:100%;
}

div.tabContainer div.tab { display: none; }
div.tabContainer div.current { display: block; float:left;}

div.tab h4{
	/*margin-bottom:-9px;*/
}

#videoLoader{
	margin-bottom:0em;
	position:relative;
	z-index:100 !important;
}

#videoLoader *{
	z-index:100 !important;
}

#header .content{
	z-index:100 !important;
}

.addthis_button{
	border:medium none !important;
cursor:pointer;
position:absolute;
right:240px;
top:28px;
z-index:2;
}

.col{
position:relative;
}

.col-50{
	float:left;
	padding:0 4% 0 0;
	position:relative;
	width:29%;
}