/*CSS template based on W3Schools example
Author: Christina Linwood www.waiwhare.info
*/
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight{
position: absolute; 
top: 0; 
left: 0; 
width: 200px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: navy;
color: navy;
}

#framecontentRight{
left: auto;
right: 0; 
width: 200px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#maincontent{
position: fixed; 
top: 0;
left: 200px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: hidden; 
background: white;
padding: 15px;
}

* html body{ /*IE6 hack*/
padding: 0 200px 0 200px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 80%; 
width: 80%; 
}

h1,h2,h3, h4, h5, h6{
font-family: "lucida calligraphy", arial, 'sans serif';
text-align: center;
color:navy; 
}

h3 {
font-size: 85%;
}

h4 {
text-align:left;
font-size: 75%;
}

h5 {
margin-left: 100pt;
margin-right: 100pt;
}

ul {
font-family: "lucida calligraphy", arial, 'sans serif';
font-size:75%;
color:navy;
float: left;
border: 1px black;
}

li {
padding:5px;
}

p{
font-family: "lucida calligraphy", arial, 'sans serif'; 
margin-left: 10pt;
font-size: 75%;
float: left;
}

img{
padding: 0px;
border: none;
display:block;
margin-left:auto;
margin-right:auto;
} 

.mainimgs {
padding: 0px;
border: none;
vertical-align: middle
}

p.footer{
color:gold;
font-weight: normal;
font-variant: small-caps;
vertical-align: bottom;
position: absolute;
bottom: 10px;
left: 0px;
height: 9px
}

.buttonscontainer {
padding-top: 55px;
width: 200px;
}

.buttons a {
color: #EEC900;
background-color: #000080;
padding: 5px;
padding-left: 35px;
display: block;
font: 20px Tahoma, Arial, sans-serif;
font-weight: bold;
text-decoration: none;
text-align: left;
letter-spacing: 7px;
}

.buttons a:hover {
background-color: #EEC900;
color: #000080;
text-decoration: none;}

#calendar {
display: block;
width: 800px;
height: 450px;
margin: 0 auto;
}