/* Common CSS */

body {
	background-image : url(images/images/bg_logo.jpg);
	background-repeat : no-repeat;
	margin : 0;
	background-color : #000000;
	scrollbar-3dlight-color:#666666;
	scrollbar-arrow-color:#45d03c; 
	scrollbar-base-color:#000000; 
	scrollbar-darkshadow-color:#666666; 
	scrollbar-face-color:#000000; 
	scrollbar-highlight-color:#000000; 
	scrollbar-shadow-color:#000000;
	background-attachment: fixed;
} 
a:link { 
color : #45d03c; 
text-decoration : none; 
} 
a:visited { 
text-decoration : none; 
color : #cc6600; 
} 
a:hover { 
text-decoration : none; 
color : #cccccc; 
} 
a:active { 
text-decoration : none; 
} 
p {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#00CC33;
}
.h3 { 
border-bottom-style : solid; 
border-bottom-width : 1px; 
border-bottom-color : #45d03c; 
font-size : 18px; 
color : #ffffff; 
padding-bottom : 7px; 
} 
.textleft {
	position : absolute;
	top : 235px;
	left: 11px;
	width : 190px;
	height : 37px;
	font-size : 12px;
	color : #45d03c;
	text-align : left;
	
} 
.logo {
	position:absolute;
	top:0;
	left:0;
	height:158px;
	width:162px;

}
.textright {
	position : absolute;
	right : 50px;
	top : 4px;
	width : 168px;
	height : 99px;
	font-size : 12px;
	color : #45d03c;
	text-align : left;
} 
#logo {
	width : 400px;
	height : 125px;
	padding : 20px 400px 0 0;
	margin : auto;
	position : relative;
} 
#header { 
width : 802px; 
height : 400px; 
padding : 0 0 0 0; 
margin : auto; 
position : relative; 
background-repeat : no-repeat; 
background-position : 0 0; 
border : 10px solid #ffffff; 
} 
#subheader {
	width : 802px;
	height : 400px;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
} 
#portsubheader {
	width : 802px;
	height : 800px;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
}
#articles {
	width : 802px;
	height : 550px;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
}
#extendedbody {
	width : 802px;
	height : auto;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
} 
#body {
	width : 65px;
	margin-top : 0;
	margin-left : 20px;
	color : #FF6600;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	display : block;
	float : left;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #45d03c;
	padding-right : 30px;
	padding-left : 20px;
	height : 325px;
	padding-bottom : 13px;
	padding-top : 60px;
	margin-bottom : 20px;
} 
#portbody {
	width : 65px;
	margin-top : 0;
	margin-left : 20px;
	color : #FF6600;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size : 11px;
	display : block;
	float : left;
	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #45d03c;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #45d03c;
	padding-right : 30px;
	padding-left : 20px;
	height : 315px;
	padding-bottom : 13px;
	padding-top : 60px;
	margin-bottom : 20px;
} 
#column2 {
	width : 600px;
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
} 
#portfolio {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 730px;
} 
#articlesborder {
	width : 802px;
	height : 1050px;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
}
#articlesbody {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 490px;
}
#articlesbodylonger {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 990px;
}
#testimonials {
	width : 802px;
	height : 700px;
	padding : 0 0 0 0;
	margin : auto;
	position : relative;
	background-repeat : no-repeat;
	background-position : 0 0;
	border : 10px solid #ffffff;
}
#testimonialbody {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 640px;
}
#contentlong {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 730px;
} 
#contentlong2 {
	color : #ffffff;
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	float : left;
	margin : 55px 10px 0 30px;
	overflow: auto;
	width: 620px;
	height: 730px;
}
.text { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 11px; 
top : -524px; 
left : -418px; 
width : 792px; 
height : 315px; 
line-height : 20px; 
font-weight : bold; 
padding : 0 11px 0 11px; 
} 
.text2 { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 11px; 
top : 524px; 
left : -418px; 
width : 792px; 
height : 315px; 
line-height : 20px; 
font-weight : bold; 
padding : 0 11px 0 11px; 
} 
.content { 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 11px; 
top : 524px; 
left : -418px; 
width : 792px; 
height : 315px; 
line-height : 18px; 
font-weight : bold; 
padding : 0 11px 0 11px; 
} 
#headtag { 
width : 778px; 
height : 25px; 
padding : 0; 
position : relative; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 13px; 
color : #ffffff; 
text-align : center; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
} 
#contact { 
width : 778px; 
height : 25px; 
padding : 0; 
position : relative; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #ffffff; 
text-align : center; 
margin-top : 0; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
} 
#footer { 
width : 778px; 
padding : 0; 
position : relative; 
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : #999999; 
text-align : center; 
margin-top : 100px; 
margin-right : auto; 
margin-bottom : 0; 
margin-left : auto; 
}
.footertext {
width : 778px; 
padding : 0;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size : 9px;
color : #999999; 
text-align : left; 
} 
form fieldset { 
clear : both; 
font-size : 100%; 
border-color : #ffffff; 
border-width : 0; 
padding : 10px; 
margin : 0 0 0 0; 
} 
form fieldset legend { 
font-size : 150%; 
font-weight : normal; 
margin : 0 0 0 0; 
padding : 0 5px; 
} 
label { 
font-size : 100%; 
} 
label u { 
font-style : normal; 
} 
input, select, textarea { 
font-family : "Times New Roman", Times, serif; 
font-size : 100%; 
color : #ffffff; 
} 
textarea { 
overflow : auto; 
} 
form div { 
clear : left; 
display : block; 
width : 354px; 
margin : 0 0 0 0; 
padding : 3px 4px; 
} 
form fieldset div.notes { 
float : right; 
width : 158px; 
height : auto; 
margin : 0 0 10px 10px; 
padding : 5px; 
border : 1px solid #666666; 
color : #666666; 
font-size : 88%; 
} 
form fieldset div.notes p { 
margin : 0 0 1.2em 0; 
color : #cccccc; 
} 
form div fieldset { 
clear : none; 
border-width : 1px; 
border-style : solid; 
border-color : #666666; 
margin : 0 0 0 144px; 
padding : 0 5px 5px 5px; 
width : 100px; 
} 
form div fieldset legend { 
font-size : 100%; 
padding : 0 3px 0 9px; 
} 
form div.required fieldset legend { 
font-weight : bold; 
} 
form div label { 
display : block; 
float : left; 
width : 130px; 
padding : 2px 5px; 
margin : 0 0 5px 0; 
text-align : right; 
} 
form div.optional label, label.optional { 
font-weight : normal; 
} 
form div.required label, label.required { 
font-weight : bold; 
} 
form div label.labelCheckbox, form div label.labelRadio { 
float : none; 
display : block; 
width : 200px; 
padding : 0; 
margin : 0 0 5px 142px; 
text-align : left; 
} 
form div fieldset label.labelCheckbox, form div fieldset label.labelRadio { 
margin : 0 0 5px 0; 
width : 100px; 
} 
form div img { 
border : 1px solid #000000; 
} 
form div.error { 
background-color : #ffffe1; 
background-repeat : no-repeat; 
background-position : top left; 
color : #666666; 
border : 1px solid #ff0000; 
} 
form div.error p.error { 
background-position : top left; 
background-color : transparent; 
border-style : none; 
font-size : 88%; 
font-weight : bold; 
margin : 0 0 0 118px; 
width : 200px; 
color : #ff0000; 
} 
form div select, form div textarea { 
width : 200px; 
padding : 1px 3px; 
margin : 0 0 0 0; 
} 
form div input.inputText, form div input.inputPassword {
	width : 200px;
	padding : 1px 3px;
	margin : 0 0 0 0;
	background-color: #333333;
	border: 1px solid #666666;
} 
form div input.inputFile { 
width : 211px; 
} 
form div select.selectOne, form div select.selectMultiple { 
width : 211px; 
padding : 1px 3px; 
} 
form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio { 
display : inline; 
height : auto; 
width : auto; 
background-color : transparent; 
border-width : 0; 
padding : 0; 
margin : 0 0 0 140px; 
} 
form div.submit { 
width : 200px; 
padding : 0 0 0 90px; 
} 
form div.submit div { 
display : inline; 
float : left; 
text-align : left; 
width : auto; 
padding : 0; 
margin : 0; 
} 
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton { 
background-color : #000000; 
color : #ffffff; 
width : auto; 
padding : 0 6px; 
margin : 5px; 
} 
form div.submit div input.inputSubmit, form div.submit div input.inputButton { 
float : right; 
margin : 0 0 0 5px; 
} 
form div small { 
display : block; 
margin : 0 0 5px 142px; 
padding : 1px 3px; 
font-size : 88%; 
} 
form fieldset legend { 
line-height : 150%; 
} 
form input, form select, form textarea { 
background-color : #000000; 
} 
form textarea.expanding { 
overflow : auto; 
} 
div.optional label:before { 
content : ''; 
} 
div.required label:before { 
content : ''; 
} 
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio { 
display : block; 
width : 190px; 
padding : 4px 0 0 18px; 
text-indent : -18px; 
line-height : 120%; 
} 
form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio { 
margin : 0; 
} 
form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea { 
width : 160px; 
margin : 0 0 0 18px; 
} 
form div label.compact { 
display : inline; 
width : auto; 
padding : 4px 10px 0 0; 
text-indent : 0; 
margin : 0 0 0 0; 
} 
form div.wide label { 
float : none; 
display : block;
width:auto;
} 
form div label.wide { 
width : 348px; 
} 
form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea { 
width : 344px; 
margin : 0; 
} 
form div.notes p, form div small { 
line-height : 125%; 
} 
form div.wide small { 
margin : 0 0 5px 0; 
} 

.gallerycontainer{
	position: relative;
	height:370px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #006600;
	padding: 5px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 330px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/lightbox.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

a {color:#000;}
a:hover {text-decoration:none;}
a:visited {
	color:#00CC33;
}

/* slides styling */

.photo {
	width:600px;
	text-align:left;
	position:relative;
	margin:0 auto;
}

.photo ul.topic {
	padding:0;
	margin:0;
	list-style:none;
	width:460px;
	height:auto;
	position:relative;
	z-index:10;
}

.photo ul.topic li {
	display:block;
	width:125px;
	height:31px;
	float:left;
	text-align: center;
}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#00CC33; text-decoration:none; border:1px solid #00CC33; border-width:1px 1px 1px 1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li.active a
{
	color:#00CC33;
}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{
	color:#006600;
}

.photo ul.topic li.active ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:511px;
	
	width:350px;
	padding:40px 60px;
	
	z-index:1;
}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul
{
	display:block;
	position:absolute;
	left:0;
	top:31px;
	list-style:none;
	padding:0;
	margin:0;
	height:511px;
	
	width:350px;
	padding:40px 60px;
	
	z-index:100;
}

.photo ul.topic li ul li
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li ul li a
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li ul li a img
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#fff;}