/* reducing main nav font size to account for switch from "give" to "ways to give" --pg 12/27/12 */
#main-nav ul {
	font-size: .83em !important;
}

#wrapper {
	margin: auto;
	overflow: visible;
	position: relative;
	width: 1044px;
	z-index: 1;
	}

* html #wrapper {
        width: 1044px;
	}

#content {
	background: #fff;
	float: left;
	padding-right: 0px;
	padding-bottom: 10px;
	overflow: auto;
	}

#header {
	background: #333333 url('assets/images/headerbkgrnd.gif') 0 0 no-repeat;
	margin: auto;
	width: 1044px;
	height: 47px;
	padding: 0px; 
	}

#footer {
	background: #333333 url('assets/images/footerbkgrnd.gif') 0 0 no-repeat;
	margin: auto;
	width: 1044px;
	height: 364px;
	padding: 0px; 
	} 

#mission-statement {
	background: #ffffff url('assets/images/titlebar-home.gif') 0 0 no-repeat;
	margin: auto;
	width: 710px;
	height: 109px;
	padding: 0px; 
	}

#page-title {
	background: #ffffff url('assets/images/titlebar.gif') 0 0 no-repeat;
	margin: auto;
	width: 710px;
	height: 60px;
	padding: 0px; 
	}
	
/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */ 
@font-face {  
	font-family: 'Delicious-Roman';  
	src: url( '../fonts/Delicious-Roman.eot'); /* IE */  
	src: local('Delicious-Roman'), url('../fonts/Delicious-Roman.ttf' ) format("truetype"); /* non-IE */  
	}

#content input, textarea {
	border: 0;
	-webkit-border-radius: 0; 
	-moz-border-radius: 0;
}

#content ul li {
/*	list-style: none;
	margin-left: 0;  */
	padding: 0;
	}

.left-nav-container, .vs_css_menubar_item, .vs_nav_bar_highlighted, #ag-top-nav li {
	background: #ffffff;
	width: 130px;
	float: left;
	margin: 0 0em 0.5em 0em;
	border-bottom: 2px solid #F1F1F1;
	}

.left-nav-title, .vs_css_menubar_item, .vs_nav_bar_highlighted, #ag-top-nav li {
	color: #333333;
	font-size: 1em;
	line-height: 1.0em;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0.5em;
	text-transform: lowercase;
	}

#left-nav li {
	display: block;
	font-size: 1em;
	line-height: 2.0em;
	}

a#brand {
    background: #00539b url('assets/images/uwkclogo_blue.gif') 0 0 no-repeat ;
	display: block;
	width: 252px;
	height: 141px;
	position: absolute;
	top: 12px;
	left: 0px;
	text-indent: -9999em;
	z-index: 3;
	}

/* Buttons  */
/* loginPopupButton  */
#loginPopupButton {
	background: #FFFFFF url('assets/images/login.gif') no-repeat; 
	}

/* promoEmailSignupButton  */
#emailButton {
	background: #FFFFFF url('assets/images/signup.gif') no-repeat; 
	}

#emailButton a:hover {  
	background: #FFFFFF url('assets/images/signup_roll.gif') no-repeat; 
	}

/* promoGiveButton  */
#giveButton {
	background: #FFFFFF url('assets/images/give.gif') no-repeat; 
	}

#giveButton a:hover {  
	background: #FFFFFF url('assets/images/give_roll.gif') no-repeat; 
	}

/* promoStartButton  */
#startButton {
	background: #FFFFFF url('assets/images/start.gif') no-repeat; 
	}

#startButton a:hover {  
	background: #FFFFFF url('assets/images/start_roll.gif') no-repeat; 
	}

/* promoFacebookButton  */
#facebookButton  {
	background: #FFFFFF url('assets/images/facebook.gif') no-repeat; 
	}

#facebookButton a:hover {  
	background: #FFFFFF url('assets/images/facebook_roll.gif') no-repeat; 
	}

/* promoFollowFacebookButton  */
#followFacebookButton {
	background: #FFFFFF url('assets/images/facebook-follow.gif') no-repeat; 
	}

#followFacebookButton a:hover {  
	background: #FFFFFF url('assets/images/facebook-follow_roll.gif') no-repeat; 
	}

