﻿body
{
    background: #ded9d6;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    color: #000;
    font-size:12px;
    line-height:19px;
}

#header
{    
    background: #bdcfd1 url(/Content/images/head-back.jpg) no-repeat;
    height: 238px;    
}

#footer
{
	padding-top: 30px;
    padding-bottom: 40px;
    text-align: center;
    color: #363433;
    background: #ded9d6;
	vertical-align:middle; 
    font-size: 12px;
	line-height:normal;
}

#footer ul
{
    padding:0px;
    margin:0px;
}

#footer li
{
    display:inline;
    border-left: solid 1px #605d5c;
    padding-left: 12px;
    padding-right:8px;
	padding-top:0px;
	padding-bottom:0px;
}

#footer li.first
{
    border:none;
} 

.content
{
    background: #ffffff;
}
  
.content-main
{
    background: #ffffff url(/Content/images/bg.png);
} 

.content-inner
{
    background: #ffffff url(/Content/images/bg-3col.png);
}

.content-spacer
{
    height:22px;
}
   
.inline_list li
{
    list-style-type: none;
    display:inline;
}

#google_translate_element
{

    margin-top:20px;
    height:40px;
    vertical-align:top;


}

#google_translate_element a
{
    background-image:none;
    background-color:#fff;
    margin:0;
    padding:0;
    vertical-align:top;
    float:none;
}

#google_translate_element img
{
  float:left;
}


#google_translate_element a.addthis_button
{
    background-color:#8a2c1e;
}
/*
ul.main-nav
{
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    line-height:normal;
}

ul.main-nav li
{
    background: #333 url(/content/images/mn-nv-back-tab.gif) repeat-x top;
    float: left;
    margin: 10px 3px 0 0;
    padding:4px 6px;
}

ul.main-nav li a
{
    float: left;
    white-space: nowrap;
    background: transparent;
    background-image:none;
    color:#fff;
    font-weight:normal;
    font-size:13px;
    padding:4px 6px;
    text-decoration: none;
}

ul.main-nav a:hover
{
    text-decoration: underline;
}
*/
.utility-nav
{
    display:inline;
	padding-left:35px;
}

.utility-nav li
{
    display: inline;
    list-style-type: none;
    padding-left: 5px;
    padding-right: 6px;
    border-left: solid 1px #990000;
}

.utility-nav li.first
{
    border-left: none;
}

.utility-nav li a
{
    color: #363433;
    text-decoration: none;
}

.utility-nav li a:hover
{
    text-decoration: underline;
}

.utility-chunk
{
    float: right;
    height: 213px;
    margin-right: 15px;
}

#header-logo
{
    margin-top:15px;
    margin-left:7px;
}

#utility-oh-om-od
{
    margin-top:6px;
    float:right;  
}

#utility-search
{
    float: right;    
}

#utility-search-button
{
    border: none;
    background-image: url(/Content/images/search.png);
    background-repeat: no-repeat;
    margin-left:7px;
    width:50px;
    height:19px;
}

#utility-search-keyword
{
    border: solid 1px #ded9d6;
    width:184px;
    height:17px;    
}

.ourlist
{
    margin:0;padding:0;border:0;outline:0;vertical-align:baseline;
    list-style-type: none;
}

.ourlist li
{    
    padding: 3px;
    margin-left: 5px;
}

.ourlist a, .ourlist-selected a
{
    background: #990000 url(/Content/images/small-arrow.png) no-repeat left center;
    color: #ffffff;    
    font-weight:normal;
    text-decoration:none;    
    padding: 0px;
    margin:0px;
    padding-left:15px;
    display:block;
    margin-left:15px;
}

.section-top
{
    padding-top:10px;
    padding-bottom:10px;    
    color: #ffffff;
    text-decoration: none;
    
    margin-top:0px;
    padding-top:0px;
    font-size:16px;
}

.section-top a
{
    color: #ffffff;
    text-decoration: none;
    font-weight:bold;
}

