﻿@import url(layoutNavigation.css);
@import url(layoutEventsCalendar.css);
@import url(layoutGettingToUs.css);
@import url(layoutContents.css);
@import url(layoutVOTD.css);

body 
{
    font-size: 14px;   
}

.sb, .sbi, .sb *, .sbi * {
	position:relative;
	z-index:1;
}

#container
{
    min-width: 704px;
    width: 66em;   
    margin: auto;
}
.clear
{
    clear:both;
}

.divider
{
    width: 95%;
    margin: 1em auto;
}

#header
{  
    position: relative;
    height: 8em;
}

#logo
{
    position: relative;
    width: 24.5em;
    float: left;
    height: inherit;
    margin: auto;
}

#logo img
{
    margin: 1.75em 6.3em;
    width: 11.93em;
    
}



#banner
{
    position: relative;
    width: 40em;
    height: inherit;
    float: right;
}

#banner img
{
    width: inherit;
}

#wrapper
{
    position: relative;
    clear: both;
    position: relative;
    margin-top: 1em;
    margin-bottom: 1em;
width: 100%;

}

#left
{
    position: relative;
    width: 18%;
    float: left;
}

#center
{
    position: relative;
    width: 58%;
    margin: 0 2%;
    float: left;
    min-height: 40em;
    padding: 7px;
}

#right
{
    position: relative;
    width: 18%;   
    float: right;
}

#footer
{
    position: relative;
    clear:both;
    padding: 0.25em;
}

#footerLeft
{
    position: relative;
    float: left;
    padding-left: 0.5em;
}

#footerRight
{
    position: relative;
    float: right;   
    padding-right: 0.5em;
}

.imageRight
{
    float: right;
}

.column1
{
    float:left;   
}

.column2
{
    float: right;
}

.clear
{
    clear: both;   
}

#leftTop, #topControl, #bottomControl, #rightTop, #rightBottom
{
	position: relative;
	margin-bottom:2em;
}

#leftTop, #topControl, #bottomControl
{
	padding: 7px 7px 7px 0;
}

#rightTop, #rightBottom
{
	padding: 7px 0px 7px 7px;
}

