/* Cafe Depeche CSS */


/*--------------------------------General CSS---------------------------------*/
*
{
margin:0;
padding:0;
}

html
{
height:100%;
}


body
{
width:100%;
background:#000;
margin:0;
padding:0;
color: #fff0f0;
height:100%;
font-family: Arial;
}
/*----------------------------End of General CSS------------------------------*/

.floatright
{
float:right;
}

/*--------------------------Masthead & Navigation CSS-------------------------*/
div#masthead
{
width:1024px;
height:214px;
border-top:1px solid black;
background: url(../images/fullheaderwideborder.jpg) top left no-repeat #000;
margin:0 auto;

}


div#nav
{
text-align: right;
}

div#nav p
{
padding-top:70px;
margin-right:1em;`
}

/*----------------------End of Masthead & Navigation CSS----------------------*/


/*--------------------------Content & Containers CSS--------------------------*/
div#content
{

width:1024px;
min-height: 100%;
height: auto !important;
height: 100%;
background: url(../images/coffeebeanbg.jpg) top left #000;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}

div#leftcontainer
{
float:left;
width:650px;
margin-top:10px;
}

div#leftcontainer p
{
margin-top:1em
}
div#notice a
{
color:#890d2f;
}


div#rightcontainer
{

width:350px;
float:right;
text-align:center;

}

.contactinfo
{
margin-top:40px;
}

div#centercontainer
{
width:1000px;

margin-top:20px;
margin-left:10px;
margin-right:10px;
}

.abbox
{
width:270px;
float:left;
height:260px;
margin-right:15px;
border-left: 1px solid #890d2f;
margin-top:20px;
padding-left:10px;

}

#aboutblurb
{
width:900px;
margin:0 auto;
}

#notice
{
background:url(../images/noticebg2.png) top right no-repeat;
color:#000;
text-align:center;
height:380px;
border-bottom: 4px solid white;
border-top: 4px solid white;
}

div#notice p
{
width:80%;
margin:0 auto;
margin-top:1em
}
/*----------------------End of Content & Containers CSS-----------------------*/


/*--------------------------------Footer CSS----------------------------------*/
div#clear
{
clear:both;
}


#footer
{
height: 60px; /* .push must be the same height as .footer */
width:1024px;
margin: 20px auto 0 auto;

text-align:center;
font-size:small;
background: url(../images/footerbg.jpg) top left #000;
}

.push 
{
height: 80px; /* .push must be the same height as .footer */
width:1024px;
}



/*-----------------------------End of Footer CSS------------------------------*/

/*-----------------------------Miscellaneous CSS------------------------------*/
.largelogo
{
text-align:center;
}

.float
{
margin-top: 2em;

}

p img
{
margin-top: 2em;
}

span.largetext
{
font-size: 180%;
}

div#rightcontainer p
{
text-align:left;

}

p.link
{
margin-top:1em;
}
/*--------------------------End of Miscellaneous CSS--------------------------*/

/*---------------------------------Link CSS-----------------------------------*/
.internallink
{
color: #890d2f;
}

a:link              { color:white; font-weight: 400; text-decoration:none; }
a:visited           { color:white; font-weight: 400; text-decoration:none; }
a:hover             { color:#890d2f; font-weight: 400; text-decoration:none; }
a:active            { color:white; font-weight: 400; text-decoration:none; }
    
.current
{
color:#890d2f;
}

h3
{
margin-top:1em;
color:#890d2f;
}
    
/*----------------------------End of Link CSS---------------------------------*/

/*----------------------------Expeimental CSS---------------------------------*/

#NewsTicker{
float:right;
	background:;

	width:250px;
	height:364px;
	text-align:right;
	margin-right:10px;
	margin-bottom:10px;

}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		background:;
		color:#fff;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 250px;
	height: 300px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#fff;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 250px;
		height: 330px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 238px;
		color: #fff;
		text-align: right;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:right;
			margin-left:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #fff;
			font-size: 10px;
			margin:6px 0 14px 0;
		}


/*--------------------------------Form Styling--------------------------------*/
/* General */

.cleanform {
	font-size:1em;
	width:100%;
	color:#fff;
	text-align:left;
	margin:1em auto
}

/* Elements */

.cleanform  label,.cleanform legend{
	padding:0;
	margin:0.3em 0
}

.cleanform fieldset{
	padding:0.7em;
	border:1px solid #ddd;
	margin:0 0 0.5em 0
}

.cleanform label {
    font-weight:bold
}

.cleanform fieldset input {
    width:70%;
    line-height:1.5em;
	padding:0.15em
}

.cleanform .radio input,
.cleanform .checkbox input {
    width:auto;
    border:none;
    margin:0 1.5em 0 0
 }

.cleanform input, .cleanform textarea, .cleanform select {
    display:block;
    margin-bottom:1em;
    font-size:1em;
    border:1px solid #bbb;
    padding:0.15em;
    margin-right:1em
 }

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input {
    display:inline;
    margin:0 1.5em 0 0
}

.cleanform .radio input, .cleanform .checkbox input {
    margin:0 0.3em 0 0
}

/* Button */

.cleanform button {
	margin:0.3em 1em;
	border:1px solid #ccc;
	background-color:#eee;
	font-size:1em;
	cursor:pointer;
	padding:0.5em
}

.cleanform button:hover {
	background-color:#b2b2b2;
	border:1px solid #ccc;
	color:#eee
}

.cleanform button:active {
	background-color:#333;
	color:white;
	border:1px solid #000
}

/* information */

.cleanform .formInfo {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:0.1em solid #ddd
}

.cleanform .formInfo h2 {
	color:#00889e;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:1em
}

.cleanform .formInfo p{
	text-align:justify
}

.cleanform .required {
	color:#890d2f;
	font-weight:bold;
	font-size:0.8em
}

.fieldbg
{
background: url(../images/textboxbg.jpg) top center no-repeat #fff;
}
/*------------------------------End of Form Styling---------------------------*/