/***********************/
/*  Selectors          */
/***********************/

body
{
   color: black;
   padding: 0px;
   padding-top: 3px;
   margin: 0px;
   background: #C268C1 url(../media/bg.png) repeat-y top left;
   font-size: 90%;
   font-family: Georgia, "Times New Roman", serif;
}

h1
{
   font-family:      "Times New Roman", serif;
   font-size:        24pt;
   font-variant:     small-caps;
}

h2
{
   font-family:     "Times New Roman", serif;
   font-size:       16pt;
   font-variant:    small-caps;
}

h3
{
   font-family:     "Times New Roman", serif;
   font-size:       12pt;
   font-variant:    small-caps;
   margin-top:       10px;
}

img
{
   cursor:          crosshair;
   border-color:    #690668;
}
   
blockquote
{
   border-style:   solid; 
   border-width:   thin; 
   border-color:   #400040; 
   padding:        30px;
}

p
{
   margin: 10px 0px 20px 0px;
}

a
{
   /* white-space: nowrap;  */
}

a:link
{
   text-decoration: underline; 
   color: #0000A0;
}

a:active  
{
   color: #400040; 
}

a:visited
{
   text-decoration: underline;
   color: #0000A0;
}

a:hover
{
   color: #330033;   /* #400040, white */
   text-decoration: underline;
}

img
{
   border-color:    #690668;
}

hr
{
   margin:          20px 0px 20px 0px;
}

hr.mainHeader
{
   margin-top: 5px;
   margin-bottom: 15px;
}

ul
{
   margin: 3px;
   padding: 0px;
}

li
{
   list-style:           square;
   list-style-position:  outside;
   margin:               6px 0px 0px 10px;
   padding-left:         1px;
}

fieldset
{
   margin-right: 5px;
   padding-left: 20px;
   text-align: left;
   border: none;
/*   border-width: medium;  */
/*   border-style: ridge;  */
/*   border-color: #323265;  */
/*   background-color: #C6DAF0;  */
}

legend
{
   color: #323265;
   font-family: sans-serif;
   font-size: 18px;
   padding: 3px 10px 3px 10px;
   border-width: medium;
   border-style: ridge;
   border-color: #323265;
   background-color: #C1C1FF;
}

label
{
   color: #000066;
   font-weight: bold;
}

input.textField
{
   border: solid 1px blue;
   background-color: white;
   color: #000066;
}

input.formRadio
{
   border: 0;
}

textarea.areaField
{
   border: solid 1px blue;
   color: #000066;
}


/***********************/
/*  ID's               */
/***********************/

#page
{
   width: 950px;
   margin: 0px auto;
   padding: 0;
   background-color: transparent;
/*   border: 2px ridge white;  */
}

#header
{
   width: 950px;
   height: 100px;
   margin: 0px 0px;
   float: left;
   background: transparent url(../media/bar-back.png) no-repeat;
}

#topleft
{
   float: left;
   margin: 3px 0px 0px 40px;
   padding: 2px;
   font-family: verdana, sans-serif;
   font-size: 10px;
   color: #80FFFF;
}

#topright
{
   float: right;
   margin: 3px 55px 0px 0px;
   padding: 2px;
   font-family: verdana, sans-serif;
   font-size: 10px;
   text-align: right;
   color: #80FFFF;
}

#logbutton
{
   float: right;
   display: block;
   padding: 0px;
   padding-bottom: 2px;
   margin-top: 3px;
   color: #000040;
   visibility: visible;
   width: 80px;
   background-color: #ffffcc;
   border: solid 1px black;
   border-top-color: white;
   border-left-color: white;

   font-family: verdana, arial, sans-serif;
   font-variant: small-caps;
   font-size: 10px;
   text-align: center;
}
#logbutton a { font-weight: normal; font-family: arial, sans-serif; display: inline; letter-spacing: 1px;}
#logbutton a:link    { color: black; text-decoration: none; }         /*  0000A0  */
#logbutton a:active  { color: red; text-decoration: line-through; } /*  E80000  */
#logbutton a:visited { color: black; text-decoration: none; }         /*  0000A0  */ 
#logbutton a:hover   { color: blue; text-decoration: none; }    /*  E80000, FFFF00  */

#spacer
{
   float: left;
   height: 57px;
   padding: 0px;
   margin: 0px;
}

#navbar
{
   background-color: transparent;
   display: inline;
   width: 800px;
   padding: 0px;
   margin: 0px 75px 0px 75px;
   float: left;
}

#navButtons   /*  Tag for <ul> */
{
   color: white;
   font-size: 14px;
   display: inline;
   list-style: none;
   padding: 0px;
   margin: 0px auto;
   border: 0px;
   text-align: center;
   float: left;
}

#navButtons li
{
   float: left;
   margin: 0px;
   display: inline;
   padding: 0;
   list-style: none;
}

