/*------------------------------------------------------------------
|     Site Color Theme
| Colors used 
| Dark Grey - 2f3234
| Mid Grey - 57595c
| Light Grey - 45484b
| Dark Brown - 8C8372
| Smoke White - dddddd
| Blue - 567D8C
| Dark Blue - 435b6f
| Dark Blue Border - 415e69
| beige - bcb8ad
| 
--------------------------------------------------------------------*/
body, html{
	background-color:#bcb8ad;
	color:#efefef;
	font-family: "trebuchet ms", tahoma, verdana, arial, sans-serif;
	font-size:1em;
	margin:0px;
	padding:0px;
	text-align:left;
	width:100%;
	z-index:0;
}
/*=======================
|   Default Overrides
=========================*/
a {
	color:#9cb9d5;
	text-decoration:none;
}
a:hover {
	color:#dddddd;
}
img {
	border:none;
}
input {
	background-color:#567D8C;
	border:1px solid #415e69;
	color:#efefef;
	font-size:.9em;
	margin:1px;
}
select {
	background-color:#567D8C;
	border:1px solid #415e69;
	color:#efefef;
	font-size:.9em;
}
h1 {
	display:inline;
	font-size:1em;
}
/*=======================
|    Lists
=========================*/
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px;
	left:0px;
}
ol {
	margin:0px;
	padding:0px;
}
li {	
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:auto;
	left:0px;
}
/*=======================
|    Headers
=========================*/
h1 {	
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h2 {	
	display:inline;
	font-size:1em;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h3 {	
	display:inline;
	font: inherit;
}
h4{
	display:inline;
	font:inherit;
}
/*------------------------------------------------------------------
|     Containers
| 
--------------------------------------------------------------------*/
#navContainer{
	background-color:#567D8C;
	background-image:url(images/linkbarbg.png);
	border-top:1px solid #415e69;
	border-bottom:1px solid #415e69;
	font-size:1.2em;
	font-weight:bold;
	height:16px;
	_height:18px;
	padding:.5em 1.5em .5em 0em;
	text-align:center;
}
#map {
	border:1px solid #415E69;
	height:400px;
	margin:0px auto;
	width:800px; 
}
/*------------------------------------------------------------------
|     Classes
| 
--------------------------------------------------------------------*/
.genCodeBlock {
	background-color:#567D8C;
	border:1px solid #415E69;
	color:#efefef;
	height:460px;
	width:98%; 
}
/*=======================
|   Colors 
=========================*/
.colorDarkBlue {
	color:#435b6f;
}
.colorLightBlue {
	color:#9cb9d5;
}
.colorLightGrey {
	color:#57595c;
}
/*=======================
|   Cursor
=========================*/
.cursorPointer {
	cursor:pointer;
}
/*=======================
|   Display
=========================*/
.displayInline {
	display:inline;
}
/*=======================
|   Divs 
=========================*/
.innerDivAlign {
	margin:0px auto;
	position:relative;
	text-align:left;
	width:84%;
}
.cornerStyleDarkGrey {
	background-color:#2f3234;
	text-align:center;
}
.cornerStyleMedGrey {
	background-color:#45484b;
	text-align:center;
}
.cornerStyleLightGrey {
	background-color:#57595c;
	color:#efefef;
	text-align:center;
}
.cornerStyleBlue {
	background-color:#9cb9d5;
	color:#2f3234;
	text-align:center;
}
.cornerStyleDarkBlue {
	background-color:#435b6f;
	color:#9cb9d5;
	text-align:center;
}
/*=======================
|   Positioning 
=========================*/
.absoluteRight {
	position:absolute;
	right:0px;
}
.absoluteRightButton2 {
	position:absolute;
	right:100px;
}
.alignCenter {
	text-align:center;
}
.alignRight {
	text-align:right;
}
.alignLeft {
	text-align:left;
}

.clear {
	clear:both;
}
.floatLeft {
	float:left;
	position:relative;
}
.floatRight {
	float:right;
}

.hidden {
	visibility:hidden;
}


.margin5px {
	margin:5px;
}
.margin5pxLeft{
	margin-left:5px;
}
.margin5pxRight{
	margin-right:5px;
}
.margin5pxTop{
	margin-top:5px;
}
.margin5pxTopBot {
	margin:5px 0px 5px 0px;
}
.margin10px {
	margin:10px;
}
.margin10pxLeft {
	margin-left:10px;
	position:relative;
}
.margin20pxLeft {
	margin-left:20px;
	position:relative;
}

.padding1px {
	padding:1px;
}
.padding2px {
	padding:2px;
}
.padding5px {
	padding:5px;	
}
.padding10px {
	padding:10px;
}
.padding20px {
	padding:20px;
}
.paddingTopBot20px {
	padding:20px 0px 20px 0px;
}
.paddingLeftRight10px {
	padding:0px 10px 0px 10px;
}

.positionAbsolute {
	position:absolute;
}
.positionRelative {
	position:relative;
}
.position85Left {
	position:relative;
	left:85%;
}

.width98 {
	width:98%;
}
/*=======================
|   Text 
=========================*/
.bold {
	font-weight:bold;
}
.fontSize8em {
	font-size:.8em;
}
.textBig {
	font-size:1.3em;
	font-weight:bold;
}
.textHuge {
	font-size:1.7em;
	font-weight:bold;
}
.textMed {
	font-size:1.2em;
}
.textMedBold{
	font-size:1.2em;
	font-weight:bold;
}
