/* Default and General styles
 ---------------------- */

html {
	height: 100%;
	background-color: #525148;
	background-image: url('/image/bg_color.png');
	background-position: top left;
}

body {
	height: 100%;
	color: #FFFFFF;
	color: #525148;
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url('/image/bg_top_stain.png');
	background-repeat: no-repeat;
	background-position: top center;
}

ul {
	margin: 0;
	padding: 0;
}

a, a:link, a:visited, a:hover, a:active {
	color: #3da5d2;
	text-decoration: underline;
	outline: none;
}

p, form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
	display: inline;
	vertical-align: bottom;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Times New Roman", Times, serif;
	color: #DB4105;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: x-large;
}

h3 {
	font-size: large;
}

h4 {
	font-size: medium;
}

h5 {
	font-size: small;
}

.evenRows {
	background-color: #444444;
	padding: 2px 0;
	margin: 2px 0;
}

/* Header styles 
----------------------------- */

.headerText {
	font-size: x-small;
	color: #CCCC9F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.headerText a, .headerText a:link, .headerText a:visited, .headerText a:hover, .headerText a:active {
	color: #CCCC9F;
	font-weight: bold;
	text-decoration: none;
}

/* Footer styles 
----------------------------- */
.footerText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCC9F;
}
.footerText A,
.footerText A:link,
.footerText A:visited,
.footerText A:hover,
.footerText A:active
{
	color: #CCCC9F;
	font-weight: bold;
	text-decoration: none;
}

#hoveringLogo
{
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -465px;
	z-index: 10;
}

#hoveringLogosub {		
	width: 186px;
	height: 186px;
	background: url(/image/hovering_logo.png) no-repeat;
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/hovering_logo.png', sizingMethod='scale');
}

#hoveringLogo img {
	_display:none;
}

#hoveringLogo a {
	display: block;
	position: relative;
	outline: none;
	width: 186px;
	height: 186px;
}

#hoveringBlueButton
{
	position: absolute;
	width: 121px;
	height: 109px;
	top: 215px;
	_top: 235px;
	left: 50%;
	margin-left: 400px;
	z-index: 10;
	/*
	*/
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/top_decoration_blue_button.png', sizingMethod='scale');
}

#hoveringBlueButton img {
	_display: none;

}

#hoveringBlueButton.home
{
	margin-left: 375px;
	top: 398px;
	_top: 415px;
	
}

#bodyLiner
{
	background-image: url('/image/bg_bot_stain.png');
	background-repeat: no-repeat;
	background-position: bottom center;
	
	border: 1px solid #525148;
}
#headerBar{
	background-color: #33332D;
	background-image: url('/image/bg_header_color.png');
	height: 28px;
}
	#headerLinksWrapper
	{
		color: #FFFFFF;
		
		width: 955px;
		text-align: right;
		font-size: 10px;
		line-height: 12px;
		vertical-align: middle; 
		height: 22px;
		line-height: 22px;
		vertical-align: middle;
	}
		#headerLinksWrapper A:before
		{
			margin-left: 30px;
			// height: 22px;
			line-height: 22px;
			vertical-align: middle;
		}
		
		
#headerSpacer
{
	width: 954px;
	height: 43px;
}

.headerP{
	width: 700px;
	height: 120px;
	overflow:hidden;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	font-size:14px;
	color: #000;
	margin: 5px 0 0 0;
	font-weight: bold;
}

#footerSpacer
{
	height: 158px;
}

/* Navigation styles ------------------------- */

#mainNavWrapper {
	height: 43px;
}

#mainNav {
	width: 953px;
	_width: 954px;
	line-height: 45px;
	vertical-align: bottom;
	padding: 0;
	margin: 36px 0 0 0;
}

#mainNav ul {
	list-style-type: none;
	float: right;
	font-size: 18px;
}

#mainNav ul li {
	float: left;
	margin: 0 8px;
}
	
#mainNav ul li a:link, #mainNav ul li a:visited, #mainNav ul li a:active,
#subNavWrapper ul li a:link, #subNavWrapper ul li a:visited, #subNavWrapper ul li a:active{
	color: #fff;
	text-decoration:none;
}

#mainNav ul li a:hover{
	color: #DB4005;
}
	
#mainNav ul li.last {
	margin-right: 0px;
}
	
