body 
{
    font-family : Verdana;
    font-size:62.5%;
}

.label
{
    display : inline;
    color : #f0b310;
    font-weight : bold;
    font-size : 1em;
    clear: left;
    float: left;
    width: 180px;
}

.validation-advice
{
    padding-left : 180px;
    font-weight : bold;
}

.validation-failed
{
    border : solid 1px gray;
}

form
{
    font-size : 1em;
}

.hr
{
     border-bottom : dotted 1px gray;
     height : 1px;
     border-top : none 0px white;
     line-height: 1px; 
     font-size: 1px; 
     padding-top : 4px;
     margin-bottom : 4px;
}

hr
{
     border-bottom : dotted 1px gray;
     height : 1px;
     border-top : none 0px white;
     border-left : none 0px white;
     border-right : none 0px white;
     line-height: 1px; 
     font-size: 1px; 
     padding-top : 4px;
     margin-bottom : 4px;
}

ul
{
    margin-left : 8px;
    padding-left : 8px;
    list-style-type : disc;
}

img
{
    border : none 0px white;  
}

input
{
    font-size : 1em;
}

table
{
    padding : 0px;
    margin : 0px;
    border : none 0px white;
}

h5
{
    width : 100%;
    background-color : #8b005a;
    color : White;
    font-size : 1.2em;
    font-weight : bold;
    padding : 2px;
    margin-bottom : 1px;
}

.clear
{
    clear : both;
}

.smallText
{
    font-size : 1em;
}
.largeText
{
    font-size : 1.2em;
}

.redLink
{
    font-size : 1em;
    color : #8b005a;
    text-decoration : none;
    font-weight : bold;
}

.redLink:hover
{
    text-decoration : underline;
}

.border
{
    width:800px;
    border: 1px solid #cdced0;
    padding-top: 3px;
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    text-align : left;
}

.header
{
    width:800px;
    position:relative;
}

.header img
{
    float : left;
}

.header ul
{
    display : inline;
    margin:0px;
    padding:0px;
    list-style:none;
    margin-top : 40px;

    height : 30px;
    float : left;
}

.formField
{
    padding-top : 5px;
    padding-bottom : 5px;
}

.header li
{
    display : inline;
    font-size : 11px;
    font-family : Arial;
    color : White;
    border-right: solid 1px white;
    background-color : #8b005a;
    padding-top : 8px;
    padding-bottom : 8px;
    padding-left : 10px;
    padding-right : 9px;
    float :left ;
    height : 15px;
}

.header li a
{
    color: white;
    height:31px;
    text-decoration : none;
}
.header li a:hover
{
    text-decoration:underline;
}

.header input
{
    font-size: 10px;
    position:absolute;
    top :47px;
    left:698px;
    color: gray;
    background: #ffffff;
    border: 0px solid #ffffff;
    width:64px;
}

.breadcrumb
{
    padding-left : 15px;
    padding-right : 4px;
    padding-top : 0px;
    font-size : 0.9em;
    color : #8b005a;
    text-align : left;
    clear : both;
}
.breadcrumb a
{
    font-size : 1em;
    color : #8b005a;
}

.linkImageButton
{
    width : 116px;
    height : 15px;
    font-size : 0.9em;
    padding-top : 86px;
    padding-left : 5px;
    margin-top : 3px;
    margin-left : 1px;
}

.newsItem
{
    font-size : 1em;
}

.newsItem a
{
    color : #8b005a;
    text-decoration : none;
}

.newsItem a:hover
{
    color : #8b005a;
    text-decoration : underline;
}

.newsItem > H1
{
    font-size : 1.7em;
    color : #8b005a;
    padding : 0px;
    margin : 0px;
}

.newsLeft
{
    float : left;
    display : inline;
    width : 352px;
}

.newsRight
{
    float : right;
    width : 170px;
    display : inline;
    padding-top : 4px;
}

.mainLeft
{
    float : left;
    display : inline;
    width : 267px;
    font-size : 1em;
    padding-right : 5px;
}

.mainLeft a
{
    color : #f0b310;
    text-decoration : none;
}

.mainLeft a:hover
{
    color : #f0b310;
    text-decoration : underline;
}

.mainRight
{
    float : right;
    width : 245px;
    display : inline;
    padding-top : 4px;
    font-size : 1em;
}

.newsHeading
{
    font-size : 0.9em;
}

.newsItem > .mainLeft
{
    font-size : 1.2em;
}

.newsBottom
{
    vertical-align : bottom;
}

.subtle
{
    font-size : 1em;
    color : #7989b2;
    text-decoration : none;
    font-weight : bold;
}

.subtleText
{
    font-size : 1em;
    color : #7989b2;
    text-decoration : none;
    font-weight : bold;
}

.subtle:hover
{
    text-decoration : underline;
}

.subMenu
{
    width : 121px;
    background-color : #8b005a;
    color : White;
    font-size : 1em;
    padding : 3px;
    margin-bottom : 3px;
}

.subMenu a
{
    color : White;
    text-decoration : none;
}

.subMenu a:hover
{
    text-decoration : underline;
}


.yellow
{
    display : inline;
    color : #f0b310;
    font-weight : bold;
}

.yellowText
{
    display : inline;
    color : #f0b310;
    font-weight : bold;
    font-size : 1em;
}


