/* Style elements for Layout. */ 
body
{
background-color: #F8F96D;    /*Pastel navy #f0f0fa*/
background-image: url(images/gradientyellow.jpg);
background-repeat: repeat-x;
}

#MainFrame
{
position: relative;
margin-left:auto;
margin-right:auto; 
top: 2px;
width: 750px; 
background-color: #ffffff; 
font: Verdana sans-serif;
border-color: navy;
border-width: 3px;
border-style: solid; 
}

#Header
{
height: 230px;
border-bottom-color: white;
border-bottom-width: 3px;
border-bottom-style: solid; 
}

#Logo
{
width: 40%;
float: left;
font: bold 11px Verdana sans-serif;
color: #0f1f6f;
}

#Logo Img
{
margin-left: 10px;
width: 330px;
height: 225px;
}

#Logo font
{
position: relative;
bottom: 10px;
left: 100px;
}

#Splash
{
width: 55%;
float: right;
border-left-color: white;
border-left-width: 3px;
border-left-style: solid; 
}

#Splash Img
{
width: 413px;
height: 255px;
}

#Menu
{
float: left;
width: 100%;
background-image: url(images/menugradient3.gif);
background-repeat: repeat-x;
}

#Content
{
float: left;
width: 70%;
margin-left: 3%;

padding: .5em;
background-color: #fff;
color: #333;

font: 14px Verdana sans-serif;
line-height: 130%;

overflow: hidden;

}

#Content img
{
width: 99%;
margin-top: 10px;
margin-bottom: 10px;
}

#Content h3
{
padding: .5em;
border-bottom-color: Navy;
border-bottom-color: Navy;
border-bottom-style: solid;
border-bottom-width: thin;
border-top-color: Navy;
border-top-color: Navy;
border-top-style: solid;
border-top-width: thin;
color: navy;
position: relative;
}

#Content h4
{
color: navy;
padding: 0;
}

#Content h5
{
color: navy;
}

#Content a
{
font-size: 13px;
color: navy;
text-decoration:none;
text-align: center;
}

#Content a:hover
{
color: black;
}


#scrollimg
{
width: 370px;
}

/****************************************** Begin Extras *********************************************/

#Extras
{
position: relative;
top: 10px;
float: right;
width: 20%;
margin-left: 0;
}

.Extra
{
margin-top: 10px;
margin-right: 15px;
}

.Extra img
{
border: none;
width: 80%;
margin-right: 15px;
}

.ExtraIcon 
{
font: 12px Verdana sans-serif;
padding: .5em;  
margin: 10px;  
position: relative;
right: 20px;  
text-align: center;
border: none;
}

.ExtraIcon img
{
width: 60%;
border: none;
}

.ExtraIcon a
{
color: navy;
text-decoration:none;
}

.ExtraIcon a:hover
{
color: black;
}

/****************************************** End Extras *********************************************/
/******************************** Being footer *********************************************************/

#Footer
{
border-top-color: Navy;
border-top-color: Navy;
border-top-style: solid;
border-top-width: thin;
clear:both;
text-align: center;
color: Navy;
background-color: #ffffd0;   /* Pastel navy #f0f0fa*/
font-family:Verdana;
font-size: 12px; 
line-height: 110%;
padding: 0;
}

#Footer a
{
color: navy;
text-decoration:none;
}

#Footer a:hover
{
color: black;
}


#Footer li
{
list-style-type: none;
}


#CopyRight
{
font-size: x-small;
color: #A0A0FF;
text-align: right;
margin-right: 10px;
margin-bottom: 2px;
}
/******************************** End footer *********************************************************/


/******************************** Begin find a room *********************************************************/
#Reservation
{
margin-top: 20px;
}

/* Clear calendar's float, using dialog inbuilt form element */
#container .bd form 
{
clear:left;
}


/* Have calendar squeeze upto bd bounding box */
#container .bd 
{
padding:0;
}

/* Calendar header hd style */
#container .hd 
{
text-align:center;
}

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#container_c.yui-overlay-hidden table 
{
display:none;
}

#container 
{
width: 180px;
/* Position calender so always visible */
position:absolute;
left: -180px;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
#cal 
{
border:none;
padding:1em;
}

#container2 .bd form 
{
clear:left;
}

/* Have calendar squeeze upto bd bounding box */
#container2 .bd 
{
padding:0;
}

/* Calendar hd header style */
#container2 .hd 
{
text-align:center;
}

/* dialog footer is class .ft not used */

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
#container2_c.yui-overlay-hidden table 
{
display:none;
}

#container2 
{
width: 180px;
/* Position calender so always visible */
position:absolute;
left: -180px;
}

#cal2 
{
border:none;
padding:1em;
}


/* Datefield look/feel */
.datefield 
{
white-space:nowrap;
background-color:#ffffd0; /* #eee; gray */
width:9.1em; /* Width of outside box */
padding: 8px;
color: Navy;
text-align:left;
}

.datefield input,
.datefield button,
.datefield label  
{
vertical-align:middle;
}

.datefield label  
{
font-weight:bold;
}

.datefield input  
{
width:6em;  /* Width of input field */
}

.datefield button  
{
padding:0 5px 0 5px;
margin-left:2px;
width: 32px;
height: 24px;
}

#DivFindRoom 
{
background-color: #ffffd0;
position:relative;
right: 10px;
border:1px solid navy;
width: 90%;
color: Navy;
font-weight:bold;
text-align:center;
}
       
#ButtonFindRoom 
{
color: Navy;
width: 90%;
font-size: medium;
font-weight: bold;
margin-bottom: 5px;
}
/******************************** End find a room *********************************************************/