/* 
    Simply360 Print Style Sheet
    Changed JEC 30-10-2008 - added h2.header
                08-03-2010 added legend style
    Colour scheme:Red headings and and Contrast: #dc092a
    Links: Black and bold, hover underlined, visited dark grey #333300
*/

/* Container */
body  {  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  color: #363636;  font-size: 90%; line-height:1.5; background-color: #ffffff; }

/* White main page area, surrounded by a gray line, on a coloured background (see body style for colour)*/
/* position on page: 10% space, 80% container 10% space */
div.container { background-color: white; width:80%; margin:0px; padding: 20px; border-style: solid; border-color: gray; border-width: 2px; position:relative; left:10%; }

/* Header */
.breadcrumb { color:white; padding: 5px; }
/*div.header { display:none; }*/
div.topmenu { display:none; }
h2.header { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dc092a; padding:0; margin:0; display:inline; font-size: 250%; }
h1.header { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dc092a; padding:0; margin:0; display:inline; font-size: 250%; }
img.logo { position:absolute; left:70%; top:0%; padding: 5px; width: 200px; }
img.jollypic { float:right; padding: 3px; height: 100px; width: 100px; }

/* Left Menu */
div.leftmenu { display:none; }
.menutitle { font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%; color: #dc092a ;}

/* Main Content */
div.content {  }
/*alternative for pages with no left menu */
div.content_nomenu { }

/* Bottom Menu */
div.bottommenu { display:none; }

/* Footer */
div.footer  { text-align: center; font-size: 80%; }

/* General Styles */
h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dc092a; font-size: 180%; }
h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dc092a; font-size: 140%; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#82004e; font-size: 120%; }
a:link  { text-decoration: none; font-weight:bold; color:#000000; }
a:visited  { text-decoration: none; font-weight:bold; color:#333300; }
a:hover  { text-decoration: underline; }
a.contrast:link  { text-decoration: none; font-weight:bold; color:white; }
a.contrast:visited  { text-decoration: none; font-weight:bold; color:white; }
a.contrast:hover  { text-decoration: underline; font-weight:bold; }
a.bottommenu:link  { text-decoration: none; font-weight:bold; color:white; }
a.bottommenu:visited  { text-decoration: none; font-weight:bold; color:white; }
a.bottommenu:hover  { text-decoration: underline; font-weight:bold; }
a.home:link  { text-decoration: none; font-weight:bold; color:#dc092a; }
a.home:visited  { text-decoration: none; font-weight:bold; color:#dc092a; }
a.home:hover  { text-decoration: underline; }

ul.redbullet {list-style-image: url('http://www.simply360.co.uk/images/redbullet.gif');}
legend {font-weight:bold; color: black; }


/* for Handbook */
p.articles  { line-height: 160%;  font-size: 80%; }
ol.decimal  { list-style-type: decimal; }
ol.lroman  { list-style-type: lower-roman; }
ol.uroman  { list-style-type: upper-roman; }
ol.lalpha  { list-style-type: lower-alpha; }
ol.ualpha  { list-style-type: upper-alpha; }

/* for Development Directory */
ul.TipsList  { list-style-type: square; padding: 0px 20px; margin:0; }
li.TipsList  { padding: 5px 0px; }

/* for Home Page */
.strapline_big    { font-size:150%; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#330066; }
.strapline_small  { font-size:120%; font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#928caa; }
.contrast  { color:#dc092a; font-weight:bold; }
.error  { color: red; font-weight:bold;}
div.homeleft  { float:left; width:50%; margin:0; padding:10px; }
div.homeright  { margin-left:53%; border-left:2px solid #e7e6ed; padding:10px; }
hr.divider  { height:2px; color: #e7e6ed; }
div.floatright  { float:right; }
div.left  { float:left; }
div.rbox { float:right; padding: 10px; margin: 10px; width: 200px; background-color: #e1e1e1; }
div.lbox { float:left;  padding: 10px; margin: 10px; width: 200px; background-color: #e1e1e1; }

/* for grow360 */
p.right { float: right }
p.left { position: relative; left: 10% }
.big_init {font-size: 200%;}
div.leftcol  { float:left; width:50%; margin:0; padding:10px; }
div.rightcol  { margin-left:50%;  padding:10px; }
h2.grow360 { color:#dc092a; background-color:#969696;}
div.slimleftcol  { float:left; width:10%; margin:0; padding:10px; }
div.widerightcol  { margin-left:10%;  padding:10px; }
hr.grow360 { color: #969696;}
div.grow360bottommenu { display:none; }

/* for a table layout with borders between rows */
td.rowborder { border-top: 1px solid #dc092a;}