a
{
    color: #990000;    
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
}

h1
{
    color: #990000;
    color:#333;
    font-size: 23px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom:10px;
    line-height:25px;
    
}

h2
{
    color: #000;
    color:#990000;
    font-size: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin-bottom:5px;
    margin-top:15px;
    line-height:21px;
    /*border-top:1px dashed #ccc;*/
    padding-top:10px;
}

h3
{
    color: #000;
    color:#990000;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom:5px;
    margin-top:15px;
    line-height:18px;
}

.pubdate 
{
    color:#666;
}

.feature-top
{
    padding-top:10px;
    padding-bottom:10px;    
    color: #990000;
    text-decoration: none;
    font-weight:bold;
    margin-top:0px;
    padding-top:0px;
}

.feature a
{
    color: #990000;
    text-decoration: none;
    font-weight:bold;
}

hr
{
    height:1px;
    color:#ded9d6;
    margin-top:5px;
    margin-bottom:5px;
}

.feature-subtitle
{
    font-size:12px;
    color:#990000;
}

.feature-subtitle
{
    text-decoration:none;
}

.feature-subtitle a
{
    text-decoration:none;
    color:#666;
}

.feature-subtitle a:hover
{
    text-decoration:underline;
}

.feature-item
{
    font-size:12px;
    margin-top:3px;
    margin-bottom:14px;
}

#main-content
{
    padding-left:10px;
    padding-right:10px;
}

.breadcrumbs li
{
    list-style-type: none;
    display:inline;
    border-left: solid 1px #999;
    margin-left:10px;
    padding-left:10px;
    font-size:11px;    
}

.breadcrumbs li.first
{
    border-left:none;
    margin-left:0px;
    padding-left:0px;
}

.breadcrumbs
{
    margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
    margin-bottom:10px;
    color:#666;
}

.breadcrumbs li a 
{
    color:#666;
}

.inset, .inset-wide, .newsinset
{
    float:right;
    padding: 0 0 20px 20px;
	background-color:#fff;
}

.newsinset
{
width:240px;
}

img
{
    border:none;
}

.ourlist-selected 
{
    color:#fff;
    border:1px solid #fff;
}

.ourlist-selected li 
{
    list-style-type: none;
}

/* handle the calendar nav */

.cal
{
    width:100%;
}

.cal-navigator 
{
    background:#0A4366;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
}

.cal-navigator select, .cal-navigator input 
{
    font-size:11px;
    text-transform:uppercase;
    vertical-align:middle;    
}

.cal-navigator a
{
    color:#fff;
    margin-right:30px;    
}

.cal-navigator b
{
    color:#A6A311;
    margin-right:30px;
    border:1px solid #fff;
    padding:2px 6px 2px 6px;    
}

.cal-navigator .cal-label 
{
    color:#BDE2F9;
}

/*-------------------------------------------*/

.cal-viewtype
{
    background:#eee;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:20px;  
}

.cal-viewtype a
{
    color:#0A4466;    
    margin-right:30px;
    
}

.cal-viewtype b
{
    color:#000;
    margin-right:30px;
    border:1px solid #333;
    padding:2px 6px 2px 6px;
}

.cal-viewtype .cal-label 
{
    color:#666;
}

/*-------------------------------------------*/

.cal-month-picker
{
    background:#ccc;
    padding:8px;
    font-size:11px;
    text-transform:uppercase;
    font-weight:bold;  
    margin-bottom:20px;
}

.cal-month-picker select, .cal-month-picker input 
{
    font-size:11px;
    text-transform:uppercase;
    vertical-align:middle;
}

.cal-month-picker .cal-label 
{
    color:#666;
}

.cal-label 
{
    font-weight:bold;
    font-size:11px;
    width:100px;    
    text-transform:uppercase;
    display:block;
    float:left;
}

.cal-month-picker a 
{
    color:#000;
}

