/* Localized */
body 
{
    margin:0px;
    padding:0px;
    font-family:  Trebuchet MS, Arial, Sans-Serif;  
    font-size:.7em; 
    width:100%;
    color:#666666; 
    background-color:#CCCCCC;
}


/* Element Styles 
------------------------------------------------------*/    

h1, h2, h3, h4, h5, a, p, table, td, tr, img, ul, ol, li 
{
    margin:0px;
    padding:0px;
    border-width:0px;
    font-weight:normal; 
    }

h1 
{
    
    }

h2
{
    color:#CCCC66;
    font-size: 1em;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:1em;       
    clear:both;
    } 
    
h3
{
    font-size: 1em;
    font-weight:bold;
    margin-bottom:.3em;  
}
       
table
{
    width:100%;
    }
    
td, th
{
    padding:4px; 
    vertical-align:top;
    }

p
{
    margin-bottom:12px;
    line-height:1.6em; 
    }
    
    p.Last {
        margin-bottom:36px;
    }
    
a
{
     color:#006633;
     text-decoration:underline;    
    }
    
a:hover
{   color:#CCCC66;
    text-decoration:underline;
    }


ul, ol , table.inText
{
    margin-bottom:24px;
    clear:both;
}    
    
li 
{
    margin-left:18px;
    margin-bottom:8px;  
    list-style-type:square; 
    vertical-align:middle; 
}

hr {
    height:1px;
    color:#DDDDDD;
    background-color:#DDDDDD; 
    border-width:0px;
}

/* Styles 
-----------------------------------------------------------------------*/

.imageHeading{
    text-indent:-9999px;
    background-repeat:no-repeat;     
}

.section {
    background-image:url(/assets/img/sectionlines.jpg);
    background-position:top;
    background-repeat:no-repeat;   
    padding-top:12px; 
}

.innerPageImage{
    width:150px;
    float:right;
    padding:4px;
    margin-left:20px; 
    border:solid 1px #CCCCCC;   
}

.innerPageInlineImage{
    width:150px;
    float:left;
    padding:4px;
    margin-left:7px;
    margin-right:7px;
    margin-bottom:24px;
    border:solid 1px #CCCCCC;   
}

ul.TwoColumn li {
    float:left; 
    width:46%; 
}

/* Structure 
--------------------------------------------------------------------*/
    
#PageWrap
{
    width:850px;
    margin:auto;
    margin-top:8px;
    }
    
#PageContainer{
    float:left; 
    width:790px; 
    padding:30px; 
    background-color:#FFFFFF;
    border-top:solid 4px #CCCC66; 
}
    
#Banner{
    float:left; 
    width:100%; 
    padding-bottom:1em;
    margin-bottom:1em;
    background-image:url(/assets/img/sectionlines.jpg);
    background-position:bottom;
    background-repeat:no-repeat;  
}

    #TopLinks{
        float:right;
        color:#999999;
        margin-top:66px; 
    }

        #TopLinks a{
            text-decoration:none;
            margin-left:6px;  
            margin-right:6px;  
            color:#999999;
        }

        #TopLinks a:hover{
            color:#CCCC66;
            text-decoration:underline;
        }

#TopImage{
    margin-bottom:3em;
    }

#Side{
    float:left; 
    width:205px;
    margin-left:5px; 
    margin-right:30px; 
}

    #Side h1, #Side h2, #Side h3{
        color:#006633;
    }

#Main{
    float:left; 
    width:525px;
    margin-bottom:50px;
    min-height:400px;  
}

    #Main p {
         text-align:justify;
    }
    
    #Main .imageHeading, #SubMain .imageHeading{
        height:9px; 
    }

#SubMain{
    clear:both;
    width:100%; 
}

#Footer{ 
    clear:both;
    text-align:center;
    margin-top:8em;  
}
    
    #Footer hr {
        width: 500px;  
        margin-top:2em;  
        margin-bottom:2em;  
    }
    
#Info {
}
    
#Info p{ 
    margin-bottom:2px; 
}

#Credits{ 
    font-size:.9em; 
    clear:both;
    text-align:center;
    margin-top:30px; 
}

#Credits p{ 
    margin-bottom:2px; 
}

#NewYorkWebDesign{
    margin-top:16px; 
}


/* HEADINGS 
------------------------------------------------------------*/
span.headline {
	background: url(/assets/img/mustard_arrow.gif) no-repeat left center;
	padding-left: 19px;
	color: #ccc577;
	text-transform: uppercase;
	letter-spacing: 0.14em;
	display: block;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 10px;
	clear: both;
}

#MilwaukeesPremiere {
    background-image:url(/assets/img/headings/Milwaukee-Premiere-Hotel.jpg);
}

#ReserveARoom {
    background-image:url(/assets/img/headings/Reserve-Hotel-Room.jpg);
}

#PhotoGallery {
    background-image:url(/assets/img/headings/Photo-Gallery.jpg);
}

#ElegantRoomsAndSpace {
    background-image:url(/assets/img/headings/Elegant-Rooms-And-Event-Space.jpg);
}

#Suites {
    background-image:url(/assets/img/headings/Suites.jpg);
}

#Services {
    background-image:url(/assets/img/headings/Services.jpg);
}

#Amenities {
    background-image:url(/assets/img/headings/Amenities.jpg);
}

#Features {
    background-image:url(/assets/img/headings/Features.jpg);
}

#FeaturesAndAmenities {
    background-image:url(/assets/img/headings/Features-And-Amenities.jpg);
}   

#ContactTheAstor {
    background-image:url(/assets/img/headings/Contact-The-Astor.jpg);
}    

#DrivingDirections {
    background-image:url(/assets/img/headings/Driving-Directions.jpg);
}    