#mainNav ul li#aboutdillon {
	width: 127px;
}

#mainNav ul li#aboutdillon.active {
	background: url(/image/navImages/nav_aboutdillon_o.gif) no-repeat;
}
	
#mainNav ul li#aboutthelist {
	width: 186px;
}

#mainNav ul li#aboutthelist.active {
	background: url(/image/navImages/nav_aboutdillonslistorg_o.gif) no-repeat;
}

#mainNav ul li#charities {
	width: 95px;
}

#mainNav ul li#charities.active {
	background: url(/image/navImages/nav_charities_o.gif) no-repeat;
}

#mainNav ul li#thelist {
	width: 88px;
}

#mainNav ul li#thelist.active {
	background: url(/image/navImages/nav_thelist_o.gif) no-repeat;
}

#mainNav ul li#connections {
	width: 127px;
}

#mainNav ul li#connections.active {
	background: url(/image/navImages/nav_connections_o.gif) no-repeat;
}

#contentWrapper
{
	width: 953px;
	_width: 954px;
	_height: 240px;
	min-height: 240px;
	background-color: #33332D;
	background-image: url('/image/bg_header_color.png');
}
	#contentWrapper #homepageContentTopSpacer
	{
		height: 15px;
		max-height: 15px;
		line-height: 15px;
		font-size: 1px;
	}
	#contentWrapper #subNavWrapper
	{
		color: #FFFFFF;
		text-align: right;
		font-family:"Times New Roman", Times, serif;
		height: 37px;
		line-height: 37px;
		vertical-align: middle;
		text-align: right;
		margin: 12px 15px 8px 250px;
		clear: both;
	}
		#contentWrapper #subNavWrapper UL
		{
			list-style-type: none;
			text-align: right;
			margin:0;
		}
			#contentWrapper #subNavWrapper UL LI
			{
				width: 20%;
				display: inline;
				margin-right: 25px;
				
			}
			
			#contentWrapper #subNavWrapper UL LI.last
			{
				margin-right: 1px;
			}
			
			#contentWrapper #subNavWrapper UL LI a{
				color:#fff;
				font-size:15px;
				font-weight: bold;
			}
			
			UL LI a:hover,
			#contentWrapper #subNavWrapper UL LI a:hover{
				color:#DC4007;
			}
			
	#contentWrapper .box
	{
		;
	}
	#contentWrapper .full
	{
		background-color: #FFFFFF;
	/*	height: 300px; */
		max-height: 300px;
		_height:	auto;
		width: 925px;
		margin: 0 15px 15px 15px;
		clear: both;
		position:relative;
	}
		
		#contentWrapper .full #flashHeader
		{
			min-width: 178px;
			min-height: 925px;
		}
	
	#contentWrapper .leftBoxList,
	#contentWrapper .rightBoxList
	{
		list-style-type: none;
	}
	
	#contentWrapper .leftBox
	{
		width: 304px;
		_width: 304px;
		float: left;
		padding: 0 15px 0 14px;
		float: right;
		margin: 0;
	}
	#contentWrapper .leftBox .topBox{
		background:url(/image/blue-splotch-light.png) no-repeat #9eb3cc;
		color: #000;
		font-family: Verdana, Verdana, Geneva, sans-serif;
		height: 125px;
		position: relative;
	}
	#contentWrapper .leftBox .topBox .headline{
		color: #db4105;
		padding-top: 25px;
		font-size: 1.1em;
		line-height: 0.9em;
		font-weight: bold;
	}
	#contentWrapper .leftBox .topBox .desc{
		padding-top: 3px;
		font-size: 0.8em;
	}
	#contentWrapper .leftBox .topBox #totalSlider{
		position: relative;
		margin: 5px 0 0 3px;
		width: 300px;
		height: 127px;
	}
	#contentWrapper .leftBox .topBox #totalSlider #theLatest{
		font-size: 1.2em;
		font-weight: lighter;
		position: absolute;
		top: 1px;
		left: 20px;
	}
	#contentWrapper .leftBox .topBox #totalSlider ul{
		padding-left: 20px;
		list-style: disc;
	}
	#contentWrapper .leftBox .topBox #totalSlider li{
		padding-bottom: 2px;
	}
	#contentWrapper .leftBox .topBox #totalSlider #myController{
		position: absolute;
		z-index: 10;
		top: 5px;
		right: 10px;
		height: 10px;
		width: 130px;
		overflow: hidden;
	}
	#contentWrapper .leftBox .topBox #totalSlider #myController .jFlowControl{
		float: left;
		width: 20px;
		height: 5px;
		border: 1px solid #000;
		margin: 0 5px;
		background: #9eb3cc;
		cursor: pointer;
	}
	#contentWrapper .leftBox .topBox #totalSlider #myController .jFlowSelected {
		color:#fff;
		background: #000;
	}
	#contentWrapper .leftBox .bottomBox{
		margin-top: 3px;
		padding-top: 7px;
		padding-left: 8px;
		line-height: 0.9em;
		background: url('/image/left_bot_bg.gif') no-repeat;
		background-position: 0 -1px;
		height: 33px;
	}
	#contentWrapper .leftBox .bottomBox a{
		display: block;
		width: 100%;
		height: 100%;
	}
	#contentWrapper .leftBox .bottomBox strong{
		font-size: 1.2em;
	}
	#contentWrapper .leftBox .bottomBox a, #contentWrapper .leftBox .bottomBox a:link, #contentWrapper .leftBox .bottomBox a:hover, #contentWrapper .leftBox .bottomBox a:visited, #contentWrapper .leftBox .bottomBox a:active{
		color: #FFF;
		text-decoration: none;
	}
	
	#contentWrapper .leftBox .topBox a {
		
		text-decoration: none;
		color: #666;
	}	
	#contentWrapper .leftBox .topBox a:visited {
		text-decoration: none;
		color: #666;
		
	}
	
	
	#contentWrapper .leftBox .topBox a:hover {
		text-decoration: none;
		color: #999;
	}
	
	#contentWrapper .leftBox .topBox a:active {
		text-decoration: none;
		color: #666;
	}
	
	
		#contentWrapper .leftBoxList LI
		{
			margin-bottom: 15px;
			background-color: #F0F0F0;
			color: #000000;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
			#contentWrapper .leftBoxList LI.blueSplotchBG
			{
				background: #F0F0F0 url('/image/blue-splotch.png') no-repeat top left;
				background-color: #9FB4CC;
			
				min-height: 145px;
				_height: 115px;
				padding: 15px;
			}
				#contentWrapper .leftBoxList LI P
				{
					font-size: small;
				}

				#contentWrapper .leftBoxList LI.blueSplotchBG .moreLink, #contentWrapper .leftBoxList LI.sectionNav .moreLink
				{
					background-color: #DB4105;
					text-align: right;
					font-size: 1px;
					line-height: 1px;
				}

				#contentWrapper .leftBoxList LI.sectionNav .moreLink {
					margin-top: 50px;
				}
				
				#contentWrapper .leftBoxList LI.sectionNav
				{
					background: #F0F0F0 url('/image/blue-splotch.png') no-repeat bottom left;
					background-color: #9FB4CC;
					min-height: 145px;
					_height: 115px;
					padding: 15px;
					_padding: 10px;
				}
				#contentWrapper .leftBoxList li.sectionNav a {
					
					text-decoration: none;
					color: #000;
				}	
				#contentWrapper .leftBoxList li.sectionNav a:visited {
					text-decoration: none;
					color: #000;
					
				}
				
				

				#contentWrapper .leftBoxList LI.writings ul {
					list-style-type: none;
					font: 11px/14px Arial;
					color: #000000;
				}
				#contentWrapper .leftBoxList LI.writings ul li,
				#contentWrapper .leftBoxList LI.writings ul li ul li{
					font-family: Arial, Helvetica, sans-serif;
					background: none;
					margin: 9px 0px;
				}

				li a.selected {
					color: #DB4105 !important;
				}


				#contentWrapper .leftBoxList LI.galleries ul {
					list-style-type: none;
					margin: 0px -5px;
				}

				#contentWrapper .leftBoxList LI.galleries ul li {
					float: left;
					margin: 0;
					padding: 0 4px 7px;
					background: none;
				}
				#contentWrapper .leftBoxList LI.galleries ul li.first {
					margin-left: 0px;
					padding-left: 0px;
				}
				#contentWrapper .leftBoxList LI.galleries ul li.last {
					padding-right: 0px;
				}
				#contentWrapper .leftBoxList div.pagination a {
					font-weight: bold;
					color: #fff;
					font-size: 10px;
				}
				#contentWrapper .leftBoxList div.pagination  {
					color: #fff;
					font-family: Arial;
					font-size: 10px;
				}
				#contentWrapper .leftBoxList div.pagination a:hover
				{
					color: #DC4007;
				}
				#contentWrapper .leftBoxList div.pagination a.active {
					text-decoration: none;
					color: #DC4007;
				}


			#contentWrapper .leftBoxList LI.stickyBG
			{
				background-color: #F0F0F0;
				padding: 0px !important;
				margin: 0px !important;
			}
			
			#contentWrapper .leftBoxList ul li.stickyBG
			{
				background-color: #F0F0F0;
				padding: 0px !important;
				margin: 0px !important;
			}
			
			#contentWrapper .leftBoxList LI.stickyBG img#quoteHolder
			{
				display: block;
				overflow: hidden;
				padding: 0px; 
				margin: 0px; 
				margin-bottom: 10px;
			}
	
	#contentWrapper .rightBox
	{
		width: 606px;
		_width: 606px;
		padding-right: 14px;
		float: right;
		margin: 0;
	}
	
	
	.fullBox
	{
		width: auto;
		_width: auto;
		padding-right: 15px;
		float: right;
		margin: 0;
	}	

		#contentWrapper .rightBox .content {
			padding: 12px 40px 27px 17px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
		}

		#contentWrapper .rightBox .contentImageGalleries{
			
			text-align: center;
		}
		
		#contentWrapper .rightBox .contentVideoGalleries{
			padding-top: 15px;
			text-align: center;
		}

		#contentWrapper .rightBox .content p {
			font: 13px/16px Arial;
			color: #fff8e3;
			padding: 9px 0px;
		}
		
		#contentWrapper .rightBox .content ul {
			font: 13px/16px Arial;
			color: #fff8e3;
			padding: 9px 0px;
			width: 50%; 
			float: left; 
			list-style-type: none;
		}
		#contentWrapper .rightBox .content ul.heading, #contentWrapper .rightBox .content ul.heading li h3   {
			padding: 0px;
		}
		
		#contentWrapper .rightBox .content ul.heading li.last   {
			padding: 9px 0 20px 0;
		}
		
		#contentWrapper .rightBox .content ul.photocategories {
			float: none;
			width: auto;
			padding-bottom: 14px;
		}

		#contentWrapper .rightBox .content ul.photocategories li {
			float: left;
			padding: 10px 5px 10px 5px;
		}
		#contentWrapper .rightBox .content ul.photocategories li p {
			text-align:center;
			padding: 0px;
		}
		
		#contentWrapper .rightBox .content ul li h3 {
			font-family: Georgia, 'Times New Roman', Times, serif;
			padding: 0px 0px 15px 0px;
		}
		
		#contentWrapper .rightBox .content h2 {
			font-size: 24px;
			color: #db4105;
		}
		
		#contentWrapper .rightBox #donorlist {
			display: block;
			margin: 0;
			padding: 0;
		}
		#contentWrapper .rightBox .content #donorlist h2, h3 {
			margin: 0;
			padding: 0 0 5px 0;
		}
		
		#contentWrapper .rightBox .content #donorlist table {
			border: 0;
			text-align: left;
		}
		
		#contentWrapper .rightBox .content #donorlist table th {
			font-weight: bold;
			color: #fff;
			padding: 0 0 3px 0;
		}

		#contentWrapper .rightBoxList LI
		{

			width: 484px;
			_width: 362px;
			padding: 15px 15px 15px 107px;
			margin: 0;
			margin-bottom: 15px;
		}
			#contentWrapper .rightBoxList LI#charitySVP
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_stuvoice.jpg') no-repeat top left;
			}
			#contentWrapper .rightBoxList LI#charityJWWD
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_darfur.jpg') no-repeat top left;
			}
			#contentWrapper .rightBoxList LI#charitySRF
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_surfrider.jpg') no-repeat top left;
			}
			#contentWrapper .rightBoxList LI#charityPCHSS
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_highschool.jpg') no-repeat top left;
			}
			#contentWrapper .rightBoxList LI#charityWWSS
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_wildwood.jpg') no-repeat top left;
			}
			#contentWrapper .rightBoxList LI#charityCASAFoCAP
			{
				background: #1C1C1C url('/image/charitiesList/clist_bg_casa.jpg') no-repeat top left;
			}
				#contentWrapper .rightBoxList LI .innerBox
				{
					background-color: #525148;
					width: 434px;
					padding: 10px;	
				}
						#contentWrapper .rightBoxList LI .innerBox p
						{
							color: #fff;
							font-family:Arial, Helvetica, sans-serif;							
							font-size:13px;	
							margin: 0 0 10px 0;	
							padding:0;				
						}
				
						#contentWrapper .rightBoxList LI .innerBox H3
						{
							margin: 0 0 5px 0;
							font-size:  20px;
							font-weight: normal;
							line-height:16px;
						}
						
						#contentWrapper .rightBoxList LI .innerBox .dc
						{
							color: #DB4105;
							font-size: 14px;
							font-family:"Times New Roman", Times, serif;
						}
						
					#contentWrapper .rightBoxList LI .innerBox .charityLogo
					{
						float: left;
						display: inline;
						margin: 0 8px 5px 0;
						padding:0;
						border: 2px solid #FFFFFF;
					}

