/* Stylesheet for CGI extranet
  (c) 1997-2014 CGI IT UK Ltd - All Rights Reserved Worldwide.
  $Id: public.css 655 2014-06-15 11:11:00Z redferni $
*/

/* Tag Styles */
body { background: #7da5b2; margin: 0 0; }
div { margin: 0; padding: 0; font: normal 12pt Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
ul { margin: 0; padding: 0; }
h1, h2 { margin: 20px 10px 20px 0; font-size: large; font-weight: normal; color: #903; }
h2 { margin: 0 0 20px 0; }
p { margin: 0 0 20px 0; line-height: 1.5em; }
input { margin: 0 0 10px 0; }

/* Layout */

/* Top of page header */
#header_wrap { background: url(images/top-gradient.png) repeat top left;}
/* The following puts the header text over the two images */
/* Relative position and z-axis here to allow an img to underlay the text */
#header { width: 950px; height: 91px; margin: 0 auto; z-index: 1; position: relative; }
#topleft { position: absolute; left: 0; top: 0; z-index: 0; }
#left { float: left; width: 799px; background: url(images/top-dots-lines.png) no-repeat bottom right; height: 91px; }
#right { float: left; }
#header h1 { font-size: 24pt; color: black; }
#header h1 #big { font-weight: 900; }

/* Large image banner with gradient background around it */
#banner_wrap { background: url(images/banner-gradient.png) repeat top left;}
#banner { width: 950px; height: 279px; margin: 0 auto; }
#banner_half { width: 950px; height: 119px; margin: 0 auto; }

/* Main page content section */
#content_wrap { background: white; }
/* Warning: have to set height manually */
#content { width: 950px; margin: 0 auto; }
#content h1 { font-weight: bold; }
#content a { color: #903; }

#leftcol { width: 210px; float: left; }
#middlecol { width: 570px; float: left; text-align: left; }
#rightcol { width: 170px; float: left; }
#endcol { clear: both; }

/* Navigation menu */
#menu { border-width: thin; border-style: solid; margin-top: 20px; margin-right: 20px; font-size: 10pt; }
#menu h2 { text-align: center; background: url(images/menu-gradient.png) repeat top left; height: 20px; color: white; font-size: 10pt; font-weight: bold; }
#nav { padding-bottom: 10px; padding-left: 10px; }
#nav li { line-height: 1.25em; list-style-position: inside; color: #903; }
#nav li a { color: #000; text-decoration: none; }
#nav li a:hover { color: #903; }
#nav li a.selected { font-weight: bold; color: #903; }

/* Login button */
#rightcol h2 { text-align: center; background: url(images/login-gradient.png) repeat top left; height: 22px; color: white; font-size: 10pt; font-weight: bold; margin-top: 20px; margin-left: 20px;}
#rightcol a { color: white; }

/* Footer */
/* Clear both to get onto new line */
#footer_wrap { clear: both; }
#footer { font-size: 12px; color: #fff; font-weight: bold; width: 950px; margin: 10px auto; }
#footer a { color: #fff; text-decoration: none; }