﻿/*
devimpact.blackbarnmedia.com
*/

.padLeft{ padding-left:5px}
.padRight{padding-right:5px}

#container {
	font-size: 70%;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	}

body {
	background: url("/images/background.jpg") repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	}

a, p, h1, h2, h3, h4, h5, ul {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	list-style: none;
	}

a {
	color: #666;
	}
	
a:hover {
	text-decoration: underline;
	}
	
img {
	border: none;
	}
	
/* header
---------*/
	
#header-container {
	width: 815px;
	overflow: auto; /* to contain the floats */
	margin: 0 auto;
	padding: 0;
	background: url("/images/header-background.gif") repeat-y;
	}
	
#header-left {
	width: 815px;
	float: left;
	text-align: left;
	}
	
#header-left #SignInContainer
{
    float:right;
    padding:20px 20px 0 0;
}
	
#header-left img {
	margin: 20px 0 0 19px;
	border: 0;
	}
	
#header-left h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #004d42;
	margin: 5px 0 5px 19px;
	}
	
#header-image {
	margin: 0 auto;
	width: 815px;
	height: 254px;
	background: url("/images/header-image.jpg") no-repeat;
	clear: both;
	}
	
/* layout
---------*/

#main-container {
	width: 815px;
	margin: 0 auto;
	padding: 0;
	background: url("/images/maincontainer-background.gif") no-repeat;
	min-height: 403px;
	height: expression( this.scrollHeight < 403 ? "403px" : "auto" ); 
	}
	
#sidebar {
	float: left;
	width: 216px;
	}
	
#content {
	float: right;
	width: 599px;
	text-align: left;
	}
	
	
/* sidebar
----------*/

#sidebar ul {
	margin-left: 1px;
	border-right: 1px solid #b8b8b8;
	background: url("/images/sidebar-bottom.gif") bottom right no-repeat;
	}
	
#sidebar li.title, #sidebar li.border {
	text-align: center;
	overflow: hidden;
	display: block;
	width: 214px;
	height: 31px;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	line-height: 2.7em;
	color: #8c2a17;
	border-bottom: 1px solid #b8b8b8;
	background: url("/images/sidebartitle-background.gif") no-repeat;
	}
	
#sidebar li.border {
	border-top: 1px solid #b8b8b8;
	}
	
#sidebar .event {
	margin: 12px 10px 0 10px;
	line-height: 1.4em;
	text-align: left;
	font-size: 1.0em;
	font-family: Verdana, sans-serif;
	}
	
#sidebar .title {
	font-weight: bold;
	color: #be5521;
	}
	
#sidebar .date {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	color: #666;
	}

#sidebar .description {
	font-family: Arial, sans-serif;
	color: #333;
	}
	
#sidebar .more {
	text-align: center;
	padding: 20px 0px 20px 0px;
	}
	
#sidebar .event a{
	color: #be5521;
	}

#sidebar a:hover {
	color: #8c2a17;
	text-decoration: none;
	}
	
#sidebar .more a {
	font-weight: bold;
	}

.little {
	font-size: 0.7em;
	padding-left: 8px;
	}

.little2 {
	font-size: 0.7em;
	}

/* content
----------*/

/* Navigation is grouped with content - That starts here */

#nav {
	width: 599px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	
#nav ul 
{
    float:left;
    width:599px;
    padding:0 0 30px 0;
	/*overflow: auto;
	display: inline-block;*/
	}
	
#nav li {
	float: left;
	padding-top: 9px;
	display: block;
	background: url("/images/nav-background.gif") top right no-repeat;
	}
	
#nav li.home {
	width: 91px;
	}
	
#nav li.upcomingevents {
	width: 147px;
	}
	
#nav li.archivedevents {
	width: 146px;
	}
	
#nav li.aboutus {
	width: 100px;
	}
	
#nav li.contactus {
	width: 110px;
	background: none;
	}

#nav a {
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	text-decoration: none;
	}
	
#nav a:hover {
	color: #8c2a17;
	text-decoration: none;
	}
	
#nav .current {
	color: #8c2a17;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	}

/* End navigation */

/* Need to float the two columns in content */

#content h1 {
	font-size: 2.0em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #355f66;
	padding: 30px 0 20px 20px;
	}
	
#content-container {
	width: 599px;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	}
	
#content-left {
	width: 385px;
	float: left;
	text-align: left;
	}

