/* 
    Document   : main
    Created on : 19/02/2010, 11:47:27 AM
    Author     : studio
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #000000;
    background-color: #FDFDFD;
    font-size: 12px;
}

a{
    color: #000000;
}

#container{
    width: 955px;
    margin: 0 auto;
    background-color: #fdfdfd;
}

.clearBoth{
    clear: both;
}

a img{
    border: none;
}

#header{
    height: 200px;
}

#header #s3aLogo{
    float: left;
}

#header #nziaLogo{
    float: right;
    margin-right: 30px;
    margin-top: 87px;
}

#header #mainmenu{
    /*height: 20px;*/
    margin-top: 10px;
}

#header #mainmenu ul{
    margin: 0;
    padding: 0;
    float: right;
    margin-right: 30px;
    list-style-type: none;
}

#header #mainmenu ul li{
    float: left;
    /*background-color: #a4ae6d;*/
    background-color: #596566;
    width: 128px;
    height: 25px;
    margin-right: 2px;
    text-align: center;
    font-size: 14px;
}

#header #mainmenu ul li a{
    text-decoration: none;
    color: #ffffff;
    display: block;
    margin-top: 3px;
}

#header #mainmenu ul li#lastMenuItem{
    width: 130px;
    margin: 0;
}

#leftContent{
    width: 275px;
    height: 290px;
    float: left;
}

ul#submenu{
    list-style-type: none;
    margin: 0 0 0 95px;
    padding: 0;
}

ul#submenu .header{
    text-decoration: none;
    /*color: #a4ae6d;*/
    color: #596566;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

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

ul#submenu .acitem{
    margin-left: 13px;
    margin-right: 20px;
}

ul#submenu .acitem a{
    text-decoration: none;
    color: #000000;
}

ul#submenu .acitem a:hover{
    text-decoration: underline;
}

#rightContent{
    width: 680px;
    float: left;
}

.project{
    /*width: 130px;*/
    /*height: 75px;*/
    float: left;
    /*background-color: #0d60ad;*/
}

.project a{
    display: block;
    height: inherit;
    width: inherit;
}

#projectDescription{
    width: 275px;
    float: left;
}

#projectDescription p{
    margin-left: 30px;
    margin-right: 10px;
}

#moreProjects{
    margin-top: 10px;
    float: left;
    /*overflow: scroll;
    width: 667px;
    height: 75px;*/
}

#moreProjects img{
    float: left;
    margin-left: 2px;
    width: 128px;
    /*height: 75px;*/
}

#moreProjects img.left{
    margin-left: 0;
    width: 130px;
}