/* General Styles for EA Essential website - July 2006 */

/* Edited for "Don't be a stranger" - November 2008 */

/* defaults, globals, and miscellaneous
==============================================================================*/

*, span { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
	
blockquote {
	padding: 10px 30px;
}

body {
	margin: 0 auto;
	font-family: verdana, arial, san-serif;
	font-size: 12px;
	text-align: left;
}
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
#renderprint {
	width: 600px;
}
a {
	text-decoration: underline;
	color: #072a65;
	}
	
ol {
	margin: 0 0 0 5px;
	padding: 0 0 0 18px;
	font-size: 110%;
	}

ul {
	margin: 0;
	padding: 0 0 0 18px;
	}
li {
	margin: 0;
	padding: 5px 0 5px 18px;
	}
ol li {
	margin: 0;
	padding: 5px 0 5px 0;
	}
#background {
	width: 630px;
}
hr {
	border: 0;
	background-color: #B0B2C4;
	color: #B0B2C4;
	height: 1px;
}
.clear {
	clear: both;
	}
	
#maincontent {
	/*float: left;*/
	width: 630px;
	margin-left: 15px;
	margin-bottom: 20px;
	min-height: 400px;
	}

#maincontent_noright {
	/*float: left;*/
	width: 630px;
	margin-left: 15px;
	margin-bottom: 20px;
	margin-right: 0;
	min-height: 400px;
	}
	
/* standard layouts
==============================================================================*/

p { 
	font-size: 110%;
	color: black;
	padding: 5px 0;
	margin: 0;
}

p img {
	padding: 3px;
	border: 1px solid #B0B2C4;
	margin: 3px;
	}

h2 {
	color: #072a65;
	font-size: 160%;
	padding: 5px 0;
	margin: 5px 0;
	font-weight: 900;
	border-bottom: 1px solid #B0B2C4;
	}
h3 {
	color: #072a65;
	font-size: 130%;
	padding: 5px 0;
	margin: 5px 0;
	font-weight: 700;
	border-bottom: 1px solid #B0B2C4;
	}

h4 {
	color: #072a65;
	font-size: 130%;
	padding: 5px;
	margin: 0;
	font-weight: 700;
	}	
h5 {
	color: #000000;
	font-size: 110%;
	padding: 5px;
	margin: 0;
	font-weight: 700;
	}
h6 {
	color: #000000;
	font-size: 110%;
	padding: 0;
	margin: 0;
	font-weight: 600;
	}

.element_padding {
	padding: 5px;
	}
.largetxt {
	font-size: 150%;
	}
.smalltxt {
	font-size: 90%;
	}
	
.largetext {
	font-size: 150%;
	}
.smalltext {
	font-size: 90%;
	}

/* right left layouts
==============================================================================*/

#rightside {
	display: none;
	}

.rightside {
	display: none;
	}

/* Header of page - before breadcrumb
==============================================================================*/

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 630px;
	vertical-align: top;
	}
#header {
	width: 630px;
	}

#header #alltogether {
	position: absolute;
		left: 360px;
		top: 5px;
	
}

/* Main logo and system navigation
==============================================================================*/

h1 {

	}
	
	h1 a {
		display: none;
		position: absolute;
		top: 5px;
		left: 15px;
		width: 295px;
		height: 99px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../images/style/dbas/DBAS-logo.jpg) -5000px -5000px no-repeat;
		}
	h1 a:hover {
		text-decoration: none;
		background-position: -15px -5px;
		z-index: 50;
		}	
		
h1 img {
	float: left;
	display: block;
}
		
/* main site navigation
==============================================================================*/

#navigation {
	display: none;
}


/* search setup
==============================================================================*/

#searchPrintEmail {
	display: none;
}
/* Share This
==============================================================================*/

#stDiv {
	display: none;
}

/* Top Image Container
==============================================================================*/

.topImageContainer {
	width: auto;
	float: right;
	margin: 0 0 5px 0;
	padding: 0;
}

.topImageContainer img {
	padding: 0;
	margin: 0 auto;
	border: none;
}
	
