/* 
    Simply360 Screen Style Sheet
    Changed JEC 04-11-2008 - added a.plain
                08-03-2010 added legend style
    Colour scheme:Red headings and and Contrast: #dc092a
    Links: Black and bold, hover underlined, visited dark grey #333300
    03-09-2009 changed div.topmenu text size from 100% to 85%
*/

/* 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 { padding:0.5em; background-color:white; vertical-align:text-top; line-height:1.5; }
div.topmenu { width:100% ; background-color:#dc092a; padding: 5px; font-size: 90%; }
h1.header { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dc092a; padding:0; margin:0; display:inline; font-size: 250%; }
h2.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 { float:left; width:160px; margin:0; padding:1em; background-color: #e7e7e7}
.menutitle { font-weight:bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%; color: #dc092a ;}

/* Main Content */
div.content { margin-left:190px; border-left:2px solid #e7e6ed; padding:1em; }
/*alternative for pages with no left menu */
div.content_nomenu { padding:1em; }
/* for centered content */
div.centered {text-align:center;}

/* Bottom Menu */
div.bottommenu { padding: 0px 20px; color:white; background-color:#dc092a; vertical-align:text-top; font-size: 80%;}

/* 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%; }
/* basic links */
a:link  { text-decoration: underline; font-weight:bold; color:#000000; }
a:visited  { text-decoration: underline; font-weight:bold; color:#333300; }
a:hover  { text-decoration: underline; }
/* basic links but without the underline*/
a.plain:link  { text-decoration: none; font-weight:bold; color:#000000; }
a.plain:visited  { text-decoration: none; font-weight:bold; color:#333300; }
a.plain:hover  { text-decoration: underline; }
/* basic links but without the underline or bold*/
a.body:link  { text-decoration: none; color:#000000; }
a.body:visited  { text-decoration: none; color:#333300; }
a.body:hover  { text-decoration: underline; }
/* links white to contrast with coloured background*/
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; }
/* red links for contrast on home page */
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; }
em { 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: 10px }
.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:15%; margin:0; padding:10px; }
div.widerightcol  { margin-left:15%;  padding:10px; }
hr.grow360 { color: #dc092a;}
div.grow360topmenu { width:100% ; background-color:#dc092a; }
/* Bottom Menu */
div.grow360bottommenu { padding: 5px 20px; color:white; background-color:#dc092a; vertical-align:text-top; }

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