body, 
html { 
width: 100%;
height: 101%;
margin-top: 5px;
background:#fff;
min-width:1000px;
} 
/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

* { 
    margin: 0; 
    padding: 0; 
	text-align:justify;
	
}

		div#content {
			/* This is the only important rule */
			/* We need our content to show up on top of the background */
			position: relative; 
			
			
			/* These have no effect on the functionality */
			width: 99%;
			margin: 0 auto;
			background: transparent;
			padding: 20px;
			font-family: helvetica, arial, sans-serif;
			font-size: 10pt;
			line-height: 16pt;
			
		}
		
		body {
			/* These rules have no effect on the functionality */
			/* They are for styling only */
			margin: 0;
			
		}
		

a {
color: #111; /*Controls the slide panel numbered links*/
font-family: Verdana, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
text-decoration: none;
border-style: none;
}

strong {
font-family: Helvetica, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: normal;
color: #333;

}

/*Main Structure*/

#content{
margin:0;
padding:0;
}

/*End of logo area display controls*/



/*Header*/



#header {
width:92%;
height: 145px;
position:relative;
}

#header img{

border:none;
}


#address_bar{
margin-right:30px;
clear:both;
float:right;
height:20px;
position:relative;
}

#header span,#header h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 2.2em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
color:#888;
margin-bottom:20px;
}

#address_bar h2 {
font-family: Helvetica, sans-serif;
font-size: 0.78em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: normal;
color: #666;
text-align:justify;
}

#address_bar p,#address_bar a {
font-family: Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
text-align:justify;
margin-right:15px;
color:#464646;

}

#address_bar a {
color: #005577;
}

#address_bar a:hover {
color: #eca014;
}

/*------------------nav menu-----------------*/

.jqueryslidemenu{
width: 650px;
float:left;
margin-left:215px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;

}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #fff; /*background of tabs (default state)*/
font-family: Verdana, sans-serif;
font-size: 0.9em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
padding: 3px 10px;
/*border-right: 1px solid #eca014;*/
text-decoration: none;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity:0.8;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #000;
}

.jqueryslidemenu ul li a:hover{
background: #fff; /*tab link background during hover state*/
color: #eca014;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
background:#fff;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 1em Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

color: #eca014;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*--------------End Navigation menu controls--------------*/

.clear {
	clear:both
}

#top_panel{
width:89%;

margin-bottom:30px;

}

#top_panel img.greyline{
margin-top:-1px;
float:left;
margin-left:20%;
border:none;
}


#top_panel img{

margin-right:60px;
}


#top_panel li{
list-style:none;
}

#mid_panel img{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom:60px;
}

#lower_panel {
width:90%;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
}



#menu3{
padding-right:30px;
}

ul.menu, ul.menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 22em;
  float:left;

}

ul.menu a {
  display: block;
  text-decoration: none;	
}

ul.menu li {
  margin-top: 1px;
}

ul.menu li p{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #323232;
margin-right:14px;
margin-left:12px;
margin-top:14px;
margin-bottom:13px;
}

ul.menu li a {
font-family: “Lucida Grande”, sans-serif;
font-size: 1.1em;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.4em;
  background: #fff;
  color: #333;	
  padding: 0.5em;
  background-color:#33aaee;
}

ul.menu li a:hover {
  background: #999;
}

ul.menu li ul li{
height:110px;
}

ul.menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
   
}

ul.menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}



#main_content{
width:300px;
height:690px;
float:left;
margin-left:5%;
clear:both;
}

#main_content h3{
font-family: Verdana, sans-serif;
font-size: 1.1em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #232323;
margin-right:14px;
margin-left:12px;
margin-top:14px;
margin-bottom:13px;
background-color:#ddd;
padding:3px;
}

#main_content p{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #323232;
margin-right:14px;
margin-left:12px;
margin-top:14px;
margin-bottom:13px;
}




/*-----------Squares------------*/


#js-container,
#js-container-2 {
	width:729px;
	margin-left:40px;
	position:relative;
	float:left;

}
.js-image {
border:1px solid #000;
	background:#fff;
	font-size:1em;
	overflow:hidden;
	position:absolute;
	z-index:1;
	text-align:left;
	margin:5px;
}
.js-image a img,
a .js-overlay-image {
	border:none;
}

