@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);	

HTML{
	overflow-y: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
BODY{
	SCROLLBAR-FACE-COLOR: #FFFFFF; 
	SCROLLBAR-HIGHLIGHT-COLOR: #AAAAAA; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-ARROW-COLOR: #AAAAAA; 
	SCROLLBAR-TRACK-COLOR: #AAAAAA; 
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
	background-image:url(../images/backgrounds/beachMod.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#ada798;
	background-attachment: fixed;
	color: #a2a394;
	font-family: Open Sans, Segoe UI, Arial, sans-serif;
	font-size: 1.0em;
	margin: 0px;
	padding: 0px;
	    -webkit-font-smoothing: antialiased;

}
PRE{
	font-family: Open Sans, Segoe UI, Arial, sans-serif;
	font-size: 1.0em;
}

A, link, .link {
	color: #e7d028; 
	text-decoration:none;
	cursor:pointer;
}
.link{
	color: #e7d028 !important; 
}
A:hover {
	color: #275275;
}
A IMG{
	border: none;
}

BUTTON{
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
	font-weight:bold;
}

H1 {
	color: #DDDDDD;
	display:inline;
}
H2 {
	color: #a2a394;
	font-weight:normal;	
}
/*used for each main title on a page*/
H3 {
	color:#e7d028;
	font-weight: normal;
}
/*used for each main sub title on a page*/
H4 {
	color: #a2a394;
	display: inline; 
}

H5 {
	color: #a2a394;
	display: inline;
	
}

UL LI{
	list-style-position:outside;
}
LI{
	list-style-position:inside;
}

#shadowcontainer {
	height:auto;
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px 5px #000;

}
#container {
	margin:auto;
	border:0px;
	width:900px;
	height:auto;
	position:relative;
	margin-top: 60px;

}

#login_bar
{
	width: 100%;
	height: 21px;
	background-color: #252525;
    opacity:0.85;
	font-size: 85%;
	border-bottom: 2px solid #464646;
	font-weight: bold;
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px 5px #000;
}

/* +++++++Social Links top of page+++++++++++++ */ 
#header_quickLinks {
	text-align: right;
	width: 900px;
}

/* ++++++++++++++++BODY+++++++++++++++++++++++ */
#body_w_sidebar, #body_no_sidebar {
	clear: both;
	width: 880px;	
	padding: 10px;
	float: left;
	background: url('../images/content/content_no_sidebar.png') repeat-y right top;
	border-top: 1px solid #464646;
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px 5px #000;

}
#body_w_sidebar {	
	background: url('../images/content/content_w_sidebar.png') repeat-y right top;
	min-height: 525px;
	_height: 525px;
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px 5px #000;

}

/* ++++++++++++++FOOTER++++++++++++++++++++++++*/
#footer {
	float:left;
	border-top: 1px solid #464646;
	clear: both;
	background-color: #000000;
	height: 20px;
	width:890px;
	padding-left:5px;
	padding-right:5px;
	font-size:0.8em;
    -moz-box-shadow: 0 0 30px 5px #000;
    -webkit-box-shadow: 0 0 30px 5px #000;
}




/* ++++++++++++FIX FOR JQUERY ICONS +++++++++++++++++*/
span.ui-icon {
        height: 16px;
        width: 16pB;
        position: relative;
        display: inline-block;
        border: 0px;
}

.sidebar_small
{
    font-size: 90%;
    webkit-font-smoothing: antialiased;
}
.sidebar_small li {
    padding: 0;
    padding-left: 0px; 
    margin-left:-0.5em;
}
.sidebar_small ul { 
    padding-left: 20px;
    margin:0px;
}

.disclaimer_small
{
    font-size: 80%;
    -webkit-font-smoothing: antialiased;
}

/*Table Class*/
.tHeader { background-color: #e7d028; color: #000000; font-weight:bold;     }
.rLight { }
.rDark { background-color: #353535;}
.rTransparent {  }
.tBorder {}


.box_black_simple{
	background-color: #000000;
	position: relative;
	float: left;
	padding: 10px;
	border: 1px solid #454545;

}

#scroll-pane,.scroll-pane { background-color:white;float:left;overflow: auto; width: 420px; height:300px;position:relative;border:1px solid gray;margin-left:50px;margin-bottom:25px;display:inline}
.scroll-content-item {background-color:#fcfcfc;color:#003366;width:100px;height:100px;float:left;margin:10px;font-size:3em;line-height:96px;text-align:center;border:1px solid gray;display:inline;}
.scroll-content {position:absolute;top:0;left:0}
.slider-wrap{position:absolute;right:0;top:0;background-color:lightgrey;width:20px;border-left:1px solid gray;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:20px;height:10px;margin:0 auto;background-color:darkgray;display:block;position:absolute}
.ui-slider-handle img{border:none}
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
.ui-slider-range{position:absolute;width:100%;background-color:lightgrey}

.text_with_1px_border
{
    text-shadow: 
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000;
}
.text_with_2px_border
{
    text-shadow: 
        /* first layer at 1px */
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000,
        /* second layer at 2px */
        -2px -2px 0px #000,
        -1px -2px 0px #000,
         0px -2px 0px #000,
         1px -2px 0px #000,
         2px -2px 0px #000,
         2px -1px 0px #000,
         2px  0px 0px #000,
         2px  1px 0px #000,
         2px  2px 0px #000,
         1px  2px 0px #000,
         0px  2px 0px #000,
        -1px  2px 0px #000,
        -2px  2px 0px #000,
        -2px  1px 0px #000,
        -2px  0px 0px #000,
        -2px -1px 0px #000;
}