.yellowLink
{
    display : inline;
    color : #f0b310;
    font-weight : bold;
    text-decoration : none;
    font-size : 1em;
}
.yellowLink:hover
{
    display : inline;
    color : #f0b310;
    font-weight : bold;
    text-decoration : underline;
}

#schoolsLink
{
    background : #8b005a url('../../images/HatShop/footer/schools.gif') no-repeat;
    color : #f0b310;
}
#eventsLink
{
    background : #f0b310 url('../../images/HatShop/footer/events.gif') no-repeat;
    color : #556293;
}
#groupsLink
{
    background : #8b005a url('../../images/HatShop/footer/groups.gif') no-repeat;
    color : #f0b310;
}
#tourismLink
{
    background : #556293 url('../../images/HatShop/footer/tourism.gif') no-repeat;
    color : #f0b310;
}

#schoolsLink a
{
    text-decoration : none;
    color : #f0b310;
}

#eventsLink a
{
    text-decoration : none;
    color : #556293;
}
#groupsLink a
{
    text-decoration : none;
    color : #f0b310;
}
#tourismLink a
{
    text-decoration : none;
    color : #f0b310;
}

#schoolsLink a:hover
{
    text-decoration : underline;
    color : #f0b310;
}

#eventsLink a:hover
{
    text-decoration : underline;
    color : #556293;
}
#groupsLink a:hover
{
    text-decoration : underline;
    color : #f0b310;
}
#tourismLink a:hover
{
    text-decoration : underline;
    color : #f0b310;
}

#infoButton
{
    position : absolute;
    top : 45px;
    left : 520px;

}

#searchButton
{
    position : absolute;
    top : 40px;
    left : 652px;
}

#visitorcenter
{
    position : absolute;
    top : 25px;
    left : 518px;
    height : 8px;
    width : 278px;
}

#leftColumn
{
    width : 125px;
    border-right : dotted 1px gray;
    vertical-align : top;
}

#middleColumn
{
    width : 554px;
    vertical-align : top;
    padding : 10px;
}

#middleColumn > h1
{
    font-size : 1.7em;
    color : #8b005a;
    padding : 0px;
    margin : 0px;
}

#middleColumn h2
{
    font-size : 1em;
    color : #f0b310;
    padding : 0px;
    margin : 0px;
    margin-top : 5px;
    margin-bottom : 3px;
}

#middleColumn h3
{
    font-size : 1em;
    color : #f0b310;
    padding : 0px;
    margin : 0px;
    margin-top : 5px;
    margin-bottom : 3px;
}

#middleColumn p
{
    margin-top : 3px;
}

#middleColumn h3
{
    font-size : 1em;
    color : #8b005a;
    padding : 0px;
    margin : 0px;
    margin-top : 5px;
    margin-bottom : 3px;
}

#middleColumn table
{
    border : solid 1px gray;
    background: #7989b2;
    font-size : 1em;
    width : 100%;
    border-collapse: collapse;
}

#middleColumn td, th 
{
    border : 1px solid gray;
    padding : 7px;
    margin : .5em;
}

#middleColumn thead th, tfoot th 
{
  text-align: left;
  color: #ffffff;
  background: #8b005a;
}

#middleColumn tr
{
    background : white;
}


#rightColumn
{
    border-left : dotted 1px gray;
    width : 121px;
    vertical-align : top;
}

#newsHeading
{
    color : #556293;
    font-size : 0.9em;
    font-weight : bold;
    width : 122px;
    padding-bottom : 6px;
    padding-top : 12px;
    letter-spacing : 0.01em;
}

#newsContent
{
    color : #556293;
    font-size : 0.9em;
    letter-spacing : -0.1em;
    width : 109px;
}

#featuredEvents
{
    width : 116px;
    height : 76;
    background : #556293 url('images/featuredEvents.gif') no-repeat;
    color : #ffffff;
    font-size : 0.9em;
    padding-top : 64px;
    padding-bottom : 4px;
    padding-left : 5px;

}

#theEvent
{
    background-color : #f0b310;
    color : #000000;
    font-size : 0.9em;
    width : 113px;
    padding : 4px;
}

#theEvent > H4
{
    padding : 0px;
    margin : 0px;
    font-size : 1.2em;
    color : #8b005a;
}

#contentTab
{
    margin-top : 6px;
    margin-bottom : 6px;
}

#sponsor
{
    width : 100%;
    text-align : center;
    font-size : 0.9em;
    color : gray;
    font-weight : bold;
}

#sponsor > img
{
    vertical-align : middle;
}

#sponsor a
{
    color : gray;
}

#sponsorRight
{
    float : right;
    font-size : 0.9em;
}

#sponsorLeft
{
    float : left;
    font-size : 0.9em;
}

#visitorInfo
{
    width: 370px;
    font-size : 0.9em;
}

/*** Navbar ***/
#navcontainer
{
    margin-bottom: 1em;
    overflow: hidden;
    width: 800px;
    font-size : 1em;
    font-weight : bold;
}

#navlist
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navlist li
{
    border-left: 1px solid #000;
    float: left;
    line-height: 1.1em;
    margin: 0 .5em 0 -.5em;
    padding: 0 1.1em 0 1.1em;
}

#navlist a
{
    color : Black;
    text-decoration : none;
}

#navlist a:hover
{
    color : Black;
    text-decoration : underline;
}

.imgCenter
{   
    align : center;
}