/*--------------------------------------------*/

.cal-col
{
    width: 14.3%;
}

.cal-header
{
    border: solid 1px #ccc;
}

.cal-day
{
    border: solid 1px #ccc;
    height: 150px;
}

.cal-day-weekend
{
    border: solid 1px #ccc;
    height: 150px;
}

.cal-day-unused
{
    border: solid 1px #ccc;
    background: #ccc;
    height: 150px;
}

.cal-daynum
{
    text-align: center;
    border-bottom: solid 1px #ccc;
    background-color:#eee;
}

.cal-item
{
    padding:7px;
}

.cal-navigator 
{
    background:#0A2757;
}

.our-flex-grid 
{
    height:290px;
    overflow:hidden;
    float:left;
    width:180px;
    padding:10px;
    margin:5px;
    border:1px solid #ccc;
    text-align:center;
    background:#fff url('/content/images/people_shading.gif') repeat-x bottom;
}

.our-flex-grid-extra
{
    height:310px;
}

.our-flex-grid h2
{
    border:0px solid #fff;
    padding:0px;
}

.our-flex-grid img
{
    background:#fff;
    padding:8px;
    border:1px solid #ccc;
    margin-bottom:8px;
}

.flex-email 
{
    padding-left:20px;
    background:url('/content/images/mail_send.png') no-repeat;
}

.printable
{
    text-align:right;
}

.printable a
{
    color:#666;
    font-size:11px;
}

.printable i 
{
    font-style:normal;
}
    
.pr-print 
{
    background:transparent url(/content/images/pr_print.png) no-repeat left;
    padding-left:20px;
    margin-right:10px;
}

.pr-email
{
    background:transparent url(/content/images/pr_email.png) no-repeat left;
    padding-left:20px;    
}
    
/*---These are styles I'm adding to make it look a bit different ------*/

body
{
  background: #EFEADB url(/content/images/body-back3.gif) repeat-x top;
}


#footer
{
  background: #EFEADB;
}

#head-inner 
{
    background: transparent url(/content/images/head-nav-back.png) repeat-x bottom;
}

.content-main
{
  background: #ffffff url(/Content/images/bg-color2.png);  
} 

.content-inner
{
    background: #ffffff url(/Content/images/bg-3col-color2.png);
}

.ourlist a
{
    background: #8A2C1E url(/Content/images/small-arrow.png) no-repeat left center;
}
   
a
{
    color: #8A2C1E;    
}

h2, h2, h3
{
    color:#8A2C1E;
}

.feature-top
{
    color: #8A2C1E;
}

.feature a
{
    color: #8A2C1E;
}

.feature-subtitle
{
    color:#8A2C1E;
}

.utility-nav li
{
   border-left: solid 1px #999;
}
.ourlist-selected, .ourlist-selected a
{
    color:#fff;
    background-color:#6C2217;
}

.ourlist-selected ul
{
    padding-left:10px;
    margin-left:0px;
}

.staffpopup
{
    width:400px;
/*    height:200px; */
    padding: 15px;
    background: #fff;
    border: solid 1px #ccc;
    max-height:400px;
    overflow:hidden;
    font-size:11px;
       
}

.staffpopup img
{
    float:right;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 6px;
}

.staffpopup h2
{
    border:0px solid #fff;
    padding: 0px;
    margin-top: 0px;
}

.staffpopup blockquote
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 5px;
    font-weight:bold;
    line-height: normal;
}

.td-label
{
    vertical-align: top;
    padding: 5px;
}

#sub-nav 
{
    background-color:#eee;
}

#head-container 
{
    height:238px;
    /*overflow:hidden;*/
    position:relative;
    z-index:10000;
}
#main-nav-bar 
{
    /*background-color:#000;*/
    background: transparent url(/Content/images/tab-r3.png) left bottom;
    position:absolute;    
    bottom:0;
    z-index:10000;
}

#main-search 
{
    display:inline;
}

