/* CSS Document */

/***************************  BLOCK LAYOUT  ***********************************/ 

body{
        text-align: center;
        margin: 0;
        padding: 0;
        margin-top: 200px;
        margin-bottom: 21px;
}

div#Main{
        position: relative;
        width: 1000px;
        height: 100%;
        margin: 0 auto;
        padding: 0px;  
}

div#Top{
        position: absolute;
        top: -200px;
        left: 0;
        width: 1000px;
        height: 60px;
        margin: 0;
        padding: 0;
}

div#Menu{
        position: absolute;
        top: -140px;
        left: 0;
        width: 1000px;
        height: 20px;
        margin: 0;
        padding: 0;
        background-color: #666666;
}

div#AestheticImage{
        position: absolute;
        top: -120px;
        left: 0;
        width: 1000px;
        height: 120px;
        margin: 0;
        padding: 0;
}

div#SideNavigation{
        position: absolute;
        top: 0px;
        left: 0;
        width: 150px;
        height: 100%;
        margin: 0;
        padding: 0;
}

div#Content, div#ContentNoScroll{
        position: absolute;
        top: 0px;
        left: 150px;
        width: 850px;
        height: 100%;
        padding: 0;
        background-color: #e7e7e9;
}

div#Content{
        overflow: auto;
}

div#ContentNoScroll{
        overflow: hidden;
}

div#Footer{
        position: absolute;
        bottom: -21px;
        left: 0;
        width: 1000px;
        height: 20px;
        margin: 0;
        padding: 0;
        border-top: 1px solid red;
}

/***************************  Top  ***********************************/

img#Logo{
        position: absolute;
        left: 0px;
        top: 5px;
}

p#Motto{
        position: absolute;
        right: 0px;
        bottom: 5px;
        height: 0px;
        color: #444444;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        font-weight: normal;
        font-size: 10pt;
        font-style: italic;
}

p#WebAddress{
        display: none;
}

/***************************  Menu  *******************************************/

a.MenuItem{
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        font-size: 8pt;
        color: #ffffff;
        height: 20px;
        margin: 0;
        padding: 0;
        width: 130px;
        display: block;
        float: left;
        border-right: 1px solid white;
        line-height: 19px;

}

a.MenuItem:link{
        text-decoration: none;
}

a.MenuItem:visited{
        text-decoration: none;
}

a.MenuItem:active{
}


a.MenuItemColour1:hover{
        background-color: #5989af;
}

a.MenuItemColour2:hover{
        background-color: #af2d2f;
}

a.MenuItemColour3:hover{
        background-color: #496626;
}

a.MenuItemColour4:hover{
        background-color: #1a3f5a;
}

a.MenuItemColour5:hover{
        background-color: #72254b;
}

a.MenuItemColour6:hover{
        background-color: #d99f34;
}

/***************************  Aesthetic Image  ********************************/

img#Lines{
        width: 1000px;
        height: 10px;
        position: absolute;
        top: 110px;
        left: 0px;
}

/***************************  Navigation Left  ********************************/

p#PageTitle{
        font-size: 10pt;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        color: #ffffff;
        background-color: #666666;
        margin: 0;
        padding: 1px;
        padding-left: 20px;
        position: absolute;
        left: 0px;
        top: 47px;
        width: 100%;
        text-align: left;
        height: 18px;
        line-height: 18px;
}

a.MainLink{
       color: #ffffff;
       text-decoration: none;
}

a.MainLink:link{
        text-decoration: none;
}

p.MenuLine{
        margin-top: 0.5em;
        margin-bottom: 0;
        text-align: left;
}

div#SubMenu{
        position: absolute;
        top: 70px;
        left: 20px;
        text-align: left;
}

a.SubMenuItem{
        font-size: 10pt;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        color: #bbbbbb;
        padding-left: 14px;
}

img.Arrow{
        margin: 0;
        padding: 0;
}

a.SubMenuSelected{
        color: #ffffff;
        padding-left: 0px;
}

a.SubMenuItem:link{
        text-decoration: none;
}

a.SubMenuItem:visited{
        text-decoration: none;
}


/***************************  Content  ****************************************/

img#Trans{
        position: absolute;
        left: 50px;
        top: 0px;
}

p#Headline{
        position: absolute;
        right: 20px;
        top: 5px;
        margin: 0;
        padding: 0;
        font-size: 12pt;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        font-weight: normal;
        font-style: italic;
}

div#ContentBody{
        position: absolute;
        left: 10px;
        top: 41px;
        width: 780px;
}

div#ColumnIntro{
        position: absolute;
        left: 10px;
        top: 41px;
        height: 20px;
        width: 780px;
}

