/*################################################################################
#
#	DEFAULT ELEMENTS
#
################################################################################*/
 
body {
	background:#3b5c7b;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
 
img {
}
 
.SkinContainer, .Content {
	margin:0!important;
	padding:0!important;
}

.DNNEmptyPane {
	margin:0px!important;
	padding:0px!important;
	height:0px!important;
	line-height:0px!important;
	display:none;
}

div {
	margin:0;
	padding:0;
}

div[id ^='dnn_'] {
	border:none!important;
}

span[id*="FormMaster_lblRequired"] { display:none; }

a, a:link, a:visited, a:active {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}
 
/*################################################################################
#
#	CUSTOM ELEMENTS
#
################################################################################*/
 
#main {
	width:980px;
	padding:5px 5px 0 5px;
	margin:0 auto;
	text-align:left;
	background:#FFFFFF;
}
 
	#hd {
		background:url(images/header.jpg);
		width:980px;
		height:108px;
		float:left;
	}
 		#menu {
			width:auto;
			float:right;
			margin:5px 5px 0 0;
		}
		
		#topNav {
			width:auto;
			float:left;
			margin:0;
		}
 
		#dnn_Full_Header {
			width:980px;
			float:left;
		}
 
	#bd {
		width:980px;
		float:left;
		margin:10px 0 0 0;
	}
  
		#dnn_Full_Image2 {
			width:980px;
			float:left;
		}
 
		#dnn_ContentPane {
			width:980px;
			float:left;
		}
 
		#dnn_TwoCol_SmallLeft {
			width:295px;
			margin:0 5px 0 0;
			float:left;
		}
 
		#dnn_TwoCol_LargeRight {
			width:675px;
			margin:0 0 0 5px;
			float:left;
		}
 
		#dnn_TwoCol_LargeLeft {
			width:675px;
			margin:0 5px 0 0;
			float:left;
		}
 
		#dnn_TwoCol_SmallRight {
			width:295px;
			margin:0 0 0 5px;
			float:left;
		}
 
		#dnn_TwoCol_Left1 {
			width:490px;
			float:left;
		}
 
		#dnn_TwoCol_Right1 {
			width:490px;
			float:left;
		}
 
		#dnn_ThreeCol_Left {
			width:300px;
			float:left;
		}
 
		#dnn_ThreeCol_Center {
			width:380px;
			float:left;
		}
 
		#dnn_ThreeCol_Right {
			width:300px;
			float:left;
		}
 
		#dnn_TwoCol_Left2 {
			width:490px;
			float:left;
		}
 
		#dnn_TwoCol_Right2 {
			width:490px;
			float:left;
		}
 
		#dnn_Full_Bottom {
			width:980px;
			float:left;
		}
 
	#ft {
		width:990px;
		margin:0 auto;
		margin:5px 0 0 -5px;
		padding:5px 0 5px 5px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		background:#3b5c7b;
		color:#a9c0ea;
	}
	
 		#ftleft {
			width:550px;
			float:left;
			text-align:left;
		}
		
		#ftright {
			width:430px;
			float:left;
			text-align:right;
		}
		
		.UserLogin {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			text-decoration:none!important;
		}
 
/*################################################################################
#
#	TYPOGRAPHY
#
################################################################################*/
 
/********************************************************************************/
/* Standard */
 
H1 {
}
 
H2 {
}
 
H3 {
}
 
H4 {
}
 
H5, DT {
}
 
H6 {
}
 
TFOOT, THEAD {
}
 
TH {
}
 
A:link {
}
 
A:visited {
}
 
A:hover {
}
 
A:active {
}
 
SMALL {
}
 
BIG {
}
 
BLOCKQUOTE {
}
 
PRE {
}
 
P {
}
 
UL LI {
}
 
UL LI LI {
}
 
UL LI LI LI {
}
 
OL LI {
}
 
OL OL LI {
}
 
OL OL OL LI {
}
 
OL UL LI {
}
 
HR {
}
 
/********************************************************************************/
/* Custom */