#main-search-bar 
{
    background-color:#545454;
    padding:9px 0;
    vertical-align:middle;
    position:relative;
}

#main-slide 
{
    height:238px;
}

#footer-two 
{
    background-color:#000;
}

#util-bar
{
    text-align:right;
    /*padding:6px 0px 6px 0px;*/
    vertical-align:middle; 
}

#main-search-bar input, 
#main-search-bar select, 
#main-search input, 
#main-search select, 
#util-bar input, 
#util-bar select 
{
    vertical-align: middle;
    margin-left:10px;
}

.utility-nav li a
{
    color: #fff;
    text-decoration: none;
}

#footer
{
    background: #000;
    color:#ccc;    
	vertical-align:middle;
}

#footer a
{
    color:#ccc;
}

.caption
{
    font-size:10px;
}

.pullquote
{
    font-size: 20px;
    font-family: Georgia;
    font-style: italic;
    padding:10px;
    margin:10px;
    margin-bottom:0px;
}

.newsitem table
{
    clear:both;
    margin: 10px;
}

.newsitem table[align=left]
{
    margin-left:0px;
    float:left;
}

.newsitem table[align=right]
{
    margin-right:0px;
    float:right;
}

.kicker
{
    font-size: 16px;
    font-weight:bold;
    color: #8A2C1E;
}

.byline
{
    font-size:14px;
    margin-bottom:10px;
}

.appointments_list tr td:first-child
{
font-weight:bold;
padding-right:10px;
}

.submitapplication td
{
padding:4px 4px 10px 4px;
vertical-align:top;
}

.submitapplication input, .submitapplication textarea
{
font-size:120%;
width:450px;
}

 .submitapplication textarea
{
height:100px;
}

.brflabel
{
font-weight:bold;
width: 200px;
}

.submitapplication
{
background-color:#eee;
border:1px solid #ccc;
padding:10px;
}

#GrantReasonsGrantReasons
{
width:400px;
height:400px;
}

.vidpanel
{
    cursor:pointer;
}

.vidlist ul
{
    margin:0;
    padding:0 0 5px 0;
}

.vidlist li
{
    padding-right: 5px;
    list-style-type: none;
    display:inline;
}

.insetwide
{
    float:right;
    width:400px;
    padding: 0px 0px 15px 15px;
}

.brttable
{
    padding:10px;   
}

.brttable td
{
    padding:10px;   
    border-spacing:5px;
    vertical-align:top;
}

.brttable .label
{
    font-weight:bold;
}
.brttable .checkboxes
{
    padding-bottom:2px;
    vertical-align:bottom;
}

.brttable .checkboxes label
{
    vertical-align:top;
    height:18px;
    padding-left:5px;
}

.brttable input, .brttable select
{
    padding:2px;
}

.brttable textarea
{
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px;
    padding:3px;
}

.brtsubmit
{
    background-color:#8A2C1E;
    color:#fff;
    padding :5px 10px !important;    
}

.smally
{
    font-size:10px;
    padding-left:10px;
}

/* --- ERRORS --- */
.error INPUT, .error TEXTAREA, .error SELECT {
	border-width:2px;
	border-style:solid;
	border-color:#8A2C1E;
	background:#FFE6E7;
	}
.iferror {
	margin:0;
	display:none;
	}
.error .iferror {
	display:block;
	color:#8A2C1E;
	font-weight:bold;
	}