.js-image a {
  font-family: Arial, Helvetica, sans-serif;
font-size: 1.4em;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: normal;
color: #33aaee;
margin:10px;
background-color:#333;
padding:4px;
}
.js-image a:hover {
color:#e66c04;
}
.js-image,
.js-image img,
.js-image.size-3,
.js-image.size-3 img,
.js-overlay-image {
	width:210px;
	height:210px;
	background:URL(../images/RoomDoc/square3.jpg) no-repeat;

}

.js-image.size-1,
.js-image.size-1 img{
	width:210px;
	height:210px;
	background:URL(../images/RoomDoc/square1.jpg) no-repeat;
	font-size:1em;
	
}
.js-image.size-2,
.js-image.size-2 img {
		width:210px;
	height:210px;
	font-size:.6em;
	background:URL(../images/RoomDoc/square2.jpg) no-repeat;
	font-size:1em;
}

.js-image.size-4,
.js-image.size-4 img {
	width:210px;
	height:210px;
	font-size:.3em;
	background:URL(../images/RoomDoc/square4.jpg) no-repeat;
	font-size:1em;
}

.js-image.size-5,
.js-image.size-5 img {
	width:210px;
	height:210px;
	font-size:.3em;
	background:URL(../images/RoomDoc/square5_pr.jpg) no-repeat;
	font-size:1em;
}

.js-image.size-6,
.js-image.size-6 img {
	width:210px;
	height:210px;
	font-size:.3em;
	background:URL(../images/RoomDoc/square6.jpg) no-repeat;
	font-size:1em;
}
.js-image.size-7,
.js-image.size-7 img {
	width:210px;
	height:210px;
	font-size:.3em;
	background:URL(../images/RoomDoc/square7_pr.jpg) no-repeat;
	font-size:1em;
}
.js-image.size-8,
.js-image.size-8 img {
	width:210px;
	height:210px;
	font-size:.3em;
	background:URL(../images/RoomDoc/square8.jpg) no-repeat;
	font-size:1em;
}
.js-image.size-9,
.js-image.size-9 img {
	width:210px;
	height:210px;
	font-size:.4em;
	background:URL(../images/RoomDoc/square9_pr.jpg) no-repeat;
	font-size:1em;
}



/*-----------------Footer-------------------*/
#footer {
width:92%;
	border-top: 5px solid #006699;
float:left;
}

#col_alpha {
width:28%;
height:370px;
float:right;
}

#col_alpha h3 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}

#col_alpha ul li a:hover {
color:#e66c04;
}

/*--------------Random Quote in Footer------------*/

#quote-box-text div, #quote-author div {
 display: none;
 
}

#quote-author h3,#quote-author h4 {
font-family: Georgia, sans-serif;
font-size: 1.2em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #030303;
}

#quote-box-text p{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #323232;
margin-right:14px;

}

#quote-box-text a {
font-family: Helvetica, sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #005577;
text-align:justify;
}

#quote-box-text a:hover {
color:#e66c04;
}

#col_bravo {
width:33.3%;
height:370px;
float:left;
margin-right:25px;
clear:both;
margin-bottom:20px;
}

#col_bravo h4 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}

#col_bravo li.question,#col_bravo li {
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: italic;
font-weight: bold;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #282828;
margin-left:18px;
list-style:none;
display:block;
}


#col_bravo ul li{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #363636;
margin-left:19px;
list-style:none;
text-align:justify;
margin-bottom:5px;
}

#col_bravo ul li a{
color: #005577;
font-size:1em;

}

#col_bravo a:hover{
color:#e66c04;
}


#col_charlie {
width:100%;
height:60px;
	border-top: 4px solid #006699;
float:left;
}

#col_charlie p{
font-family: Verdana, sans-serif;
font-size: 0.8em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #000;
margin:15px;
float:left;
}

#col_charlie a{
color: #005577;
}

#col_charlie a:hover{
color:#e66c04;
}

#col_charlie a img{
float:right;
margin-top:10px;
margin-right:30px;
border:0;
}

#col_charlie li{
display:inline;
}

#col_delta {
width:30%;
height:370px;
margin-left:15px;

float:left;
}

#col_delta ul{
margin-left:20px;
margin-right:15px;
}

#col_delta li a,#col_delta li{
display:inline;
font-size: 0.89em;
}

#col_delta ul li a:hover {
color:#e66c04;
}

#col_delta h4 {
font-family: Georgia, sans-serif;
font-size: 1.3em;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
color: #006699;
margin:12px;
}