span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc, span.edit {display: block;padding: 8px 10px 8px 36px;margin:0 0 10px;}
span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/images/typo/attention.png) 10px 50% no-repeat;}
span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(/images/typo/notice.png) 10px 50% no-repeat;}
span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(/images/typo/alert.png) 10px 50% no-repeat;}
span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(/images/typo/download.png) 10px 50% no-repeat;}
span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(/images/typo/approved.png) 10px 50% no-repeat;}
span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/images/typo/media.png) 10px 50% no-repeat;}
span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(/images/typo/note.png) 10px 50% no-repeat;}
span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/images/typo/cart.png) 10px 50% no-repeat;}
span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(/images/typo/camera.png) 10px 50% no-repeat;}
span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(/images/typo/doc.png) 10px 50% no-repeat;}
span.edit {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3;padding: 4px;}
span.edit a {color: #B79000;}
 
span.download {
}
 
ul.bullet-1 {
}
 
ul.bullet-2 {
}
 
ul.bullet-3 {
}
 
ul.bullet-4 {
}
 
/********************************************************************************/
/* DNN Default */
 
.Title .Head {
}

.Head {
}
 
.SubHead {
}
 
.SubSubHead {
}
 
.Normal {
}
 
.NormalTextBox {
}
 
.NormalRed {
}
 
.NormalBold {
}
 
.CommandButton {
}
 
A.CommandButton:link {
}
 
A.CommandButton:visited {
}
 
A.CommandButton:hover {
}
 
A.CommandButton:active {
}
 
.StandardButton {
}

/*################################################################################
#
#	PAGINATOR
#
################################################################################*/

.pagination {
	margin:10px 0 0 0;
	font-size: 80%;
}
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: solid 1px #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

/*################################################################################
#
#	DONATIONS MODULE
#
################################################################################*/

.EventsTable tr td {
	vertical-align:top;
}

.EventsTable > tr > td {
	margin-bottom:10px;
}

/*################################################################################
#
#	DONATIONS MODULE
#
################################################################################*/

.DonationsTable tr td {
	vertical-align:top;
}

/*################################################################################
#
#	LINKS MODULE
#
################################################################################*/

ul.LinkList {margin: 10px 0 0 -30px!important;}
ul.LinkList li {list-style: none; padding-bottom: 3px;}
ul li a {margin-left: 20px;}
body.ie7 ul.LinkList {margin: 10px 0 0 12px!important;}
body.ie7 ul.LinkList li {padding: 0 0 2px 6px; list-style: none;}
li.myspace {background: transparent url('images/myspace.png') no-repeat center left;}
li.facebook {background: transparent url('images/facebook.png') no-repeat center left;}
li.blogspot {background: transparent url('images/blogspot.png') no-repeat center left;}
li.flickr {background: transparent url('images/flickr.png') no-repeat center left;}
li.youtube {background: transparent url('images/youtube.png') no-repeat center left;}
li.linkedin {background: transparent url('images/linkedin.png') no-repeat center left;}
li.alsstagingnet {background: transparent url('images/als.png') no-repeat center left;}
li.twitter {background: transparent url('images/twitter.jpg') no-repeat center left;}
li.unassigned {background: transparent url('images/bullet_black.png') no-repeat center left;}

/*################################################################################
#
#	GUESTBOOK MODULE
#
################################################################################*/

div.GuestbookMessage {
	margin:0 0 5px 0;
	padding:2px;
	border:1px solid #80C6FF;
	background:#CCE7FF;
}

span.GuestbookMessageTitle {
	font-weight:bold;
	width:100%;
	padding:2px;
}

/*################################################################################
#
#	PROFILE MODULE
#
################################################################################*/

.ProfileTable {

}

	.ProfileTableRow {
	
	}
	
		.ProfileTableCell {
			vertical-align:top;
		}

span.ProfileTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	font-weight:bold;
	padding:0 0 15px 0;
}
 
/*################################################################################
#
#	CLEARFIX
#
################################################################################*/
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
 
/*################################################################################
#
#	SNAPSIS MENU
#
################################################################################*/
 
#topNav ul {
	padding:0;
	margin:0px;
	list-style:none;
	float:right;
	width:auto;
	background-image:url(images/menu-bg.jpg);
	background-repeat:repeat-x;
}
#topNav li {
	position: relative;
	float:left;
	list-style: none;
}
#topNav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	width:13em;
	background-color:#00FFFF;
	z-index:10000;
}
#topNav a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	text-decoration:none;
	text-align:center;
	padding :5px 10px 5px 10px;
	color:#264d84;
	background-image:url(images/divider.jpg);
	background-repeat:no-repeat;
	border:none;
}

#topNav li:first-child a {
	background-image:none;
}
	
#topNav li li a {
	width:12em;
}
#topNav li a:hover {
	background-color: #a2c7f3;
}
#topNav li a.SelectedTab {
	font-size:1.12em;
	background-color: #FFF;
}
#topNav .DisabledTab {
	color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#topNav li:hover ul ul,
