body
{
    margin : 0px;
    margin-top : 5px;
    background-color : #101010;
    font-family:Georgia,Verdana,sans-serif;
    font-size:62.5%;
    color : #a0a0a0;
}

a
{
    color : #545556;
}

h1
{
    background-color : #181818;
    font-size : 2.2em;
    font-weight : bold;
    border-top : solid 2px #3f3f3d;
    border-bottom : solid 2px #3f3f3d;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 40px;
    color : #ffffff;
    font-family : "Trebuchet MS", Georgia, Verdana, Arial;
}

h2
{
    font-family : "Trebuchet MS", Georgia, Verdana, Arial;
    font-size : 1.5em;
    color : #ffffff;
    font-weight : bold;
}

img
{
    border : none;
}

#close
{
    position : absolute;
    right : 5px;
    top : 18px;
}

.contentWrapper
{
    margin-left : 185px;
}

.contentWrapperCoffee
{
    margin-left : 0px;
}

.coffeeSubscribe
{
    position : relative;
    float : left;
    width : 185px;
    text-align : center;
    padding-top : 145px;
}

.coffeeSubscribe a
{
    color : #FFFFFF;
    font-weight : bold;
    font-size : 1.5em;
    text-decoration : none;
    font-family : Arial;
}

.contentCoffee
{
    position : relative;
    float : left;
    width : 335px;
    font-size : 1.2em;
}

.content
{
    position : relative;
    float : left;
    width : 335px;
    font-size : 1.2em;
}

.contentImages
{
    position : relative;
    float : left;
    width : 314px;   
    height : 800px;
}

.contentImages img
{
    border : none;
    padding-left : 55px;
    padding-bottom : 17px;   
}

p
{
    font-size : 1.2em;
}

ul
{
    list-style-image : none;
    list-style-position:outside;
    list-style-type:none;
}

ul li
{
    padding-left : 10px;
    font : Georgia, Verdana, Arial;
    font-size : 1.2em;
    background : transparent url(/images/square.png) no-repeat;
    background-position: 0px 8px;
}

#pnlError
{
    font-size : 1.2em;
    padding-left : 10px;
    padding-right : 10px;
}

#pnlSuccess
{
    font-size : 1.2em;
    padding-left : 10px;
    padding-right : 10px;
}

.form 
{
    margin:15px 0;
}

.fs 
{
    clear:both;
    overflow:hidden;
    padding-bottom:6px;
    padding-left : 10px;
}

.fs_action
{
    clear:both;
    overflow:hidden;
    padding-bottom:6px;
    padding-left : 10px;
    padding-top : 6px;
    padding-right : 6px;
    border-top : solid 1px #a2b4b6;
}


.label 
{
    float:left;
    width:175px;
    font-size : 1.2em;
}

.label a
{
    color : #6e8b96;
    text-align : center;
    text-decoration : none;
}

.label a:hover
{
    text-decoration : underline;
}

.field input 
{
    float:left;
}
.form input, .form select, .form textarea 
{
    width:250px;
}

.field a
{
    color : #3b3b3b;
    font-weight : bold;
    text-decoration : none;
    font-size : 1.2em;
}

.field a:hover
{
    text-decoration : underline;
}

.news{
margin: 5px;
padding: 0;
width: 735px; /*width of menu*/
}

.news div.normalheader a{
border-bottom  : solid 1px #bec0c5;
font-size : 1.5em;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 5px;
padding-right : 5px;
text-decoration: none;
}

.news div.normalheader .date
{
    color : #6E8B96;
    font-size : 0.7em;
}

.news div.normalheader a:visited, .news div.normalheader a:active{
color: #545556;
}


.news div.selected a, .news div.normalheader a:hover{
background-image: url(silvergradientover.gif);
color : #545556;
}

.news div.submenu{ /*DIV that contains each sub menu*/
background: white;
border-bottom  : solid 1px #bec0c5;
border-left  : solid 1px #bec0c5;
border-right  : solid 1px #bec0c5;
font-size : 1.2em;
padding: 5px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}










.holder {
	float: left;
	margin: 10px;
}

.scroll-pane {
	width: 900px;
	height: 400px;
	overflow: auto;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 400px;
}

#pane1 {
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	height : 30px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}