#navButtons a
{
   text-decoration: none;
   display: block;
   background-color: #CC66CC;
   color: #330033;
   margin: 0px;
   margin-left: 10px;
   padding: 1px 5px;
   border: solid 1px black;
   border-top-color: #C0C0C0;
   border-left-color: #C0C0C0;
}

#navButtons a:hover
{
   color: white;
   background-color: #690668;
   border: solid 1px black;
   border-bottom-color: #C0C0C0;
   border-right-color: #C0C0C0;
   position: relative;
   top: 1px;
}

#search
{
   float: right;
   padding: 0px;
   margin: 0px;
   display: inline;
   background-color: transparent;
   font-size: .7em;
position: relative;
top: 2px;
}

#googleSubmit
{
   position: relative;
   top: 1px;
}

#textsize
{
   border: solid 1px black;
   background-color: white;
}

#main
{
   font-size: 1em;
   margin: 0px 50px;
   padding: 3px 15px 20px;
   background-color: transparent;  
   text-align: left;
   float: left;
   line-height: 1.5em;
}

#roomName, #roomPhoto
{
   margin: 5px 0px 5px 50px;
   padding: 7px 0px 0px 0px;
   width: 320px;
   height: 170px;
   float: left;
   background: transparent url(../media/roomInfo-back.png) no-repeat top left;  /*  #FF99FF  */
   color: #400040;
/* border: 2px solid black; */
}

#roomPhoto
{
   float: right;
   margin-left: 0px;
   margin-right: 50px;
}

#roomContent
{
   border-width: 2px;
   border-style: solid;
   border-color: #480347;
   padding: 10px 20px;
   width: 800px;
   float: left;
   background-color: #FF99FF;  /*  #E47CDA  */
   clear: both;
}

#bottomNav
{
   width: 800px;
   background-color: transparent;
   float: left;
   display: inline;
   list-style: none; 
   padding: 8px 0px 0px 0px;
   margin: 0px;
border-top: 1px dotted blue;
}

#bottomButtons     /* id for <ul> tag */
{
   padding: 0px; 
   margin: 0px auto; 
   border: 0px;
   display: inline;
}

#bottomButtons  li 
{
   list-style: none; 
   margin: 0px;
   padding: 0px;
   display: inline;
border-right: 1px solid blue;
}

#bottomButtons a
{
   display: inline; 
   list-style: none; 
   margin: 0px;
   padding: 5px;
   text-decoration: underline;
}
#bottomButtons a:hover { text-decoration: underline; }

#footer
{
   color: black;
   background-color: transparent;
   width: auto;                     /*  900px  */
   font-size: .8em;
   margin: 8px 0px 0px 0px;
   padding: 0px 0px 4px 0px;
   vertical-align: middle;
   text-align: center;
}


/***********************/
/*  Classes            */
/***********************/

.clear
{
   clear: both;
}

.areaName
{
   margin: 0;
   padding: 0;
}

.roomPhotoPos
{
   margin-top: 12px;
}

.update
 {
   font-family:     arial, sans-serif;
   font-size:       10px;
   font-weight:     lighter;
   line-height:     1.2;
   color:           #9B009B;
   margin-right:    20px;
   margin-bottom:   20px;
   text-align:      right;
}

.contact
{
   cursor: help;
}

.contact2
{
   font-family: verdana, sans-serif;
   letter-spacing: 1px;
   cursor: help;
}
a.contact2  { color: #000066; }
a:hover.contact2 { color: white; }

.cniBannerImg
{
   border-color:     #FFFF00;
}

.header1
{
font-size: xx-large; 
font-variant: small-caps; 
font-weight: bold;
/*
   font-family:     serif;
   font-weight:     bold;
   font-style:      italic;
   font-size:       x-large;
   text-decoration: underline;
   line-height:     2;
*/
}

.header2
{
   font-family:     serif;
   font-weight:     bold;
   font-size:       large;
}

.activeHeading, .activeSub
{
   color: black;
   list-style: none;
   margin-left: -2px;
   border: 1px solid black;
   border-bottom-color: #C0C0C0;
   border-right-color: #C0C0C0;
   background-color: #FFBFC8;   /* #A9C8E9, #D37179;  */
   padding: 3px 0px;
   text-align: center;
   font-weight: bold;
   display: block;
}

.aSmall, .aMedium, .aLarge, .aXL
{
   font-family: Verdana, sans-serif;
   font-weight: normal;
}
.aSmall {font-size: small;}
.aMedium {font-size: medium;}
.aLarge {font-size: large;}
.aXL {font-size: x-large;}

.serviceArea
{
   font-size: 1.2em;
   font-weight: bold;
   font-variant: small-caps;
   text-decoration: underline;
   text-align: left;
   margin-top: 15px;
   margin-left: 25px;
}
 
.newsItem
{
   background-color: white;
   border: 3px ridge black;
   padding: 10px;
   padding-bottom: 15px;
   margin: 20px 5px;
}