/* Video Gallery styles
----------------------------------------*/

#videolib {
	display: block;
}

#videolib .videoholder{
	background-color: #33332d; 
	float: left; 
	margin: 0; 
	padding: 5px 0 0 0; 
	width: 425px;
}

#videoinfo {
	 float: right; 
	 margin: 0; 
	 padding: 0; 
	 width: 96px;

}

#videodate p {
	margin: 0; 
	padding: 2px 0 10px 0 !important;
}

#videodesc p {
	margin: 0; 
	padding: 2px 0 10px 0 !important;
}

#videoindex {
	clear: both; 
	margin: 0; 
	padding: 5px 0 0 0;

}


/* VIDEO SETTINGS
----------------------------------------*/
object,
embed{
padding: 0;
margin: 0;
}

/* Temp Disclaimer 
----------------------------------------*/

#overlay {
position: absolute;
top: 0px;
left: 0px;
background-color: #000000;
height: 100%;
width: 100%;
opacity: 0.8;
-moz-opacity: 0.8;
_filter:alpha(opacity=80);
z-index: 5000;
display: none;
}

#lightboxContainer {
position: absolute;
background-color: #f8f8f8;
margin-left: -150px;
border: 5px #DB4105 solid;
left: 50%;
top: 30%;
width: 300px;
padding: 20px;
z-index: 5250;
display: none;
}

