﻿body {
    font-family: Verdana, Arial, Sans-Serif;
    margin-top: 0px;
    margin-left: 0px;
    max-width: 955px;  
    color: #424958;
    font-size: 80%;
}

h1
{
    font-size: 140%;
}

h2
{
    font-size: 120%;
    margin-top: 0px;
    color: #018591;
}

h3
{
    font-size: 100%;   
}

a:link, a:visited
{
    color: #424958;
    text-decoration: none;
}

.divContainer
{
    float: left;
    width: 70%;
}

.divContainer a:link, .divContainer a:visited
{
    color: #018591;
    font-weight: bold;
}

a:hover, a:active
{
    text-decoration: underline;
}

.divContainer li
{
    list-style-type: square;
    padding-bottom: 3px;
}

#header
{
    border-bottom: 1px solid #424958;
    padding-bottom: 15px;
    text-align: right;
}

#header img 
{
	padding-left: 20px;
}

#footer
{
    color: #95a49d;
}

#footer div.right
{
    padding-top: 3px;
}

#footer img
{
	padding: 5px;   
}

#lastReviewed
{
     font-size: 85%; 
     border-bottom: 1px solid black; 
     text-align: right;
     padding: 5px 0px;
}

#navigation
{
	float: left;
	padding-right: 30px;
}

#navigation ul
{
	list-style-type: none;
	margin-left: 30px;
	padding: 0px;
	margin-top: 5px;
}

#navigation li
{
	padding-bottom: 8px;
	padding-top: 2px;
	font-weight: bold;    
	background-image: url(../images/navdiv.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 2px;
}

#navigation a:link, #navigation a:visited
{
	color: #424958;
	text-decoration: none;
}

#navigation a:hover, #navigation a:active
{
	text-decoration: underline;
}

#navigation img
{
	border: 0px;
}

#navigation .theatre a:hover, #navigation .theatre a:active
{
	color: #3CB5C1;
}

#navigation .music a:hover, #navigation .music a:active
{
    color: #018591;
}

#navigation .exhibition a:hover, #navigation .exhibition a:active
{
    color: #9faeb0;
}

#navigation .latin a:hover, #navigation .latin a:active
{
    color: Black;
}

#navigation .film a:hover, #navigation .film a:active
{
    color: #6FA9AE;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.hidden
{
    display: none;
}

.innerContainer
{
    padding: 15px 15px;
}

.howToBook
{
    text-align: right; 
    font-size: 110%; 
    line-height: 1.5;
}

.theatreEvent, .musicEvent, .exhibitionsEvent, .latinEvent, .filmEvent, .otherArtsEvent, .educationEvent 
{
    color: #FFFFFF;
    width: 100%;
    /*width: 528px;*/
    float: left;
}

.theatreEvent a:link, .theatreEvent a:visited, .theatreEvent a:hover, .theatreEvent a:active, 
.musicEvent a:link, .musicEvent a:visited, .musicEvent a:hover, .musicEvent a:active, 
.exhibitionsEvent a:link, .exhibitionsEvent a:visited, .exhibitionsEvent a:hover, .exhibitionsEvent a:active,  
.latinEvent a:link, .latinEvent a:visited, .latinEvent a:hover, .latinEvent a:active,  
.filmEvent a:link, .filmEvent a:visited, .filmEvent a:hover, .filmEvent a:active,   
.otherArtsEvent a:link, .otherArtsEvent a:visited, .otherArtsEvent a:hover, .otherArtsEvent a:active,  
.educationEvent a:link, .educationEvent a:visited, .educationEvent a:hover, .educationEvent a:active  
{
    color: #FFFFFF;
}

/* Start home page stuff */

#hpContainer
{
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
	width: 105%;
}

#hpContainer a:link, #hpContainer a:visited, #hpContainer a:hover, #hpContainer a:active
{
    color: #FFFFFF;
}

.box1, .box2, .box3, .box4, .box5, .box6 
{
    float: left;
    width: 170px;
    margin-left: 10px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 80%;
    height: 149px;
}

.box1 div, .box2 div, .box3 div, .box4 div, .box5 div, .box6 div
{
    position: relative;
    /*top: 99px; */
}

.box1, .theatreEvent
{
    background-color: #3CB5C1;
}

.box2, .musicEvent
{
    background-color: #018591;
}

.box3, .exhibitionsEvent
{
    background-color: #9faeb0;    
}

.box4, .latinEvent
{
    background-color: #414858;
}

.box5, .filmEvent
{
    background-color: #6FA9AE;
}

.educationEvent
{
    background-color: #01A6DC;
}

.otherArtsEvent
{
    background-color: #000000;
}

.box6
{
    background-color: #039D90;
    font-size: 140%;
    text-align: center;
} 

.box6 a:link, .box6 a:active, .box6 a:visited 
{
    color: #FFFFFF;
    text-decoration: none;
}

.box6 a:hover, .box6 a:active
{
    color: #FFFFFF;
    text-decoration: underline;
}

.howToBook
{
    margin-top: 5px;
}

.homepageSpacer
{
    width: 145px; 
    height: 100px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    float: left;
}

/* End home page stuff */

