/*
    Styles for Rapallo

    bf3539  rapallo red

    0037b4  engineering blue
    78421d  asset management brown
    357916  environmental green
    4d0d7c  resource management purple
    dc9800  projects yellow

    cccccc  background grey
*/

body { margin: 0; padding: 0; color: #444444; background: #cccccc url(../images/layout/bg-page.jpg) center top repeat-x; font-family: Verdana, sans-serif; font-size: 0.83em; }

a:link { color: #444444; font-weight: bold; }
a:visited { color: #444444; font-weight: bold; }
a:hover { color: #bf3539; font-weight: bold; }

div#wrapper { background: url(../images/layout/bg-swash.png) center bottom repeat-x; }

div#container { width: 966px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; position: relative; }

h1 { color: #444444; background: #ededed url(../images/banners/banner.jpg) right bottom no-repeat; width: 966px; height: 390px; padding: 0; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 38px; }
h1 img { margin-top: 80px; margin-left: 20px; margin-right: 0; margin-bottom: 0; padding: 0; border: none; }

h2 { display: none; font-size: 1.25em; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-right: 0; padding-left: 30px; border-top: 2px solid #ffffff; height: 40px; line-height: 40px; color: #bf3539; background: #ffffff; /*color: #ffffff; background: #bd222b url(../images/headings/heading.gif) center top repeat-x;*/ }

h3 { font-size: 1.2em; color: #bd222b; margin-bottom: 0.25em; font-weight: lighter; }
h4 { font-size: 1em; color: #444444; margin-bottom: 0; font-weight: bold; }

div#content { color: #444444; background: #ffffff; margin: 0; padding-top: 27px; padding-bottom: 30px; padding-left: 30px; padding-right: 260px; min-height: 330px; }
div#content p:first-child { margin-top: 0; font-size: 1.2em; font-family: Stone Sans, ITC Stone Sans, Verdana, sans-serif; }
div#content h3:first-child { margin-top: 0; }

p { margin-top: 0; margin-bottom: 1em; }

li { padding-bottom: 0.25em; }


div#sidebar { margin: 0; padding: 0; width: 200px; position: absolute; top: 460px; right: 30px; }
div#sidebar hr { display: none; }
div#sidebar img { width: 200px; margin-top: 0; margin-bottom: 15px; border: none; }

p.capability { margin-top: 0; margin-bottom: 25px; margin-left: 0; margin-right: 0; padding: 0; height: 36px; width: 200px; font-size: 0.83em; }
p.capability a { margin: 0; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 40px; height: 28px; width: 150px; color: #666666; background: #ffffff url(../images/layout/bg-capability.gif) left top no-repeat; display: block; text-decoration: none; text-align: center; }

p.capability a:link { color: #444444; font-weight: normal; }
p.capability a:visited { color: #444444; font-weight: normal; }
p.capability a:hover { color: #666666; font-weight: normal; }

div#sidebar h2 { display: block; font-size: 1em; margin-bottom: 0; color: #ffffff; background: #bd222b; border: none; height: auto; line-height: 130%; padding: 0.25em; text-align: center; }
div#sidebar ul { margin: 0; padding: 0; list-style: none; }
div#sidebar ul li { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #cccccc; }
/*div#sidebar ul li:first-child { border: none; }*/
div#sidebar ul li a { margin: 0; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 1em; padding-right: 1em; display: block; text-decoration: none; }

div#sidebar ul li a:link { color: #444444; font-weight: normal; }
div#sidebar ul li a:visited { color: #444444; font-weight: normal; }
div#sidebar ul li a:hover { color: #444444; background: #eeeeee; font-weight: normal; }

div#sidebar ul li a#here { color: #000000; background: #f4f4f4; }


ul#divisions { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0; list-style: none; clear: both; font-family: Helvetica, Arial, sans-serif; height: 32px; border-top: 1px solid #cccccc; }
ul#divisions li { margin: 0; padding: 0; list-style: none; text-align: center; height: 32px; float: left; border-left: 1px solid #ffffff; }
ul#divisions li a { width: 192px; height: 0px; padding-top: 32px; padding-bottom: 0; overflow: hidden; display: block; background-position: left top; background-repeat: no-repeat; }
ul#divisions img { margin: 0; padding: 0; border: none; }

ul#divisions li#divisions-engineering { width: 192px; border-left: none; }
ul#divisions li#divisions-asset { width: 193px; }
ul#divisions li#divisions-environment { width: 192px; }
ul#divisions li#divisions-resource { width: 193px; }
ul#divisions li#divisions-projects { width: 192px; }

ul#divisions li#divisions-engineering a { width: 192px; background-image: url(../images/buttons/engineering.gif) /*left top no-repeat*/; }
ul#divisions li#divisions-asset a { width: 193px; background-image: url(../images/buttons/asset.gif); }
ul#divisions li#divisions-environment a { width: 192px; background-image: url(../images/buttons/environment.gif); }
ul#divisions li#divisions-resource a { width: 193px; background-image: url(../images/buttons/resource.gif); }
ul#divisions li#divisions-projects a { width: 192px; background-image: url(../images/buttons/projects.gif); }

ul#divisions li#divisions-engineering a:hover { background-position: 0 -32px; }
ul#divisions li#divisions-asset a:hover { background-position: 0 -32px; }
ul#divisions li#divisions-environment a:hover { background-position: 0 -32px; }
ul#divisions li#divisions-resource a:hover { background-position: 0 -32px; }
ul#divisions li#divisions-projects a:hover { background-position: 0 -32px; }


ul#menu { margin: 0; padding: 0; list-style: none; clear: both; position: absolute; top: 391px; left: 0; font-family: Helvetica, Arial, sans-serif; background-image: url(../images/layout/bg-menu.gif); background-position: left top; background-repeat: repeat; width: 966px; font-size: 0.9em; }
ul#menu li { margin: 0; padding: 0; list-style: none; text-align: center; height: 20px; padding-top: 8px; padding-bottom: 8px; padding-left: 0; padding-right: 0; float: left; }
ul#menu li a { line-height: 20px; height: 20px; display: block; width: 150px; padding-left: 8px; padding-right: 8px; text-decoration: none; text-transform: uppercase; border-left: 1px solid; }
ul#menu img { margin: 0; padding: 0; border: none; }

ul#menu a:link { color: #de9a9c; border-color: #de9a9c; font-weight: normal; }
ul#menu a:visited { color: #de9a9c; border-color: #de9a9c; font-weight: normal; }
ul#menu a:hover { color: #ffffff !important; border-color: #de9a9c; font-weight: normal; }

ul#menu li#menu-home a { width: 50px; border-left: none; }
ul#menu li#menu-about a { width: 135px; }
ul#menu li#menu-media a { width: 50px; }
ul#menu li#menu-history a { width: 150px; }
ul#menu li#menu-join a { width: 105px; }
ul#menu li#menu-contact a { width: 70px; }

ul#menu li a.here { color: #ffffff; border-color: #de9a9c; }


div#footer { clear: both; padding-bottom: 1em; color: #444444; /*background: #cccccc; border-top: 2px solid #dddddd;*/ font-family: Helvetica, Arial, sans-serif; }
div#footer hr { display: none; }
div#footer p { margin-top: 0.75em; margin-bottom: 0; margin-left: auto; margin-right: auto; width: 890px; }


div.aboutbox { width: 310px; color: #444444; background: #eeeeee; margin-top: 15px; margin-bottom: 15px; margin-left: 0; margin-right: 20px; }
div.aboutbox h3 { margin: 0; padding: 0; }
div.aboutbox h3 a { text-decoration: none; margin: 0; color: #ffffff; background: #bf3539; padding: 0.5em; display: block; }

div.aboutbox a:link { color: #ffffff; font-weight: normal; }
div.aboutbox a:visited { color: #ffffff; font-weight: normal; }
div.aboutbox a:hover { color: #eeeeee; font-weight: normal; }

div#about-engineering { float: left; }
div#about-projects { float: right; }
div#about-asset { float: left; clear: left; }
div#about-environment { float: right; clear: right; }
div#about-resource { float: right; clear: right; }

div#about-engineering h3 a { color: #ffffff; background: #0037b4; }
div#about-projects h3 a { color: #ffffff; background: #dc9800; }
div#about-asset h3 a { color: #ffffff; background: #78421d; }
div#about-environment h3 a { color: #ffffff; background: #357916; }
div#about-resource h3 a { color: #ffffff; background: #4d0d7c; }

div#afterboxes { clear: both; }


ul.gallery { list-style: none; margin: 0; padding: 0; }
ul.gallery li { list-style: none; margin: 3px; padding: 0; display: inline; height: 82px; text-align: center; }
ul.gallery img { border: 1px solid #444444; }

img#galleryphoto { border: 1px solid #444444; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; }


p#abn { font-size: 0.83em !important; text-align: right; float: right; }