/*--------------General-----------*/
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
        
    background-image: url("/images/background/bg-all01.gif");   
    background-repeat: repeat;       
    
    text-align: center;   
}

body, a, p, h1, h2, h3, h4, h5, img, div
{
    margin: 0;
    padding: 0;
}

.blueFont
{
    color: #3366cc;
}

.redFont
{
    color: #cc0000;
}

.smallText
{
    font-size: 10px;
}

.clear
{
    clear: both;
}

/*---------------HomePage-----------*/
#headerImages
{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto; 
    
    width: 1000px;
    text-align: center; 
    height: 120px;  
}

#headerImages a:first-child
{
    margin-left: 0;
}

#headerImages a
{
    margin-left: 25px;
}

#headerMessage
{
    margin-left: auto;
    margin-right: auto;
    
    margin-top: 10px;
    width: 800px;
    text-align: center;
}

#headerMessage marquee:first-child
{
    margin-bottom: 2px;
}

#headerMessage marquee
{
    border: 1px solid #cccccc;
    color: #3366cc;
    padding-top: 3px;
    padding-bottom: 3px;  
}

#veselicaPrompt
{
    margin-left: auto;
    margin-right: auto;    
    margin-top: 20px;

    text-align: center;    
    width: 780px;
}

#veselicaPrompt .left
{    
    text-align: right;
    margin-top: 25px;
    margin-right: 10px;
    width: 280px;
    float: left;
    color: #cc0000;
}

#veselicaPrompt .middle
{
    float: left;
}

#veselicaPrompt .right
{
    margin-top: 25px;
    text-align: left;
    width: 280px;
    float: right;
    color: #3366cc;
}