#content-left p {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	color: #323232;
	border-right: 1px solid #dfdfdf;
	padding: 0px 15px 15px 20px;
	}

#content-right {
	width: 214px;
	float: right;
	text-align: center;
	}
	
.content-eventreg {
	margin: 0 auto 10px auto;
	width: 189px;
	height: 155px;
	background: url("/images/eventreg-background.gif");
	}
	
.content-eventreg ul {
	padding: 20px 10px 0 10px;
	}

.content-eventreg li.title {
	color: #732213;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	}

.content-eventreg li.description {
	color: #505a5f;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	padding-top: 10px;
	}

/* footer
---------*/

#footer {
	padding-top: 20px;
	width: 815px;
	text-align: center;
	clear: both;
	}
	
ul.footer {
	text-align: center;
	margin: 20px 0 20px 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	}

li.footer-name {
	color: #8c2a17;
	}
	
li.footer-info {
	color: #737373;
	}
	
	
/* SUB PAGE ADDITIONS
---------------------*/


/* sub page header
------------------*/

#header-image.sub {
	height: 96px;
	background: url("/images/header-image-sub.jpg") no-repeat;
	}

/* sub page layout
------------------*/
	
#main-container.sub {
	background: url("/images/maincontainer-background-sub.gif") no-repeat;
	min-height: 521px;
	height: expression( this.scrollHeight < 521 ? "521px" : "auto" );
	}
	
#sidebar-sub {
	float: left;
	width: 144px;
	margin-left: 1px;
	text-align: left;
	background: url("/images/sidebar-background-sub.gif") top right no-repeat;
	min-height: 400px;
	height: expression( this.scrollHeight < 400 ? "400px" : "auto" ); 
	}
	
#content-sub {
	float: right;
	width: 665px;
	text-align: left;
	}

/* sub page navigation
----------------------*/
#sidebar-sub ul
{
    float:left;
    width:144px;
}
#sidebar-sub ul li
{
    float:left;
    width:144px;
    height:46px;
    /*background: url("/images/nav-background-sub.gif") no-repeat;*/
}
#sidebar-sub ul li a
{
    float:left;
	width: 127px;
	height: 31px;
	background: url("/images/nav-background-sub.gif") -144px 0 no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	padding: 15px 0 0 17px;
	text-decoration: none;
}
#sidebar-sub ul li a:hover, #sidebar-sub ul li a.Selected
{
    background-position:0 0;
	color: #8c2a17;
	text-decoration: none;
}
.nav-sub {
	width: 144px;
	height: 46px;
	background: url("/images/nav-background-sub.gif") 0 0 no-repeat;
	}

.nav-sub a {
	display: block;
	width: 144px;
	height: 46px;
	background: url("/images/nav-background-sub.gif") -144px 0 no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	color: #666;
	text-transform: uppercase;
	padding: 15px 0 0 17px;
	text-decoration: none;
	}
	
.nav-sub-current {
	width: 144px;
	height: 46px;
	background: url("/images/nav-background-sub.gif") 0 0 no-repeat;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #8c2a17;
	}
	
.nav-sub-current p {
	padding: 15px 0 0 17px;
	font-weight: bold;
	}

.nav-sub a:hover {
	background: none;
	color: #8c2a17;
	text-decoration: none;
	}
	
/* sub page content
-------------------*/
	
#content-sub h1 {
	font-size: 2.0em;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #355f66;
	margin: 40px 50px 30px 50px;
	}
	
#content-sub h2 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 50px 7px 50px;
	}

#content-sub h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #8c2a17;
	padding: 10px 50px 7px 50px;
	}

.bold {
	font-weight: bold;
	}

.bigger {
	font-size: 1.1em;
	}

.italic {
	font-style: italic;
	}

#content-sub p {
	font-family: Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.6em;
	/*color: #323232;*/
	padding: 0px 50px 15px 50px;
	}

#content-sub a {
	font-size: 1.1em;
	font-weight: bold;
	color: #8c2a17;
	}

/* Archived Events
------------------*/

#archivedevent-container {
	width: 100%;
	text-align: center;
	}

#archivedevent-container2 {
	width: 528px;
	margin: 0 auto;
	text-align: center;
	}
	
#archivedevent {
	width: 520px;
	margin: 0 auto;
	text-align: left;
	}

#archivedevent ul {
	color: #fff;
	font-size: 1.1em;
	padding: 30px 30px 30px 30px;
	}

