/* hide hack from Mac-IE5 \*/
* html #columnRight { height: 1em; }
/* end hiding */
body {
 padding: 0px;
 margin: 0px auto;
 font: 12px/1.8 "Lucida Grande", Verdana, sans-serif;
 line-height: 125%;
 text-align: left;
 background-color: #394a59;
  
}

#wrapper {
width: 915px;
 margin-left: auto;
 margin-right: auto; 
 text-align: left;
 background-color: #afbbae;
}

#header {
 background-color: #1B2434;
}

#main {
 padding: .1em;
 margin: 0px auto;
 background-color: #5f6a72;
 border: 0px;

}

#columnLeft {
 float: left;
 margin-left: 0;
 padding-top: 0;
 width: 135px;
}
#columnRight {
 padding: .5em;
 margin: 0 0 0 155px;
 background-color: #f7f7f7;
 border: 0px;
 position: relative;

}

/* Site Styles */
img.banner {
 position: relative;
 border: 0px;
 padding-left: 5px;
}
img.footer {
 float: right;
 border: 0px;
}
table {background-color: white}

h1 {font-size: 14pt;} 
h2 {color: black;
    font-size: 12pt;}
h3 {
border-bottom: 1px solid gray; font-size: 1.25em;
}
h3 span {
border-bottom: 2px solid #125687;
}

p {font-size: 10pt;
color: #000000;
	margin-top: 0; margin-bottom: 0;
font-family: verdana;

}
p#a  { text-align: center; }

a:link, a:visited {
  text-decoration: none;
  color: #000000;
  /*font-weight: bold;*/
}

/* Image */

img.figure {
	    float: right;
		position: relative;
	    margin-left: 2px;
	    margin-bottom: 2px;
	    border: 1px solid #ccc;
	    padding: 6px;
	}

	
#imageContainer {
				padding: 0 18px 0 0;
				height:197px; 
				width:271px; 
				float: right;
}  
#imageContainer img { display:none; 	
					position:absolute; 		
				    float: right;
	   				margin-left: 2px;
	   				margin-bottom: 2px;
	    			border: 1px solid #ccc;
	    			padding: 6px;	
			 } 

#imageContainer2 img { 	
				    float: right;
	   				margin-left: 2px;
	   				margin-bottom: 2px;
	    			border: 1px solid #ccc;
	    			padding: 6px;	
			 } 



/* Left Menu */
ul#navlist
{
width: 135px;
\width: 137px;
w\idth: 135px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 1em; 
background-color: #fff; 
color: #333; 
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;

}

ul#navlist li a
{
display: block;
width: 125px;
\width: 140px;
w\idth: 125px;
 display: block; 
 padding: 1px 1px 1px 0.5em; 
 border-left: 2px solid #125687; 
 border-bottom: 1px solid #d3d3d3;
 background-color: #f7f7f7; 
 color: #000; 
 text-decoration: none; 
}

ul#navlist li.alt
{
display: block;
width: 125px;
\width: 140px;
w\idth: 125px;
 display: block; 
 padding: 1px 1px 1px 0.5em; 
 border-left: 2px solid #125687; 
 border-bottom: 1px solid #d3d3d3;
 background-color: #ddd; 
 color: #5f6a72; 
 text-decoration: none; 
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
 background-color: #ededed; 
 color: #5f6a72; 
}
#navlist li a#current, #navlist li a#current:link
{
 color: #5f6a72;
 cursor: default;
 background-color: #ededed;
 border-bottom: 2px solid #125687;
}


/* Other */

.first { font-size: 15px; font-family: georgia; }

/* Footer */

#footer { border-top: 1px solid #000000;/*#dcdccf;*/ clear: both; /*background: #f5f5e8;*/background: #F3F1E9; line-height: 1.4; color: #000000;/*color: #3b3b2b;*/ margin-top: 10px; padding: .3em; }

#footer a { background: none; }

#footer address { font-weight: normal; padding: 0; margin: 0; }
#footer p { padding: 0; margin: 0; }

.footblock { float: left; width: 120px; padding-left: 5px;}
.footblock span { text-align: right; display: block; }
.alignright { text-align: right; width: 210px;}