#topNav li:hover ul ul ul,
#topNav li:hover ul ul ul ul,
#topNav li.iehover ul ul,
#topNav li.iehover ul ul ul,
#topNav li.iehover ul ul ul ul{
	left: -999em;
}
#topNav li:hover ul,
#topNav li.iehover ul {
	top: 1.6em;
	left:0;
}
#topNav li li:hover ul,
#topNav li li li:hover ul,
#topNav li li.iehover ul,
#topNav li li li.iehover ul {
	top: 0;
	left:12.8em;
}

/*################################################################################
#
#	ROUNDED CORNERS
#
################################################################################*/

/********************************************************************************/
/* Boxed */
.boxed {
	border:1px solid #8b847d!important;
	background:#fcfbf8;
	padding:5px;
	margin:10px 0;
}
 
/********************************************************************************/
/* Blue */
.blue-box{margin-top:10px;}
.rounded-blue{display:block;}
.rounded-blue *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ddeeff}
.rounded-blue1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f0f7ff;
  border-right:1px solid #f0f7ff;
  background:#e5f2ff}
.rounded-blue2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fbfdff;
  border-right:1px solid #fbfdff;
  background:#e3f1ff}
.rounded-blue3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e3f1ff;
  border-right:1px solid #e3f1ff;}
.rounded-blue4{
  border-left:1px solid #f0f7ff;
  border-right:1px solid #f0f7ff}
.rounded-blue5{
  border-left:1px solid #e5f2ff;
  border-right:1px solid #e5f2ff}
.rounded-bluefg{
  padding:0 10px 0 10px;
  background:#ddeeff}

/********************************************************************************/
/* Gray */
.gray-box{margin-top:10px;}
.rounded-gray{display:block}
.rounded-gray *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#eeeeee}
.rounded-gray1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f2f2f2}
.rounded-gray2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f1f1f1}
.rounded-gray3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;}
.rounded-gray4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.rounded-gray5{
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2}
.rounded-grayfg{
  padding:0 10px 0 10px;
  background:#eeeeee}
  
/********************************************************************************/
/* Yellow */
.yellow-box{margin-top:10px;}
.rounded-yellow{display:block}
.rounded-yellow *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FEF6D8}
.rounded-yellow1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fefbee;
  border-right:1px solid #fefbee;
  background:#fef8e1}
.rounded-yellow2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefefb;
  border-right:1px solid #fefefb;
  background:#fef7df}
.rounded-yellow3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fef7df;
  border-right:1px solid #fef7df;}
.rounded-yellow4{
  border-left:1px solid #fefbee;
  border-right:1px solid #fefbee}
.rounded-yellow5{
  border-left:1px solid #fef8e1;
  border-right:1px solid #fef8e1}
.rounded-yellowfg{
  padding:0 10px 0 10px;
  background:#FEF6D8}
  
/*################################################################################
#
#	Date Picker
#
################################################################################*/  
  
.date_selector, .date_selector * { width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none;}
.date_selector { background: #F2F2F2; border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none;}
.date_selector_ieframe {  position: absolute;  z-index: 99999;  display: none;}
.date_selector .month_nav { margin: 0 0 5px 0; padding: 0; display: block; }
.date_selector .month_name { font-weight: bold; line-height: 20px; display: block; text-align: center; }
.date_selector .month_nav a { display: block; position: absolute; top: 5px; width: 20px; height: 20px; line-height: 17px; font-weight: bold; color: #003C78; text-align: center; font-size: 120%; overflow: hidden; }
.date_selector .month_nav a:hover, .date_selector .month_nav a:focus { background: none; color: #003C78; text-decoration: none; }
.date_selector .prev { left: 5px; }
.date_selector .next { right: 5px; }
.date_selector table { border-spacing: 0; border-collapse: collapse; }
.date_selector th, .date_selector td { width: 2.5em; height: 2em; padding: 0; text-align: center; }
.date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; background: white; }
.date_selector td.today { background: #FFFED9; }
.date_selector td.unselected_month { color: #ccc; }
.date_selector td a { display: block; text-decoration: none !important; width: 100%; height: 100%; line-height: 2em; color: #003C78; text-align: center; }
.date_selector td.today a { background: #FFFEB3; }
.date_selector td.selected a { background: #D8DFE5; font-weight: bold; }
.date_selector td a:hover { background: #003C78; color: white; }

/*################################################################################
#
#	Time Picker
#
################################################################################*/

div.time-picker {
  position: absolute;
  height: 200px;
  width:7em; /* needed for IE */
  overflow: auto;
  background: #fff;
  border: 1px solid #000;
  z-index: 99;
}
div.time-picker-12hours {
  width:7em; /* needed for IE */
}

div.time-picker ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.time-picker li 
{
  list-style-type: none;
  padding: 1px;
  cursor: pointer;
}
div.time-picker li.selected {
  background: #316AC5;
  color: #fff;
}