#archivedevent ul.bullet {
	list-style: inside;
	font-size: 1.1em;
	padding: 0;
	}

#archivedevent p.indent {
	margin-left: 30px;
	font-size: 1.0em;
	padding-bottom: 0;
	}

#archivedevent ul.picture {
	padding: 0;
	font-size: 1.1em;
	}

#archivedevent li.picture {
	height: 125px;
	display: block;
	}

#archivedevent ol {
	color: #fff;
	padding-bottom: 15px;
	}

#archivedevent p {
	padding: 0 0 20px 0;
	color: #fff;
	line-height: normal;
	}

#archivedevent li.border {
	border-bottom: 1px solid #fff;
	padding: 20px 0 0 0;
	}

#archivedevent img {
	border: 3px solid #fff;
	margin: 0 10px 0 0;
	}

#archivedevent p.picture {
	padding-bottom: 30px;
	}

#archivedevent a {
	color: #fff;
	text-decoration: underline;
	font-weight: normal;
	}

#archivedevent a:hover {
	text-decoration: none;
	}
	
#SubAdmin
{
    float:left;
    display:inline-block;
    overflow:auto;
    width:565px;
    padding:40px 50px 10px 50px;
}

#SubAdmin h4
{
    margin:0;
    padding:0;
    font-size:20px;
    line-height:26px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #355f66;
	margin-bottom:20px;
}

#SubAdmin h5
{
    margin:0;
    padding:0;
    font-size:13px;
    line-height:20px;
	margin-bottom:10px;
	margin-top:14px;
	font-weight:bold;
}

#SubAdmin p
{
    padding:0;
    margin:0 0 8px 0 !important;
    font-size:12px;
    line-height:18px;
    display:inline-block;
}

#SubAdmin p img.alignleft
{
    float:left;
    margin:0 10px 10px 0;
}

#SubAdmin p img.alignright
{
    float:right;
    margin:0 0 10px 10px;
}

#SubAdmin ol, #SubAdmin ul
{
    font-size:12px;
    line-height:18px;
    margin-bottom:8px;
}

#SubAdmin p a
{
    font-size:12px;
}

#SubAdmin img
{

}

#SubAdmin .EventContainer
{
    width:548px;
    border-top:1px solid #FFF;
    margin-bottom:10px;
}

#SubAdmin .EventContainer div
{
    border-bottom:1px solid #FFF;
    padding:0 15px 15px 15px;
}

#SubAdmin .EventContainer div.HeaderImage
{
    padding:0 !important;
    border:none !important;
}

#SubAdmin .EventContainer div p
{
    margin:0;
}

#SubAdmin .FormTable tr td, #SubAdmin .GridView tr td
{
    font-size:12px;
    line-height:15px;
    padding:3px;
}

#SubAdmin .FormTable tr td.Label
{
    width:120px;
    text-align:right;
}

.TextBox
{
    font-size:12px;
    width:300px;
}

.SmallTextBox
{
    font-size:12px;
    width:100px;
}

.RowStyle a, .AlternatingRowStyle a, .HeaderStyle a
{
    font-weight:normal !important;
}

.AlternatingRowStyle
{
    background:#eee;
}

fieldset
{
    padding:10px;
    margin:0 0 10px 0;
}

legend
{
    margin:0 0 8px 0;
    text-transform:uppercase;
    font-size:13px;
    color:#000;
}

#EventSubMenu
{
    height:30px;
    margin:0 0 10px 0;
}

#EventSubMenu a
{
    float:left;
    display:inline;
    height:22px;
    border:1px solid Gray;
    padding:6px 10px 0 10px;
    margin:0 5px 0 0;
    font-weight:normal !important;
}

#EventSubMenu a.EventSubSelected
{
    border:1px solid #8c2a17;
    font-weight:bold !important;
}

.EventContainer h5
{
    font-size:15px !important;
}
.EventContainer p, .EventContainer a, .EventContainer ul, .EventContainer ol
{
    font-size:13px !important;
}
.Hidden
{
    display:none;
}

.EvalTable
{
    margin: 10px 0 10px 0;
    font-size: 12px;
}

.EvalTable_Border
{
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

.EvalTable_Border tr td
{
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px 10px;
}

.SectionHeader
{
    font-weight: bold;
    font-size: 16px;
    line-height: 15px;
    margin: 12px 0 10px 0;
}

.SectionSeparator
{
    border-bottom: 1px solid #355F66;
    margin: 20px 0;
}
