html,body
{
    height:100%;
}
body
{
    margin:0;
    padding:0;
    background:#5b5957;
    font-family: Helvetica, Arial;
    font-size:12px;
}
a,a:visited
{
    text-decoration:none;
}
#bodyBackground
{
    width:100%;
    height:100%;
    overflow:hidden;
    position:fixed;
    top:0;
    left:0;
    z-index:10;
    background:#5b5957;
}
#bodyBackground img
{
    width:100%;
}
#layout
{
    position:absolute;
    top:0;
    left:0;
    z-index:100;
    background:transparent;
    width:100%;
    height:auto;
}
/*header begin--------------------------------------*/
#headerContent,#bodyContent,#footerContent
{
    width:820px;
    margin: 0 auto;
}
#header
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:51px;
    background:#000000;
    opacity:0.6;
    filter:alpha(opacity=60)
}
#headerContent
{
    padding:18px 0;
    margin:0 auto;
}
#headerContent a
{
    font-size:12px;
    color:white;
}
#headerLeft
{
    float:left;
    width:250px;
}
#headerRight
{
    float:right;
    width:300px;
    text-align:right;
}
#nav li
{
    display:inline;
    padding:0 0 0 20px;
}
#nav li a
{
    font-weight:bold;
}
#nav li.active > a
{
    color:#c5c4b5;
    font-weight: normal;
}
#nav li a:hover > a
{
    color:#c5c4b5;
}
a.headEmail
{
    color:#ffffff;
    font-size:18px;
}
a.headEmail:hover > span
{
    color:#c5c4b5;
}

/*content begins--------------------------------------------*/
#event,#about,#content
{
    padding:51px 0 0 0;
}
.content
{
    padding:95px 0 0 0;
}
#logo
{
    float:left;
    width:640px;
}
#eventDate
{
    float:right;
    width:170px;
    text-align:right;
}
#eventContent
{
    padding:110px 0 0 0;
}
#eventContentLeft
{
    float:left;
    width:310px;
}
#eventContentRight
{
    float:right;
    width:440px;
}
#listWrapper ul
{
    float:left;
    width:140px;
}
#listWrapper ul li
{
    white-space:nowrap;
    color:#ffffff;
    font-size:0.8em;
    padding:0 0 5px 0;
}
#contactInfo
{
    padding:80px 0 0 0;
}
#contactInfoLeft
{
    float:left;
    width:300px;
}
#contactInfoRight
{
    float:right;
    width:300px;
}
#contactEmailWrapper:hover > span
{
    color:#c5c4b5;
}
#contactEmailWrapper:hover > a > span
{
    color:#ffffff;
}
a.contactLink
{
    color:#ffffff;
}
a.contactLink:hover
{
    color:#c5c4b5;
}
#filmLeft
{
    float:left;
    width:550px;
}
#filmRight
{
    float:right;
    width:250px;
    text-align: right;
}
#childrenOfWarLink:hover
{
    color:#ffffff;
}
#akuluLeft,#akuluRight
{
    line-height: 22px;
}
#akuluLeft
{
    width:49%;
    float:left;
}
#akuluRight
{
    width:49%;
    float:right;
}
#logoWrapper
{
    padding:75px 0 0 0;
}
#logoWrapper img
{
    padding:0 15px 0 0;
}
/*footer begin-------------------------------------------------------*/
#footerContent
{
    padding:100px 0 0 0;
    color:#ffffff;
    font-size:11px;
}
/*various elements---------------------------------------------------*/
.smallGrayFont
{
    font-size:11px;
    color:#c5c4b5;
}
.grayFont
{
    color:#c5c4b5;
}
.bigGrayFont
{
    font-size:25px;
    color:#c5c4b5;
}
.reallyBigGrayFont
{
    font-size:30px;
    color:#c5c4b5;
}
.hugeGrayFont
{
    font-size:45px;
    color:#c5c4b5;
}
.whiteFont
{
    color:#ffffff;
}
.bigWhiteFont
{
    font-size:25px;
    color:#ffffff;
}
.reallyBigWhiteFont
{
    font-size:30px;
    color:#ffffff;
}
.hugeWhiteFont
{
    font-size:45px;
    color:#ffffff;
}
.upperCase
{
    text-transform:uppercase;
}
.topPad
{
    margin:20px 0 0 0;
}
.clear
{
    clear:both;
}