#ReservationsAndEvents {
    background-image:url(/assets/img/headings/Reservations-And-Events.jpg);
}    

#ReserveARoom {
    background-image:url(/assets/img/headings/Reserve-A-Room.jpg);
}    
    
#History {
    background-image:url(/assets/img/headings/Historic-Milwaukee-Hotel.jpg);
} 

#AstorStreetBarAndGrille {
    background-image:url(/assets/img/headings/Astor-Street-Bar-And-Grille.jpg);
} 

#WeddingsAndEvents {
    background-image:url(/assets/img/headings/Weddings-And-Events.jpg);
} 

#MeetingsAndGroups {
    background-image:url(/assets/img/headings/Meetings-And-Groups.jpg);
} 

#AttractionsWalking {
    background-image:url(/assets/img/headings/Attractions-Within-Walking-Distance.jpg);
} 

#AttractionsNearby {
    background-image:url(/assets/img/headings/Attractions-Nearby.jpg);
} 


#LocalInformation {
    background-image:url(/assets/img/headings/Local-Milwaukee-Information.jpg);
}

#TheAstorApartments {
    background-image:url(/assets/img/headings/The-Astor-Apartments.jpg);
}




/* SIDE LINKS
------------------------------------------------------------*/

ul#mainNav {
	margin: 0; 
	padding: 0; 
	list-style: none;
	text-transform: uppercase;
	letter-spacing: .20em;
	line-height: 2em;
}
ul#mainNav li {
	list-style-type: none; 
	margin: 0;
}
ul#mainNav li a {
	text-decoration: none;
	color: #9a9a9a;
}
ul#mainNav li.active a, ul#mainNav li a:hover {
	color: #154f37;
}

/* WEATHER 
-----------------------------------------------------------------*/
.Weather{
    background-color:#F1F2EA;
}     
.Weather h3{
    margin-top:.4em;
    margin-left:.4em;  
}

#Side .Weather {
    width:200px;

}

#Main .Weather {

}
  
#Side .Weather .WeatherForecast{
    width:50%; 
}

    .Weather .Day{
        text-transform:uppercase;
        font-weight:bold;  
    }

    .Weather .MaxTemp{
        font-weight:bold;  
        font-size:1.3em; 
    }

    .Weather .MinTemp{
        font-weight:bold;  
        color:#999999; 
        font-size:1.3em; 
    }

    .Weather .Description{
        font-weight:bold;  
    }        

/* HOME PAGE
-----------------------------------------------------------*/

#HomeShortcuts {
    background-color:#F1F2EA;
    margin-bottom:3em;  
    clear:both;
}

    #HomeShortcuts td{
        padding-top:1em; 
        padding-bottom:2em; 
        padding-left:.8em; 
        padding-right:.8em; 
    }
    
    #HomeShortcuts .middle{
        border:solid 1px #CCCCCC;
        border-top-width:0px; 
        border-bottom-width:0px; 
    }
    
    #HomeShortcuts h3, #HomeWeather h3{
        text-transform:uppercase;
        font-weight:bold;
        margin-bottom:.8em;  
        color:#006633;
        font-family:Times New Roman, Times Roman, Serif;
        font-size:1.3em;  
        
    }
    
    #HomeShortcuts h3 a{
        text-decoration:none;
        font-weight:bold;  
    }
    
    #HomeShortcuts img{
        margin-bottom:.6em; 
    
    }


/* Forms 
--------------------------------------------------------------*/

.Form_Error
{
    background-color:#fdf1f1;
    border:solid 1px #ff0000;
    color:#000000; 
    padding:4px;
    margin-bottom:20px;
    text-align:left;
    
    }    
    
.Form_Success
{
	background-color:#eefff9;
	border:solid 1px #66cc33;
	color:#000000; 
    padding:4px;
    margin-bottom:4px;
    margin-top:8px;       
    } 
    
.Form_Info
{
	background-color:#fcf7d4;
	border:solid 1px #f7cb1b;
	color:#000000; 
    padding:4px;
    margin-bottom:4px;
    }    

.FormField, .RequiredField {
    width:180px; 
}
.FormField {
    border:solid 1px #CCCCCC; 
}       
    
.RequiredField, .RequiredField_ML, .RequiredDate {
    border:solid 1px #CCCCCC; 
    background-color:#fcf7d4; 
}       

.RequiredDate {
    width:100px; 
}
.RequiredField_ML {
    width:97%; 
    height:100px; 
}

/* GALLERY 
-------------------------------------------------------*/


#DisplayImageHolder{
    min-height:370px;
    text-align:center; 
    margin-top:30px; 
}

    #DisplayImageHolder img{
        width:515px; 
        padding:5px;
        border:solid 1px #CCCCCC;
    }

#ThumbsHolder{

}

    #ThumbsHolder td{
        text-align:center; 
        
    }

    #ThumbsHolder img{
        width:88px;
        padding:2px;
        border:solid 1px #CCCCCC;        
    }                    
    
    
/* CONTACT PAGE 
--------------------------------------------------*/

.ContactTbl{
    width:450px;
}

.ContactTbl td{
     padding-bottom:12px;
}

#AstorMap {
    float:right;
    width:230px;  
    height:230px; 
    border:solid 1px #CCCCCC;
    margin-left:30px;    
    margin-bottom:30px;   
    overflow:hidden;  
}    

.CAPTCHA_Directions{
    margin-bottom:8px; 
}


.CAPTCHA{
    margin-top:8px;
    margin-left:0px;
}    


.CAPTCHA img{
    margin-right:30px; 
}    
 
 
 .CAPTCHA input{
    margin-top:12px; 
}    
 
 
/* WEDDING PAGE
----------------------------------------------*/

#BellaPicturesHolder{
     text-align:center;
     margin-bottom:12px;
}