/* promoFollowTwitterButton  */
#followTwitterButton {
	background: #FFFFFF url('assets/images/twitter-follow.gif') no-repeat; 
	}
	
#followTwitterButton a:hover {  
	background: #FFFFFF url('assets/images/twitter-follow_roll.gif') no-repeat; 
	}

/* promoFollowTwitterHomelessnesskButton  */
#twitterHomButton {
	background: #FFFFFF url('assets/images/twitter-hom.gif') no-repeat; 
	}

#twitterHomButton a:hover {  
	background: #FFFFFF url('assets/images/twitter-hom_roll.gif') no-repeat; 
	}

/* promoFollowTwitterVolunteeringButton  */
#twitterVolButton {
	background: #FFFFFF url('assets/images/twitter-vol.gif') no-repeat; 
	}

#twitterVolButton a:hover {  
	background: #FFFFFF url('assets/images/twitter-vol_roll.gif') no-repeat; 
	}

/* Volunteer Solutions-generated Styles */
.title {
    display: block;
	font: 18px/23px "Trebuchet MS",Helvetica,sans-serif;
	line-height: 50px;
	margin: 0;
	padding: 10px 10px 0;
}

.text_table_header {
	-moz-border-radius: 0px;
	}

.vs_portlet {
	background: #f8f8f8;
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
	}

#vs_menu {
    border-bottom: 2px solid #E24E31 !important;
    margin-bottom: 15px;
}

#vs-nav li {
    background: #EEA33D !important;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px !important;
    padding: 5px !important;
    /* Rounded Corners */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#vs-nav a {
    background: transparent !important;
    display: inline !important;
    color: #fff !important;
    line-height: 12px;
}

#vs-nav a:hover {
    color: #000 !important;
}

li#vs-nav-item-selected {
    background: #E24E31 !important;
    font-style: italic;
}

a.tableActionLink, a.actionLink {
    font-weight: normal !important;
    text-decoration: none !important;
	color: #E24E31 !important;
}

a.tableActionLink:hover {
    text-decoration: underline !important;
}

#content input, select, textarea {
    background: #fff url("https://volunteer.truist.com/images/form/inputfield_bg.jpg") bottom repeat-x !important;
    border-top: 1px solid #B2B2B2 !important;
    border-right: 1px solid #F4F4F5 !important;
    border-bottom: 1px solid #F4F4F5 !important;
    border-left: 1px solid #B2B2B2 !important;
	color: #000000;
	font-family: arial;
	font-size: 13px;
	}

input[type=submit] {
	border-top: 1px solid #F4F4F5 !important;
    border-right: 1px solid #B2B2B2 !important;
    border-bottom: 1px solid #B2B2B2 !important;
    border-left: 1px solid #F4F4F5 !important;
    padding: 2px 5px;
}

input[type=submit]:hover {
    border-top: 1px solid #B2B2B2 !important;
    border-right: 1px solid #F4F4F5 !important;
    border-bottom: 1px solid #F4F4F5 !important;
    border-left: 1px solid #B2B2B2 !important;
}

.vs_form_question {
	font-size: 14px;
}

.vs_form_question label {
	font-size: 1em;
	font-weight: normal !important;
}

.vs_form_option label {
	line-height: 24px;
	padding: 5px;
}

.vs_login_tab_item {
    background: #EEA33D !important;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin-right: 5px !important;
    padding: 5px !important;
	/* Rounded Corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.vs_login_tab_item_unsel {
    background: #eee !important;
    color: #bbb;
}

.vs_css_menubar, #medallions {
    float: left;
}

#medallions {
    list-style: none;
    width: 140px;
}

#medallions li {
    font: bold 14px/45px Arial, Helvetica, sans-serif;
    height: 45px;
}

#medallions a {
    display: block;
    height: 45px;
    padding-left: 47px;
}

#medFamily {background: url('assets/images/icon.family.png') left center no-repeat;}
#medGroup {background: url('assets/images/icon.group.png') left center no-repeat;}
#medYouth {background: url('assets/images/icon.youth.png') left center no-repeat;}
#medOneDay {background: url('assets/images/icon.onetime.png') left center no-repeat;}

/* add blue background class for footer */
.bluebkgrnd {
	background-color: #00539b;
}

/* modify copyrigt text color to gray since it's now on a blue background */
#copyright p {
	color: #cccccc;
}