div#ColumnLeft{
        position: absolute;
        left: 10px;
        top: 71px;
        height: 230px;
        width: 380px;
}

div#ColumnRight{
        position: absolute;
        left: 410px;
        top: 71px;
        height: 230px;
        width: 380px;
}

div#AfterColumns{
        position: absolute;
        left: 10px;
        top: 320px;
        width: 780px;
}

p.BodyText, li, p.DownloadDescription, p.DownloadAuthors, p.CaseStudyDescription{
        font-size: 9pt;
        font-weight: normal;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        color: #444444;
        text-align: left;
        margin-top: 5px;
        margin-bottom: 1em;
        line-height: 13pt;
}

h2{
        font-size: 12pt;
        font-weight: bold;
        font-family: Arial, Sans-serif;
        text-align: left;
        margin: 0;
        margin-top: 6px;
        margin-bottom: 8px;
        padding: 0;

}

h3{
        font-size: 9pt;
        font-weight: bold;
        font-family: Verdana, Arial, Sans-serif;
        text-align: left;
        margin: 0;
        margin-top: 6px;
        margin-bottom: 0em;
        padding: 0;

}

div.Section{
        margin: 0;
        padding: 0;
        margin-bottom: 25px;
}

div.Download{
        margin-top: 20px;
        margin-bottom: 10px;
}

p.DownloadTitle{
        font-size: 10pt;
        font-weight: bold;
        font-family: Verdana, Arial, Sans-serif;
        text-align: left;
        margin: 0;
        margin-top: 6px;
        margin-bottom: 0em;
        padding: 0;

}

p.DownloadAuthors{
        font-size: 8pt;
        padding: 0;
        margin-top: 0;
        margin-bottom: 5px;
}

p.DownloadDescription{
        font-size: 8pt;
        margin-top: 2px;
        padding: 0;
        line-height: 10pt;
}

a.Downlaod{
        text-decoration: none;
        color: #72254b;
}

a.Download:link{
        text-decoration: none;
        color: #72254b;
}

a.Download:visited{
        color: #72254b;
        text-decoration: none;
}
a.Download:hover{
        text-decoration: underline;
}

div#MapDiv{
        position: absolute;
        top: 45px;
        left: 400px;
}

div#map{
        width: 300px;
        height: 250px;
        background-color: blue;
        margin-top: 1em;
}

a.LinkInText{
        color: #444444;
}

a.LinkInText:link{
        color: #444444;
}

a.InText{
        text-decoration: none;
}

a.InText:link{
        text-decoration: none;
}

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

ul{
        margin: 0;
        padding-left: 1.5em;
}

li{
        margin-top: 0.3em;
        margin-bottom: 0.6em;
        padding-left: 0.5em;
}

/*li.Highlight{
        color: #444444;
}*/

em{
        font-weight: bold;
        font-style: normal;
}

span{
        color: #444444;
}

img#Profile{
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

/***************************  Footer  *****************************************/

p#FooterText{
        font-size: 7pt;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        color: #666666;
        height: 20px;
        margin: 0;
        padding: 0;
        line-height: 19px;
}

a.Footer{
        color: #666666;
}

a.MenuItem:link{
        text-decoration: none;
}

a.MenuItem:visited{
        text-decoration: none;
}

a.MenuItem:active{
}

/***************************   Case Studies and Principals   ******************/

a.CaseStudyTitle{
        font-size: 10pt;
        font-family: Verdana, Helvetica, Arial, Sans-serif;
        font-weight: bold;
        position: relative;
        top: -3px;
        left: 5px;
        text-decoration: none;
}

p.CaseStudyDescription{
        position: relative;
        font-size: 8pt;
        top: -8px;
        left: 5px;
        z-index: 5;
}

div#CaseCol1{
        position: absolute;
        top: 105px;
        left: 0px;
        width: 375px;
}

div#CaseCol2{
        position: absolute;
        left: 375px;
        top: 105px;
        width: 400px;
        height: 240px;
        overflow: hidden;
}

div.CaseStudy{
        text-align: left;
        width: 350px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
        border: 1px #e8e8e8 solid;
}

div#Principals{
	text-align: left;
        padding: 0px;
        margin: 0px;
        margin-bottom: 20px;
}

div.Principal{
	text-align: left;
        width: 350px;
        padding: 0px;
        margin: 0px;
        margin-bottom: 40px;
        margin-top: 30px;
        border: 1px #e8e8e8 solid;
}

img.CaseStudyImage{
        position: relative;
        width: 60px;
        height: 60px;
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        border: none;
        z-index: 10;
}

img.CaseStudyMainImage{
        position: relative;
        top: -5px;
	width: 150px;
        height: 150px;
        float: left;
        margin: 10px;
}