#lightboxContainer p {
    padding: 5px 0;
}

#lightboxContainer p.submitcell {
    text-align: center;
}


div.error{
border: 1px solid #fff;
font-family:Arial, Helvetica, sans-serif;
width: auto;
font-size:12px;
min-height:50px;
height: auto !important;
height: 50px;
color: #f00;
font-weight: bold;
text-align: center;
padding: 7px;
margin: 0 auto;
}

div.success{
border: 1px solid #fff;
font-size:12px;
width: auto;
min-height:50px;
height: auto !important;
height: 50px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
padding: 7px;
margin: 0 auto;
}
div.success h3,
div.error h3{
padding: 0 0 7px 0;
text-align: center;
}


/* Mailing List Styles -------------- */
table#subscribe {
	border: 0;
	margin: 0px 0px 0px -3px;
	padding: 0;
}

table#formelements {
	border: 0;
}

#htmlemail {
	background-color: transparent;
	border: 0;
}

/* This fixes the border around radio buttons and checkboxes in IE 7 */
input[type="checkbox"], input[type="radio"] {
	background-color: transparent;
	margin-left: 0px;
	padding-left: 0px;
	border: 0;
}


/* Dillon Phone Flash */
#phoneFlash {
	width: 166px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/* Bugfixes ---------------- */
.clearfix:after { /* All except IE */
content: ".";
display: block;
height: 0;
line-height: 0px;
clear: both;
visibility: hidden;
}
.clearfix { /* IE Mac */
display: inline-block;
}
/* Hides from IE Mac, for IE Win \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear{
	clear: both;
}
.multidonor{
	color: #009507;
}