/* << ----------------// General Styles //--------------> */
body {
margin:3px 0px;
padding:0px;
vertical-align:top;
font-family:Arial, Verdana, "Arial", sans serif;
font-size:1em;
line-height:1.2em;
color:#000000;
background-color:#f1f1f1;
text-align: center;
min-width:950px;
}

p {
font-size:.75em;
margin:4px 0 6px 0;
}

strong {
color:#006699;
font-weight:bold;
}

em {
font-style:italic;
}

h1, h2, h3, h4 {
font-weight:bold;
padding: 2px 0 2px 5px;
}

h1 {
margin:0 0 8px 0;
font-size:.92em;
color:#f4620a;
}

h2 {
font-size:.9em;
margin:7px 0 0 0;
color:#2f3740;
}

h3 {
font-size:.8em;
margin:10px 0 0 0;
color:#2f3740;
}

h4 {
font-size:.75em;
margin:10px 0 0 0;
color:#cea600;
}

a:link, a:visited {
color:#e96f02;
text-decoration:none;
}

a:hover, a:active {
color:#007daf;
text-decoration:none;
}

ul {
margin:5px 0 5px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 5px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
font-size:inherit;
margin:0 0 4px 0;
padding:0;
}


/* << ----------------// Big container that holds the gradient blue background//--------------> */
#backContainer {
margin:0px auto;
height:auto;
padding:0px;
width:999px;
border:0px;
text-align:left;
background-color:#000000;
background:url(../images/main_background.gif) repeat-y;
}

/* << ----------------// Outer container that holds all the columns //--------------> */
#mainContainer {
margin:0px auto;
padding:0px;
width:949px;
border-left:3px solid;
border-right:3px solid;
border-top:0px;
border-bottom:0px;
border-color:#FFFFFF;
vertical-align:top;
background-color:#FFFFFF;
}

/* << ----------------// Header //--------------> */
#header {
margin:0px;
padding:0px 0px 0px 0px;
width:949px;
height:88px;
color:#000000;
background-color:#ffffff;
background:url(../images/top_banner_sky_back_02.gif) repeat-x;

}

/* << ----------------// Image contained in Header//--------------> */
#header img {
height: 88px;
margin: 0 0px 0 0;
padding:0 0px 0 0;
vertical-align:top;
display:inline;
}

/* << ----------------// Search box contained in Header//--------------> */
#header .box {
position:relative;
float: right;
margin: 4px 5px 2px 0;
z-index: 3;
}



/* << ----------------// Contact/register box containing sales contact box //--------------> */
#contactbox {
text-align:left;
float:right;
margin: 22px 3px 6px 0;
width: 200px;
height: 60px;
color:#ffffff;
}

#contactbox ul{
width:200px;
font-size:.9em;
margin:0 0px 4px 0px;
padding:0 0 3px 0px;
list-style:none;
}

#contactbox ul li {
margin:-3px 0 3px 0px;
padding:0px 0 0 0;
list-style:none;
color:#ffd51d;
}
 
#contactbox a:hover { 
color:#ffd51d;
}


.contactboxbold{
font-weight:bolder;
font-size:1.2em;
font-stretch:ultra-expanded;
color:#ffffff;
}

.contactboxlink{
color:#ffffff;
font-stretch:ultra-condensed;
font-size:.73em;
}



/* << ----------------// Horizontal navigation //--------------> */
#navHorizontal {
margin:0;
padding:0;
width:949px;
height:32px;
line-height:30px;
background:url(../images/nav_background_hilite.gif) repeat-x;
}

#navHorizontal ul {
font-size:.7em;
margin:0 0 0 4px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 -4px;
padding:5px 0 5px 0;
list-style:none;
display:inline;

}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:9px 18px 9px 18px;
color:#616161;
font-weight: bold;
text-decoration:none;
border-right:1.5px solid #93a4ab;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#7c7c7c;
font-weight: bold;
text-decoration:none;
background:url(../images/nav_background_05.gif) repeat-x;

}

#navHorizontal p {
padding:0 0 0 0;
margin: 0 200px 0 0;
vertical-align:middle;
display:inline;
}


/* << ----------------// Left column //--------------> */
#columnOne {
float:left;
margin:7px 0px 10px 0px;
padding:0 0px 0px 0px;
width:185px;
background-position:bottom left;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
font-size:.75em;
}


/* << ----------------// Vertical left menu navigation //--------------> */
#navVertical {
	margin:0 0px 0 0px;
	padding:0px;
	width:185px;
	background-color:#eef5f7;
}

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

#navVertical ul li {
	font-size:.71em;
	margin:0 0 0 -5px;
	padding:0px 0 0px 0;
	list-style:none;
	border-bottom:1px solid #999999;
}

#navVertical ul li a:link, #navVertical ul li a:visited{
	color: #0e2b50;
	padding:5px 8px 5px 8px;
	display:block;
}		

#navVertical ul li a:hover, #navVertical ul li a:active{
	color: #ff8a00;
	}
	
	
 #navVertical li.current {
	 color:#d0ac14;
	 padding:5px 8px 5px 8px;
	display:block;
	}	

 
 li.navlevel1 a:hover {
  color:#ff8a00;
  }
 
