/* ---- common styles --------------------------------------- */
body { padding:0; background:#0065a5; font:80% arial, helvetica, sans-serif;
  margin-left:auto; margin-right:auto; }

span.b { font-weight:bold; }
span.i { font-style:italic; }
span.u { text-decoration:underline; }
span.nb { font-weight:normal; }
span.shrink { font-size:60%; }
span.blink { text-decoration:blink; }
span.rightbig { text-align:right; font-size:150%; }
div.c { text-align:center; }

a:link { color:#0e6fbb; text-decoration:none; font-weight:bold; }
a:visited { color:#4eb5df; text-decoration:none; font-weight:bold; }
a.img:hover, a.img:active { background:#fff; }
a:hover, a:active { color:white; background:#89a; opacity: .6; filter:Alpha(Opacity=60); }
a img { border:0; }


/* ---- Mini Gallery! Created by Tom--------------------------------------- */
 table.gallery { background:#fff; border:1px #fb0 solid; width:600px; margin:10px 0px 10px 10px; }
 td.picture { background:#fff; border:1px #fb0 solid; width:200px; height:150px; padding:2px; }
 td.caption { background:#fff; border:1px #fb0 solid; width:200px; height:100px; padding:2px; }
 img.picture { width:200px; height:150px; }
 
 table.Ygallery { background:#fff; border:1px #fb0 solid; width:200px; margin:10px 0px 10px 200px; }
 table.Y2gallery { float:right; background:#fff; border:1px #fb0 solid; width:200px; margin:10px 0px 10px 10px; }
 td.Ypicture { background:#fff; border:1px #fb0 solid; width:200px; height:150px; padding:2px; }
 td.Ycaption { background:#fff; border:1px #fb0 solid; width:200px; height:50px; padding:2px; }
/* ---- Mini Gallery! Created by Tom--------------------------------------- */

/* ---- Plain Picture & Caption --- */
table.plaincaption { float:right; background:#fff; border:0px; margin:0px 0px 0px 5px; }
td.plaincaption_picture { background:#fff; }
td.plaincaption_caption { font-size:80%; font-weight:bold; text-align:center; }

/* --- Table for JS buttons -- */
 table.meet { margin: 0px 0px 0px 50px; } 
 td.meet { width:150px; height:100px; padding:5px; }
/* --- End of JS Buttons Table */
 
/* --- Meeting Table --- */
 table.nxtm { margin: 5px 0px 5px 5px; width:600px; padding:5px; }
 td.nxtm { height:50px; width:100px; border:1px #0065a5 solid; padding:5px; font-weight:bold; }
 td.nxtm2 { height:50px; border:1px #0065a5 solid; padding:5px; }
/* --- End of meeting table --- */

/* ---- Multiple Document Table for Project Pages--------------------------------------- */
 table.dl { background:#fff; border:1px #fb0 solid; width:600px; margin: 10px; }
 td.dl { background:#fff; border-right:1px #fb0 solid; width:120px; text-align:center;  }
 td.dlt { background:#fff; border-right:1px #fb0 solid; width:120px; text-align:center; border-bottom:1px #fb0 solid;  }
 td.dl2 { background:#fff; width:120px; text-align:center; }
 td.dl2t { background:#fff; width:120px; text-align:center;  border-bottom:1px #fb0 solid; }
/* ---- Multiple Document Table for Project Pages--------------------------------------- */

/* MAIN h1 colour varies by site section (blue, yellow, dark, green), so is NOT defined here */
#header h1 { color:#0065a5; float:left; }

/* h2 UNDERLINE colour varies by site section, so is NOT defined here */
h2 { color:#0065a5; font-size:160%; padding:10px 0px 2px 0px; }

h3 { color:#7db519; font-size:120%; font-style:italic; margin-top:2em; }

h4 { font-size:105%; }


/* ---- common page elements --------------------------------------- */

#container { margin:-10px auto; width:870px;
  background:white; border:0px solid #0065a5; }

#contents { margin:30px 15px 30px 220px; min-height:570px; }
#contents p { line-height:140%; }

img.C { display:block; margin-left:auto; margin-right:auto } /* CENTERED IMAGE (not used much) */
img.G { border:1px black solid; }  /* this is for putting a nice black border around an image */
img.pic_right { float:right; margin:8px; margin-right:0px; border:1px black solid; } /*Toms preferred image right*/
img.maintext_right { float:right; padding:8px; padding-right:0px; }
img.maintext_left { float:left; padding:8px; padding-left:0px; }
img.staff_pshot { float:left; width:130px; margin-right:10px; border:2px #789 solid; }
img.proj_pshot { width:130px; margin:6px; border:2px #789 solid; }
span.inline_img:before { content:url(http://www.swea.co.uk/site_graphics/att.png); }
span.inline_img { display:inline-block; width:18px; height:20px; background:url(http://www.swea.co.uk/site_graphics/att.png) no-repeat; font:0px/0px; }
span.inline_img { width:auto; height:auto; position:relative; top:4px; }

td.pp { background:#fff; text-align:center; }

td.vc { vertical-align:middle; padding:0; }
td.vcat{ vertical-align:middle; padding:5px 5px 0px 0px; }
td.vcb { vertical-align:middle; padding:0px 0px 0px 2px; } /* TEST for GEEP, aligns text and @swea.co.uk better */

div.infobox { float:right; width:37%; background:#ebebed; border:1px #ccc solid; padding:9px; padding-top:3px; margin-left:12px; }
div.infobox h3 { color:#346; background:#d0d0d0; font-style:normal; border:1px #ccc solid; padding-left:3px; }
div.caption { font-size:90%; font-weight:bold; font-style:italic; }

/* ---- START menu bar ---- */
#menu { float:left; margin:0; padding:0; width:194px; padding-left:0px; background:#0065a5; font-size:0.9em; }
.ui-accordion .ui-accordion-content { padding: 0.5em 0em; } /* overrides jQueryUI theme */

/* ---- BLUE menu section ---- */
#blue_button { background:url(site_graphics/ui-bg_gloss-wave_75_2191c0_500x100.png) center;
  border:1px solid #bbe0e8; } /* overrides jQueryUI theme */
#blueback { background:#5ebfeb; }
div.blue { background:#ddf5ff; font-size:95%; padding:2px;
  border-top:1px solid #0eafdb; border-bottom:1px white solid; }
div.blue a { font-weight:bold; color:#049; }
div.blue a:hover { color:white; }

/* ---- YELLOW menu section ---- */
#yellow_button { background:url(site_graphics/ui-bg_gloss-wave_35_e19f1c_500x100.png) center;
  border:1px solid #ffe890; } /* overrides jQueryUI theme */
#yellowback { background:#ffe890; }
div.yellow_hsub { background:#ffe890; border-top:1px solid #b81; color:#960; }
div.yellow { background:#ffc; font-size:95%; padding:2px;
  border-top:1px solid #fb0; border-bottom:1px white solid; }
div.yellow a { font-weight:bold; color:#049; }
div.yellow a:hover { color:white; }

/* ---- DARK menu section ---- */
#dark_button { background:url(site_graphics/ui-bg_gloss-wave_85_2597c0_500x100.png) center;
  border:1px solid #29b; } /* overrides jQueryUI theme */
#darkback { background:#00446c; }
div.dblue { background:#0065a5; font-size:95%; padding:2px;
  border-top:1px solid #00446c; border-bottom:1px #bbb solid; border-left: 1px solid #005088; }
div.dblue a { font-weight:bold; color:white; }

/* ---- GREEN menu section ---- */
#green_button { background:url(site_graphics/ui-bg_gloss-wave_50_6eac2c_500x100.png) center;
  border:1px solid #c7ee6f; } /* overrides jQueryUI theme */
#greenback { background:#c7ee6f; }
div.green_hsub { background:#c7ee6f; border-top:1px solid #471; color:#250; }
div.green { background:#e4ffbb; font-size:95%; padding:2px;
  border-top:1px solid #7db519; border-bottom:1px white solid; }
div.green a { font-weight:bold; color:#049; }
div.green a:hover { color:white; }

div.menu_bottom { background:#0065a5 url(site_graphics/menu_bottom.png) bottom no-repeat;
  height:18px; }
/* ---- END menu bar ---- */

#footer { clear:both; width:870px; min-height:90px;
  background-image:url(site_graphics/SWEA_footer.png); background-repeat:no-repeat;
  background-position:0 0; position:relative; background-color:#0065a5;
  font-size:90%; color:white; padding-top:60px; }

#footer p { padding-left:8px; }