/* ---- common styles --------------------------------------- */

body { padding:0; background:#0063a9; 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; }
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:hover, a:active { color:white; background-color:#999; }
a img { border:0; }
a.img:hover, a.img:active { background:#ffffff; }

/* ---- 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--------------------------------------- */

/* --- 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 #0063a9 solid; padding:5px; }
 td.nxtm2 { height:50px; border:1px #0063a9 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, so is not defined here */
#header h1 { color:#0063a9; float:left; }

/* h2 UNDERLINE colour varies by site section, so is not defined here */
h2 { color:#0063a9; 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:0em auto; width:870px;*/
#container { margin:-10px auto; width:870px;
  background-color:white; border:0px solid #0063a9; }

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

/* img { display:block; margin-left:auto; margin-right:auto } CENTERED IMAGE */

img.G { border:1px black solid; }  /* this is for putting a nice black border around an image */
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(site_graphics/att.png); }
span.inline_img { display:inline-block; width:18px; height:20px; background:url(site_graphics/att.png) no-repeat; font:0px/0px; }
span.inline_img { width:auto; height:auto; position:relative; top:4px; }

td.vc { vertical-align:middle; padding:0; }
div.infobox { float:right; width:37%; background:#ebebed; border:1px #ccc solid; padding:10px; 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; }
#menu table { width:194px; }
tr.menu_top { background:#0063a9; height:30px; }
tr.menu_top td { color:#ccc; font-weight:bold; font-size:120%; }

td.m_header { font-weight:bold; color:white; padding:3px; }
td.m_header a { font-weight:bold; color:white; }
td.m_list a { font-weight:bold; color:#049; }
td.m_list a:hover { color:white; }

tr.blue_h td { background:#0ebfeb; font-size:110%; border-top:3px solid #257; }
tr.blue td { background:#ddf5ff; font-size:95%; padding:2px;
  border-top:1px solid #0ebfeb; border-bottom:1px white solid; }

tr.dblue_h td { background:#137; font-size:110%; border-top:3px solid #004; }
tr.dblue td { background:#0063a9; font-size:95%; padding:2px;
  border-top:1px solid #248; border-bottom:1px #bbb solid; border-left: 1px solid #139; }
tr.dblue td a { color:white; }

tr.yellow_h td { background:#fb0; font-size:110%; border-top:3px solid #b81; }
tr.yellow_hsub td { background:#ffe890; border-top:1px solid #b81; color:#960; }
tr.yellow td { background:#ffc; font-size:95%; padding:2px;
  border-top:1px solid #fb0; border-bottom:1px white solid; }

tr.green_h td { background:#7db519; font-size:110%; border-top:3px solid #471; }
tr.green_hsub td { background:#c7ee6f; border-top:1px solid #471; color:#250; }
tr.green td { background:#e4ffbb; font-size:95%; padding:2px;
  border-top:1px solid #7db519; border-bottom:1px white solid; }

tr.menu_bottom { background:#0063a9 url(site_graphics/menu_bottom.png) bottom no-repeat;
  height:18px; }
tr.search { text-align:center; }
tr.search input { margin:6px; padding:3px; }
/* ---- 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:#0063a9;
  font-size:90%; color:white; padding-top:60px; }

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