#navVertical li.active a:link, li.active a:visited{
     padding:5px 8px 5px 8px;
	 display:block;
	 background-color:#b7ccd5;
	 margin: 0px;
	 font-weight:bold;
	}
	
#navVertical li.active a:hover{
	color: #ffffff;
	}	  
	
  /*#navVertical li.navlevel2 {
	background-color:#00FF00;
	padding:0px 0px 0px 10px;
	margin: 0px;
	line-height:26px; 
	}	 
li.navlevel1 {
	color: #333333;
   	padding:5px 8px 5px 8px;
	margin:0 0 0 0px;
	line-height:26px;
	font-weight:bold;
 }

 li.navlevel3 {
 	background-color:#dbdbdb;
	padding:5px 8px 5px 12px;
	margin: 0px;
	line-height:26px; 
	font-size: 1em;
	font-weight:bold;
	list-style:none;
	}
	
	
	#navVertical li.navlevel1 a:link, li.navlevel1 a:visited, li.navlevel1 a:active{
	color:#333399;
	padding:5px 0px 5px 8px;}
	
li.navLevel2, li.navlevel3 a:link, li.navLevel2, li.navlevel3 a:visited, li.navLevel2, li.navlevel3 a:active{
	color:#333399;
}
	
li.navlevel2, li.navlevel3 a:hover {
  color:#00AEEF;
  }	*/
 


/* << ----------------// Middle column //--------------> */
#columnTwo {
float:left;
margin: 7px 0px 0 10px;
padding: 0 0px 5px 10px;
width:742px;
background-color:#ffffff;
border-left:1px solid;
border-color:#b7ccd5;
min-height:700px;
}

#columnTwo p {
padding: 0 0 0 5px;
font-size:.75em;
}


#columnTwo h1 {
letter-spacing:.04em;
background-color:#e3ebee;
height:20px;
width:738px;
}
/* << ----------------// Middle column list item menu //--------------> */

#columnTwo ul, #columnTwo ol {
list-style-position:inside;
font-size:.75em;
margin:0 0 0 0px;
padding:0 0 0px 19px;
}


#columnTwo ul li, #columnTwo ol li {
font-size:inherit;
margin:0 0 5px 0px;
padding:0px;
}





/* << ----------------// Right column //--------------> */
#columnThree {
float:left;
margin: 7px 0px 0 0;
padding:0 5px 10px 5px;
width:190px;
background-color:#cccccc;
}

/* << ----------------// tabular layout //--------------> */
table.events {
width:739px;
}

.row{
border-top:1px solid #a8a948;
background-image:url(../images/nav_background_hilite.gif);
}

.subrow{
border-top:1px solid #a8a948;
background-color:#e6e6e6;
}

.subrow2{
border-top:1px solid #a8a948;
background-color:#efefef;
}


table.events th{
border-collapse:collapse;
border-spacing:0px;
width:auto;
font-weight:bolder;
color:#423e3e;
margin:1px 1px 1px 3px;
padding-left:3px;
background-image:url(../images/tabletop_back.gif);
}


/* << ----------------// Footer //--------------> */
#footer {
margin:0px;
padding:10px 0px 7px 0px;
width:949px;
height:40px;
font-size:.7em;
color:#f4620a;
background-color:#ffffff;
background:url(../images/footer_background.gif) repeat-x;
clear:both;
}

#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#f4620a;
text-decoration:underline;
}
/* << ----------------// Search boxes and button //--------------> */

.button {
	background: url(../images/button_13.gif);
	background-repeat:no-repeat;
	background-position:center;
	font-size:8pt;
	font-weight:bold;
	color:#2967a1;
	height:18px;
	width: 34px;
	background-color:transparent;
	border:none;
}

.searchfield {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width:1px;
	border-color: #005d93;
	color:#2967a1;
	height: 14px;
	}
	
.dropdown {
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-style: solid;
	border-width:1px;
	border-color: #005d93;
	color:#2967a1;
	height: 20px;

}	
	
/* << ----------------// Contact form buttons //--------------> */
.submitbutton {
	font-size:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	color:#ffffff;
	background-color:#00a3e1;  
	height: 19px;
	border:solid 1px;
	border-color:#000000;
	margin-top:5px;
	}


/* << ----------------// Images //--------------> */
.right {
float:right;
padding: 8px 0px 0px 6px;
}

.left {
float:left;
padding: 0px 5px 0px 0px;
}


/* << ----------------// Image Rotator //--------------> */


#gallery {
	position:relative;
	height:318px
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#fff;
		font-size:.73em; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#gallery .caption .content {
		margin:5px
	}
	
	#gallery .caption .content h3 {
		font-size:1.5em;
		font-weight:bold; 
		margin:0;
		padding:0;
		color:#f4620a;
	}
	

/* << ----------------// highlight box //-------------->

#hiliteBox {
margin:0 2px 0 2px;
height:auto;
padding: 0 4px 4px 4px;
width:720px;
border-style:solid;
border:3px;
border-color:#FF6600;
background-color:#ebfbff;
}

#hiliteBox h2{
color:#FF6600;
}

table.hilitedata {
border-collapse:collapse;
border:1px solid #0083C1;
}

table.hilitedata td{
border-collapse:collapse;
border:1px solid #0083C1;
} */

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //--------------> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearthefloats {clear:both;}