#mainNav
{
    margin-left: auto;
    margin-right: auto;
    width: 780px;
    margin-top: 10px;   
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#mainNav .mainCenter
{
    width: 330px;
    float: left;
    margin-left: 15px;
    margin-top: 20px;
}


#mainNav .mainCenter div
{       
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    border: 1px solid #cccccc;
    background-color: #ffffff;
}

#mainNav .mainCenter .lastNavBar
{
    margin-top: 30px;
}

#mainNav .mainCenter a
{
    text-decoration: none;
    margin-left: 4px;
    margin-right: 4px;
    color: #cc0000;
}

#mainNav .mainCenter a:hover
{
    color: #ff6600;
}

#mainNav .mainLeft
{
    float: left;
}

#mainNav .mainRight
{
    float: right;
}

#mainNav a.blueLink
{
    color: #3366cc;
}

#mainNav a.blueLink:hover
{
    color: #0099ff;   
}

#mainNav .aboveNavBar
{
    margin-bottom: 0;
}

#mainNav .clearNavBar
{
    margin-bottom: 0;
    border: 0;
    background-color: Transparent;
}

#veselicaFooter
{
    margin-top: 20px;
}

#veselicaFooter p
{
    margin-top: 20px;
    color: #3366cc;
}

#veselicaPosts
{
    width: 800px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.postBody
{
    width: 100%;
    background-image: url("/images/background/bg-all.gif");
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.postBody p
{    
    margin-left: 20px;
    margin-right: 20px;
    color: #cc6600;
    font-weight: bold;
}

.postName
{
    color: #000099;
    font-weight: bold;
    margin-left: 10px;
    float: left;
}

.postName a
{
    color: #000099;
    font-weight: bold;
}

.postDate
{
    text-align: right;
    color: #000099;
    font-size: 10px;
    margin-bottom: 2px;
    margin-right: 10px;
}

.postLink
{
    float: right;
    width: 275px;
    text-align: left;
}

.postLink a
{
    color: #000099;
    font-weight: bold;
}

.postFooter
{
    width: 100%;
    height: 25px;
    border: 1px solid #cccccc;
}

#recordCount
{
    width: 100%;
    border: 1px solid #cccccc;
    padding-top: 5px;
    padding-bottom: 5px;
}

#divPaging ul
{
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

#divPaging ul li
{
    display: inline;
    font-size: 14px;
    margin-left: 4px;
    color: #cc0000;
}

#divPaging ul li a
{
    color: #cc0000;
    text-decoration: none;
    font-weight: bold;
}

#divPaging ul li span.selectedPage
{
    color: #ff6600;
    text-decoration: none;
    font-weight: normal;
}

#divPaging ul li a:hover
{
    color: #ff6600;
}

/*---------------Sponsors-----------*/
#sponsors
{
    width: 780px;
    margin-left: auto;
    margin-right: auto;
}

#sponsors table th
{
    color: #cc6600;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

#sponsors table tr.altRow
{
    background-image: url("/images/background/bg-all.gif");   
    background-repeat: repeat; 
}

#sponsors table td
{
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

#sponsors table td a
{
    color: #cc0000;    
    font-weight: bold;
}

#sponsors table td a:hover
{
    color: #ff6600;
    font-weight: bold;
}

#sponsors table td span
{
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#sponsors table td.left
{ 
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#sponsors table td.mid
{ 
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#sponsors table td.right
{ 
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.boxPromptTop
{
    border: 1px solid #cccccc;
    background-color: #ffffff;

    width: 550px;    

    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
       
    font-size: 14px;
    font-weight: bold;   
}

.boxPromptTop span
{
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
}

.boxPromptBottom
{
    border: 1px solid #cccccc;
    background-color: #ffffff;

    width: 331px;
    height: 25px;

    margin-top: 30px;    
    margin-left: auto;
    margin-right: auto;   
}

.boxPromptBottom a
{
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    color: #cc0000;
    margin-top: 5px;
}

.boxPromptBottom a:hover
{
    color: #ff6600;
}

.galaAd
{
    width: 210px;
    text-align: center;
}

.galaAd h1
{
    margin: 0;
    padding: 0;
    margin-bottom: 2px; 
}

.galaAd h1 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.galaAd a
{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.galaAd a.engBuy
{
    color: #cc0000;
}

.galaAd a.engBuy:hover
{
    color: #ff6600;
}

.galaAd a.svkBuy
{
    color: #3366cc;
}

.galaAd a.svkBuy:hover
{
    color: #0099ff;
}

.hpAds h1
{
    margin: 0;
    padding: 0;
    margin-bottom: 2px; 
}

.hpAds h1 a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

.hpAds a
{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.hpAds a.redLink
{
    color: #cc0000;
}

.hpAds a.redLink:hover
{
    color: #ff6600;
}

.hpAds a.blueLink
{
    color: #3366cc;
}

.hpAds a.blueLink:hover
{
    color: #0099ff;
}

.leftAds
{
    width: 210px;
    text-align: center;
}

.rightAds
{
    width: 210px;
    text-align: center;
}

.galaLeft
{
    float: left;
}

.galaCenter
{
    margin-top: 25px;
    margin-left: 10px;
    float: left;
    width: 350px;
    text-align: left;
}

.galaRight
{
    float: right;
}

.galaRight
{
    float: right;
}

.galaDate
{
    width: 100%;
    margin-bottom: 10px;
}

.galaDate strong
{
    float: left;
}
.galaDate span
{
    display: block;
    float: right;
    width: 280px;
}

.galaAddress
{
    width: 100%;
    margin-bottom: 10px;
}

.galaAddress strong
{
    float: left;
}

.galaAddress span
{
    display: block;
    float: right;
    width: 280px;
}

.galaProgram
{
    width: 100%;
}

.galaProgram strong
{
    float: left;
}

.galaProgram span.programInfo
{
    width: 280px;
    float: right;
}

.raffles
{
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.raffles table
{
    text-align: left;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.donateSection
{
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    margin-bottom: 20px;
}

.donateSection .donatePrompt
{
    text-align: left;
    float: left;
}

.donateSection .donateButton
{
    float: right;
}

.sponsorList table
{
    margin-top: 10px;
}

.galaFooter
{
    margin-top: 40px;
}

.galaFooter a
{
    color: #cc0000;     
}

.galaFooter a:hover
{
    color: #ff6600;    
}