/** BASIC */

body {
	margin: 0px;
	padding: 3px 0px 0px 0px;
	background: #222222 url(images/sitebg.jpg) repeat-x left top;
}

/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

/** HEADINGS */

h1, h2, h3 {
	margin: 0px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
	letter-spacing:1px;
}

h2, h3 {
	padding-bottom: 10px;
	font-weight: normal;
	color: #E4E4E4;
}

h2 span, h3 span {
	color: #008CA0;
}

/** TEXTS */

body, th, td, input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff; /*#e2e2e2 #8E8E8E;*/
}

p, ul, ol, dl {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1em;
	text-align: justify;
}

/** LINKS */

a {
	color: #B5B5B5;
}

a:hover {
	text-decoration: none;
}

/** LOGO */

#logo {
	padding: 0px;
	width: 650px; /*750px;*/
	height: 47px; /*70px*/
	/*background: url(images/IMG_00.jpg) no-repeat left bottom;*/
	border-bottom: 0px solid #2E2E2E;
	background: url(images/menubg.jpg) repeat-x left top;
}

#logo h1, #logo p {
	margin: 0px;
	padding: 0px;
	text-indent: -99999px;
}

#logo h1 {
	width: 650px; /*375px;*/
	height: 47px; /*67px*/
	/*background: url(images/menubg1.jpg) repeat-x left top;*/
}

#logo p {
	width: 0px; /*375px*/
	height: 17px; /*67px*/
	/*background: url(images/menubg1.jpg) repeat-x left top;*/
}

/** HEADER */

#header {
	width: 650px; /*750px;*/
	height: 153px; /*193px;*/
	padding: 0px;
	/*background: url(images/IMG_00.jpg) no-repeat left bottom;*/
	background: transparent;
}

#splash {
	float: right;
	width: 650px; /*750px;*/ /*526px; - added 224px from menu */
	height: 149px; /*190px;*/
	border-top: 1px solid #444;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
	border-bottom: 1px solid #444;
	background: url(images/IMG_00.jpg) no-repeat left bottom;

}

#middle { width: 650px;
	height:50px;
}

/** MENU */

#menu {
	width: 224px;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	width: 130px;
	height: 38px;
}

#menu li.first {
}

#menu a {
	display: block;
	width: 201px;
	height: 29px;
	padding: 9px 0px 0px 23px;
	background: url(images/homepage04.jpg) no-repeat left top;
	text-decoration: none;
	text-transform: lowercase;
	font-size: 12px;
	color: #595959;
}

#menu a:hover {
	background: url(images/homepage05.jpg) no-repeat left top;
	text-decoration: underline;
	color: #FFFFFF;
}

#menu a.active {
	background: url(images/homepage05.jpg) no-repeat left top;
	color: #FFFFFF;
}

/** PAGE */

#page {
	width: 650px; /*750px;*/;
height:345px; /*325px*/

	background: #222 url(images/pagebg00.gif) no-repeat top left; /*contentbg.jpg*/
}


/** CONTENT */

#content {
	width: 360px; /*367px 346px;*/ /*467px;*/
	height: 329px;
	overflow: auto;
scrollbar-base-color: #07067B;
scrollbar-arrow-color: #e2e2e2;
scrollbar-darkshadow-Color: #07067B;
	margin: 0 3px 0 0;
	padding: 5px 28px 10px 28px; /*40px 28px 20px 28px;*/
	
}

#contentlarge {
	width: 591px; /*594px 346px;*/ /*467px;*/
	height: 327px;
	overflow: auto;
scrollbar-base-color: #07067B;
scrollbar-arrow-color: #e2e2e2;
scrollbar-darkshadow-Color: #07067B;
	margin: 0px;
	padding: 7px 28px 10px 28px; /*40px 28px 20px 28px;*/
	/*background: url(images/contentbg.jpg) repeat-y top right;*/
	
}

/*#content-wide {
	padding: 20px 30px 10px 30px;
}*/

/** SIDEBAR */

#sidebar {
	width: 193px; /*170px;*/
	height:319px;
	/*height: 300px; overflow: auto;*/
	margin: 0px;
	padding: 15px 1px 10px 30px; /*15px 24px 10px 30px; 50px 24px 20px 30px;*/
	background: url(images/sidebarbg.gif) no-repeat top left;
}

#sidebar h2 {
}

#sidebar h2 span {
}

/** FOOTER */

#footer {
	width: 650px; /*750px;*/
	height: 7px; /*64px;*/
	/*background: url(images/homepage030.jpg) no-repeat left top;*/
}

#footer p {
	margin: 0px;
	padding: 1px 0px 0px 0px; /*25px 0px 0px 0px;*/
	line-height: normal;
	text-align: center;
	text-transform: lowercase;
	color: #8E8E8E;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 { 
}

/** BOX3 */

#box3 {
	padding-bottom: 15px;
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
}

/** LISTS */

.list1 ul {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 20px;
}

.list1 li {
	margin: 0px;
	padding-bottom: 1em;
	list-style: none;
}

.list1 li.alt {
}

.list1 a {
	padding-left: 27px;
	background: url(images/homepage08.gif) no-repeat left center;
	color: #B5B5B5;
}

.link1 {
	padding-left: 27px;
	background: url(images/homepage08.gif) no-repeat left center;
	color: #B5B5B5;
}

/** BACKGROUNDS */

.bg1 {
}

/** MISC */

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 8px 20px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

img.border {
}

hr {
	display: none;
}

.hr1 {
	height: 10px;
	background: url(images/homepage09.jpg) repeat-x left top;
}


/*  CHROME THEME  */

.chromestyle{
width:100%;
font-weight: normal;
font-size: 16px;
/*align: right;*/
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 5px 0; /*5px 0 - 8px 0*/
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
/*border-left: 1px solid #e2e2e2;
border-top: 1px solid #e2e2e2;*/
}

.chromestyle ul li a{
color: #333; /*#494949;*/
padding: 7px 20px; /*5px 20px*/
margin: 0;
text-decoration: none;
border-right: 0px;
/*background: url(images/menubg.png) no-repeat center;*/
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " v";*/
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #999; /* #ededed THEME CHANGE HERE*/
border-bottom-width: 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #e2e2e2;
width: 200px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 10px;
border-bottom: 0px solid #BBB; /*THEME CHANGE HERE*/
padding: 6px 0;
text-decoration: none;
font-weight: normal;
color: #444;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: #F0F0F0 url(images/dropmenuhover.jpg) repeat;
color: #333;
}

/*  INLINE IMAGES  */

.image { float: left; border: 1px solid #999 /*#e2e2e2*/; padding: 3px; margin: 0 15px 10px 0; }
.imager { float: right; border: 1px solid #999 /*#e2e2e2*/; padding: 3px; margin: 0 5px 9px 0; /*margin: 0 15px 10px 0;*/ }
.imagerindex { float: right; border: 1px solid #999 /*#e2e2e2*/; padding: 3px; margin: 0 5px 0 15px; /*margin: 0 15px 10px 0;*/ }



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -13px; /*33px*/ /* 5px less than IE hack value*/
	left: -15px; /*45px*/
	z-index: 1;
}

.hoverbox img
{
	background: transparent; /*#fff;*/
	border-color: #777;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 135px;
	height: 90px;
	/*width: 100px;
	height: 75px;*/
}

.hoverbox li
{
	background: transparent;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px 15px 5px 5px;;
	padding: 2px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #777;
	width: 375px;
	height: 250px;
}



/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -18px; /*-38px*/
	left: -20px; /*50px*/
}

.hoverbox li
{
	position: static;
}