.copy { font-size: 11px; color: #51513b; }

.wrapper {
height: 80px;
 overflow: auto;
 clear: both;
}


hr { display: none; 
 height: 2px;

}

/* Forms */

table {
 border-collapse: collapse;
 color: black;
 width: 500px;
 border: 1px solid black;
 background-color: #f7f7f7;
 border-bottom: 1px solid black;
}  

th {
 width: 200px;
 text-align: right;
 border-top: 1px solid black;
 padding-right: 10px;
 padding-top: .50em;
 padding-bottom: .50em;
 border-bottom: 0px solid black;
} 

td {
 background-color: #f7f7f7;
 border-bottom: 0px solid black;
 border-top: 1px solid black;
 color: black;
 border-left: 0px solid black;
 padding: 1px;
} 

.required {
 color: red;
} 

.header th {
 text-align: left;
 text-transform: uppercase;
 font-size: .9em;
 padding-left: 220px;
 border-bottom: 1px solid black;
 background-color: #ddd;
 color: #000;

}  

#buttonSubmit {
 margin-left: 220px;
 margin-top: 4px;
} 


#showcase {clear:both; width:700px; background:#bc8f8f; height:auto; border:1px solid #aaa; border-width:1px 0;}
#info {background:#fff; width:750px; float:left;}
#info_right {display:block; float:right; width:230px; padding:10px;}
#info_right p {margin:0 0 10px 0;}
#info_right form fieldset {padding:0; border:0; margin:0 0 0 5px;}
#info_right ol {margin-top:40px;}
#info_right ol li {margin-bottom:5px;}
#info_right li a, #info_right li a:visited {font-size:11px; text-decoration:none;}
#info_right li a:hover {text-decoration:underline;}

#info h2 {font-family:"times new roman", serif; font-size:1.4em; margin:0; text-align:left; margin:15px 0 10px 0;}
#info h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0 0 0 0; color:#006699; text-align:left; margin-bottom:10px;}
#info_right h3 {font-family:"trebuchet ms", sans-serif; font-size:1.1em; font-weight:normal; margin:0;}
#info_right_home {float:left; width:250px; overflow:hidden;}
#info_right_home a img {border:0; display:block;}

/* Image Gallery */

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

/* slides styling */

.photo {width:720px; height:615px; text-align:left; margin:0 auto;}

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

.photo ul.topic li {display:block; width:125px; height:31px; float:left;}
.photo ul.topic li a.set {display:block; font-size:11px; width:124px; height:30px; text-align:center; line-height:30px; color:#000; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#ccc; font-family:verdana, arial, sans-serif;}

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

.photo ul.topic li.active a
{color:#000; background:#E6E3DD;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#000; background:#e4e1dc;}

.photo ul.topic li.active ul
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:550px; background:#F2EFE9; width:700px; padding:10px 10px; border:5px solid #E6E3DD; 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:550px; background:#F2EFE9; width:700px; padding:10px 10px; border:5px solid #e4e1dc; 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; 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;}

/* CSS Table */

#mytable {
	width: 400px;
	padding: 0;
	margin: 0;
	border: 0;
}

#mytable caption {
	padding: 0 0 2px 0;
	width: 400px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#mytable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 2px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 2px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

/* Inventory Section Table */
.inventory {
margin:0;
width:725px;
overflow:hidden;
}
.inventoryCol {
float:left;
width:250px;
margin-left:15px;
}
.inventoryCol2 {
float:right;
width:425px;
}
.inventory2 {
clear:both;
margin:10px 0 0 0;
width:725px;
}
/* Spacer div to follow multiple floated items */
.spacer {
clear:both;
}

/* Contact Section Table */
#contact {
margin:0;
width:625px;
overflow:hidden;
}
#contact2 {
clear:both;
margin:10px 0 0 0;
width:725px;
}
.contactCol {
float:left;
width:425px;
}
.contactCol2 {
float:left;
width:184px;
margin-left:12px;
}

/* Insert Section Table */
#insert {
margin:0;
width:725px;
overflow:hidden;
}
.insertCol {
float:left;
width:415px;
}
.insertCol2 {
float:left;
width:315px;
margin-left:12px;
}