/* Stories - Index
==============================================================================*/

#storiesIndex {
	min-height: 300px;
	
}

.storiesIndex {
	text-align: center;
	width: 120px;
	float: left;
	font-weight: 700;
}


/* Stories - Page
==============================================================================*/
		
#storiesPage {
	
}

.storiesPage {		
	
}

#storiesQuoteDiv {
	float: left;
	width: 25%;
	margin: 3px 5px 3px 0;
	background-color: #072a65;
	color: #ffffff;
	font-size: 140%;
	font-weight: 700;
}

.storiesQuoteInner {
	padding: 10px 0 0 30px;
	background-image:url(/images/style/dbas/quote1.gif);
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 30;
}

.storiesQuoteOuter {
	padding: 0 20px 10px 0;
	background-image:url(/images/style/dbas/quote2.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: 50;
}

#storiesQuoteDiv p, .storiesQuoteInner p, .storiesQuoteOuter p {
	padding: 0;
	margin: 0;
	color: #ffffff;
}

.storiesImg {
	margin: 0;
	padding: 0;
}

.storiesImg img {
	padding: 0;
	margin: 0;
}

.storiesImgPort {
	float: left;
	margin: 0 5px 3px 0;
	padding: 0;
}

.storiesImgPort img {
	padding: 0;
	margin: 0;
	border: 0;
}

p.storiesCredit  {
	margin-top: -2px;
	background-color: #454545;
	color: #ffffff;
	text-indent: 15px;
	padding-bottom: 8px;
}

p.storiesCredit  a {
	color: #ffffff;
	text-decoration: none;
}

p.storiesCredit  a:hover {
	color: #ffffff;
	text-decoration: underline;
}

h2.storiesTitle {
	border-bottom: none;
	padding: 5px 0;
}

h2.storiesTitle span {
	display: block;
	font-size: 90%;
	color: #072a65;
	font-weight: normal;
	padding: 5px 0;
}

.storiesTitle {
	font-size: 160%;
	color: #072a65;
	font-weight: 900;
	padding: 5px 0;
	margin: 0;
}

.storiesText {
	padding: 0;
	margin: 0;
	font-size: 140%;
	color: #072a65;
}

.cleavePoem {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}

#tellUsYourStory {
	width: 220px;
	float: left;
	height: 18px;
	margin: 10px 15px 15px 0;
	background: url(../images/style/dbas/tellusyourstory.gif) right top no-repeat;
	text-indent: -5000px;
}

#tellUsYourStory a {
	display: block;
	float: left;
	width: 220px;
	height: 18px;
	background: transparent url(../images/style/dbas/tellusyourstory.gif) -5000px -5000px no-repeat;
}

#tellUsAboutYourEvent {
	width: 300px;
	float: left;
	height: 18px;
	margin: 10px 15px 15px 0;
	background: url(../images/style/dbas/tellusaboutyourevent.gif) right top no-repeat;
	text-indent: -5000px;
}

#tellUsAboutYourEvent a {
	display: block;
	float: left;
	width: 300px;
	height: 18px;
	background: transparent url(../images/style/dbas/tellusaboutyourevent.gif) -5000px -5000px no-repeat;
}

#tellUsAboutYourResource {
	width: 315px;
	float: left;
	height: 18px;
	margin: 10px 15px 15px 0;
	background: url(../images/style/dbas/tellusaboutyourresource.gif) right top no-repeat;
	text-indent: -5000px;
}

#tellUsAboutYourResource a {
	display: block;
	float: left;
	width: 315px;
	height: 18px;
	background: transparent url(../images/style/dbas/tellusaboutyourresource.gif) -5000px -5000px no-repeat;
}


#backToStories {
	width: 180px;
	float: right;
	height: 18px;
	margin: 10px 0 15px 15px;
	background: url(../images/style/dbas/backtostories.gif) right top no-repeat;
	text-indent: -5000px;
}

#backToStories a {
	display: block;
	float: right;
	width: 180px;
	height: 18px;
	background: transparent url(../images/style/dbas/backtostories.gif) -5000px -5000px no-repeat;
}