.hint { color:#aaa; }

/* --------- HOVER TIPS USED ON CAMPUSMINISTRIES PAGE ------- */

.tip-yellow {
	z-index:1000;
	text-align:left;
	border:1px solid #939393;
	padding:7px;
	min-width:50px;
	max-width:530px;
	color:#8A2C1E;
	background-color:#fef9d9;
	background-image:url(/content/images/tip-yellow.png); /* bgImageFrameSize >= 10 should work fine */
}
.tip-yellow .tip-inner {
	font:bold 13px/18px 'trebuchet ms',arial,helvetica,sans-serif;
	margin-top:-2px;
	padding:0 3px 1px 3px;
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellow .tip-arrow-top {
	margin-top:-7px;
	margin-left:15px;
	top:0;
	left:0;
	width:16px;
	height:10px;
	background:url(/content/images/tip-yellow_arrows.png) no-repeat;
}
.tip-yellow .tip-arrow-right {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-4px;
	top:50%;
	left:100%;
	width:10px;
	height:20px;
	background:url(/content/images/tip-yellow_arrows.png) no-repeat -16px 0;
}
.tip-yellow .tip-arrow-bottom {
	margin-top:-6px;
	margin-left:15px;
	top:100%;
	left:0;
	width:16px;
	height:13px;
	background:url(/content/images/tip-yellow_arrows.png) no-repeat -32px 0;
}
.tip-yellow .tip-arrow-left {
	margin-top:-9px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:10px;
	height:20px;
	background:url(/content/images/tip-yellow_arrows.png) no-repeat -48px 0;
}

/* --------- END HOVER TIPS USED ON CAMPUSMINISTRIES PAGE ------- */


/* --------- BEGIN CSS FOR HOME CAROUSEL ------- */

/* ==== these are from central texas/video version ====*/

.stepcarousel {
    border: 0 none;
    height: 270px;
    overflow: scroll;
    position: relative;
    width: 360px;
}
.stepcarousel .featbelt {
    left: 0;
    position: absolute;
    top: 0;
}
#mainfeature {
    background: url("/content/images/grad_content.png") repeat-x scroll left top #8A2C1E;
    background-position: left top;
    float: left;
    height: 270px;
    margin-left: 10px;
    position: relative;
    width: 690px;
    margin-bottom:35px;
}
.featpanel {
    background-color: #DEDBB8;
    height: 270px;
    width: 360px;
}
.featpanel > a > img {
    height: 270px;
    width: 360px;
}
.featpanel {
    position: relative;
}
.vidplay {
    cursor: pointer;
    height: 120px;
    left: 125px;
    position: absolute;
    top: 70px;
    width: 110px;
}
#mainfeaturecarousel {
    border: 0px solid #ded9d6;
    left: 0;
    position: absolute;
    top: 0;
}
#mainfeatureitems {
    background: url("/content/images/alpha_flame_feature_back.png") no-repeat scroll 35px top transparent;
    height: 270px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 320px;
}
#mainfeatureitems > div {
    cursor: pointer;
    height: 54px;
    margin-top: 0;
    position: relative;
}
#mainfeatureitems img {
    border: 1px solid #fff;
    height: 40px;
    width: 53px;
    left: 6px;
    position: absolute;
    top: 6px;
}
#mainfeatureitems p {
    color: #fff;
    font-size: 12px;
    left: 72px;
    line-height: normal;
    margin: 0 0 0 2px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 12px;
}

#mainfeatureitems p:hover {
    text-decoration:underline;
}

#mainfeaturedetail {
    bottom: 0;
    background-color:#fff;
    color: #333333;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
}
#mainfeaturedetail > div {
    display: none;
    font-size: 13px;
    height: 85px;
    left: 0;
    overflow: hidden;
    padding: 10px 20px 0 0;
    position: absolute;
    top: 0;
}
#mainfeaturedetail > div:first-child {
    display: block;
}
#mainfeaturedetail h1 {
    color: #333333;
    /*font-family: Georgia,"Times New Roman",Times,serif;*/
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding: 0 0 2px;
}
#mainfeaturedetail a, #mainfeaturedetail p {
    margin: 0;
    padding: 0;
}
#mainfeaturedetail a {
    color: #333333;
}
#mainfeaturedetail a {
    text-decoration: none;
}
#mainfeaturedetail a:hover {
    text-decoration: underline;
}
/* ==== END from central texas video version ====*/