#tellUsYourStory a:hover, #tellUsAboutYourEvent a:hover, #backToStories a:hover, #tellUsAboutYourResource a:hover {
	background-position: right bottom;
	z-index: 50;
}

#tellUsYourStory a span, #tellUsAboutYourEvent a span, #backToStories a span, #tellUsAboutYourResource a span {
	display: none;
}

#tellUsYourStory span, #tellUsAboutYourEvent span, #backToStories span, #tellUsAboutYourResource span {
	display: none;
}

/* Forms
==============================================================================*/

input, textarea, select, button { 
	margin: 3px;
	background: white;
	padding: 3px;
	border: 1px solid #B0B2C4; 
	color: #072a65;
	letter-spacing: 1px;
	font-size: 110%;
	font-family: verdana, arial, san-serif;
	}
	
#visitor_form {
	padding: 5px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #B0B2C4;
	color: #072a65;
	letter-spacing: 1px;
	font-size: 110%;
	font-family: verdana, arial, san-serif;
	width: 100%;
}

#visitor_form .form_left {
	vertical-align: middle;
	font-weight: 700;
	width: 178px;
	padding-right: 2px;
	margin: 0;
	text-align: right;
}

#visitor_form .form_right {
	vertical-align: middle;
	width: 448px;
	padding-left: 2px;
	margin: 0;
	text-align: left;
}

#visitor_form .form_both {
	width: 100%;
	text-align: center;
	vertical-align: middle;
	height: 20px;
}

.form_input {
	background: transparent url(../images/style/dbas/formBox.gif) no-repeat;
	width: 265px;
	height: 30px;
	text-align: left;
}

.form_input input {
	width: 255px;
	font-size: 110%;
	padding: 3px;
	height: 20px;
	text-align: left;
	border: none;
	background-color: transparent;
}

.form_textarea {
	background: transparent url(../images/style/dbas/formBoxLarge.gif) no-repeat;
	width: 265px;
	height: 120px;
	text-align: left;
}

.form_textarea textarea  {
	background-color: transparent;
	border: none;
	padding: 0;
	width: 259px;
	height: 114px;
	text-align: left;
	overflow: auto;
}

td.submit {
	font-size: 110%;
	text-align:center;
}

td.submit input, .upload_button {
	color: #0bc7d9;
	background-color: transparent;
	cursor: pointer;
	margin: 3px;
	background: white;
	padding: 3px ;
	width: auto;
	border: 1px solid #B0B2C4;
	letter-spacing: 1px;
	font-size: 110%;
	font-weight: bold;
	font-family: verdana, arial, san-serif;
	cursor: pointer;
}

td.submit input:hover, input.upload_button:hover {
	color: #072a65;
}

/* page footer
==============================================================================*/

#footer_hr {
	width:670px;
	height:2px;
	text-align: center;
}

#footer {
	margin: 0 15px;
	clear: both;
	width: auto;
	text-align: left;
	padding: 0;
	background-color: transparent;
	}

#footer a {
	font-weight: normal;
}
	
	#footer #alltogether {
		float: right;
		padding-right: 15px;
		}
	
	#footertext {
		width: 580px;
		font-size: 90%;
		}

.footerimg {
	float: right;
	}
	
/* Flow Player CSS 
==============================================================================*/

/* dimensions for both splash image and the player wrapper */ 
a.flowplayer, a.flowplayer img {
	display:block;
	width:630px;
	height:420px;
	border:0px;
	background:url(/Test/images/loading_4.gif) no-repeat #000000;
	background-position: 300px 200px;
} 
 
/* play button on top of splash screenn */ 
div.playButton { 
    background:url(/FlashVideo/play.png) no-repeat; 
    width:50px; 
    height:50px; 
    position:relative; 
    top:-210px; 
    left:315px;  
    margin-bottom:-50px; 
	cursor: pointer;
} 

/* Events 
==============================================================================*/

#eventsList

h3.eventsList {
	border: none;
}

.donotprint, .addthis_toolbox {
	display: none!important;
}