﻿/* CSS for updates December 2009 */

#container {width:762px;}

#navColumn {width:161px; margin:10px 0 0 10px; padding:1px 10px 10px 10px; background-color: #1a171b; height:321px; min-height:321px; overflow:visible; color:#fff; float:left;}
#navColumn p a, #mainBody ul.navList li a, #mainBody ul.navList li a:hover, #mainBody ul.navList li a:visited {color:#37aacd;}
.navList li a:hover {text-decoration:underline; color:#37aacd;}

#welcome {background:url(/images/speech.gif) no-repeat; height:48px; min-height:48px; margin-top:5px;}
#welcome h2 {padding:10px 0 0 10px;}

#mainBody { height:320px; min-height:321px; width:555px; min-width:465px; border:1px solid #ccc; background: url(/images/homeBackground.gif) no-repeat #edeeee; float:right; margin:10px 0 0 0; padding:10px 0px 0px 0px;}

#footer {clear:both; padding:1px 0 0 0}

#mainBody ul {margin: 0 0 0 0; padding:0 0 0 0;}
.inline li.navBlock {display:inline; width:145px; min-width:145px; height:140px; min-height:150px; display:block; float:left; background-color:#FFF; margin:0 0 10px 37px; }
.navBlock a, .navBlock a:visited {color:#0CF}
.navBlock .title {padding:10px; display:block; font-weight:bold;}
#mainBody ul.navList li {display:block;padding: 5px 0 0 20px; background-image: url(/images/listArrow.gif); background-repeat: no-repeat; background-position: .25em .5em; line-height:1.2em;}

#topNavBar a:link, #topNavBar a:active, #topNavBar a:visited, .navBlock .title a, .navBlock .title a:visited { color:#000 !important; text-decoration:none; }

#search ul li a {color:#FFF !important;}

/* Nav Bar */

#topNavBar { margin:5px; padding:5px; font-weight:bold;}
#topNavBar a { font-size:.9em !important;}
.navButton {padding:5px 16px 5px 16px; background:url(/images/btnBackground.gif) repeat-x bottom; margin:0px; 
	border-top: 2px; border-right:1px; border-bottom:2px; border-left:1px; border-color: #ccc; border-style:solid;}
	
.leftBox {border-left:2px solid #ccc;}
.rightBox {border-right:2px solid #ccc;}
.plainBackground { background: none !important;}

/* Misc */

BODY {
    padding: 0;
    margin: 0;
    color: #000;
   	line-height: 13px;
   	font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #fff
}

td, h1, h2, h3 {
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif
}

h1 {
	margin: 0;
	line-height: 20px;
    font-size: 18px
}

h2 {
    font-size: 16px
}

h3 {
    font-size: 13px
}
h4
{
	margin:0 0 10px 0;
	color:#000;
}
.orangebg {
	background-color: #FFCC00;
}

.greybg {
	background-color: #C2CADA;
}

.whtbg {
	background-color: #FFF;
}

.wht {
	color: #FFF;
}

/* Login content */

.loginbox {
	color : #000;
	font-size : 11px ;
	background : #fff; 
	width: 145px
}

table#login h2 {
	margin: 0;
}

/* Main Container */
/* Deprecated CSS */

table#maincont {
	border: 0; /* clear inline border */
}

table#maincont td.bdr {
	border: 0; /* clear inline border */
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

table#maincont td.bdrhome {
	border: 0; /* clear inline border */
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

table#maincont td.spc {
	padding: 0;  /* clear inline padding */
	border: 0; /* clear inline border */
	background-color: #ccc; /* bgc used as a border */
}

/* User information container - left side home page */

table#infocont {
	border: 0; /* clear inline border */
	background-color: #C0C8D9;
}

table#infocont td.bdr {
	border: 0; /* clear inline border */
	border: 1px solid #999;
}

table#infocont h2 {
	line-height: 18px;
}

/* User information - left side home page */

table#info {
	border: 0; /* clear inline border */
}

#liquid
{
	border-bottom:solid #ccc 1px;
	border-right:solid #ccc 1px;
	border-top:solid #ccc 1px;
	
	}

table#info td.bdr {
	border: 0; /* clear inline border */
	border-top: 1px solid #C0C8D9;
	border-right: 1px solid #fff;
	/* border-bottom: 1px solid #fff; */
	border-left: 1px solid #fff;
}

table#info h2 {
	margin: 10px 0 0 0;
}

/* User information - left side grey generic */

table#lftinfogry {
	background-color: #C2CADA;
}

table#lftinfogry h2 {
	margin: 0;
	line-height: 18px;
}

table#lftinfogry h3 {
	margin: 0;
	line-height: 14px;
}

/* Left Contact - table with top and bottom border */

table.lftcontact {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

table.lftcontact p {
	font-size: 11px;
	margin: 0;
}

/* Speech box */

table#spch td.bdrbg { /* bgc used as a border */
	background-color: #999999;
}

table#spch td.bg { /* used for content background */
	background-color: #FFF;
}

table#spch td.hmbg { /* used for home content background */
	background-color: #F4F5F8;
}

table#spch td.hmbgimg { /* used for home content background image */
	background: url(/images/spch_hm_bg.gif) repeat center top
}

table#spch p {
	margin: 0;
	color: #333;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

table#spch h2 {
	margin: 4px 0 4px 0;
	line-height: 14px;
	color: #28292D;
}

/* Generic content links, grey 2 black */

a:link, a:active, a:visited {
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #000;
}

/* Misc content links, black 2 white  - log in link */

a.navcnt:link, a.navcnt:active, a.navcnt:visited {
	color: #000;	
}

a.navcnt:hover {	
	color: #fff;
}

/* Content on black - portfolio */

table.contentblk {
	background-color: #000;
}

table.contentblk h1 {
	color: #fff;
	font-size: 20px;
	margin: 0;
}

table.contentblk a:hover { /* overide generic link hover */
	color: #fff;
}

/* Guidelines content on grey - large h1 followed by smaller h2 */

table.guide {
	background-color: #b3bdcf;
}

table.guide h1#guidetitle { /* used for intro title - when no figures present */
	font-size: 20px;
	margin: 0;
}

table.guide h1 {
	font-size: 38px;
	margin: 6px 0 0 0;
}

table.guide h2 {
	font-size: 20px;
	margin: 10px 0 0 0;
}

table.guide p, table.contentblk p {
	line-height: 24px;
	font-size: 18px;
	color: #fff;
	margin-bottom: 0;
}

table.guide p.dlpdf, table.contentblk p.view {
	margin: 0;
	font-size: 14px;
}

/* Content on orange - smaller h1 with larger h2 */
/* Content on grey - smaller h1 */

table.contentoran { /* orange bgc */
	margin: 0;
	background-color: #FFCC00;
}

table.contentgry { /* grey bgc */
	margin: 0;
	background-color: #C2CADA;
}

table.contentoran h1, table.contentgry h1 {
	margin: 0;
	font-size: 20px;
}

table.contentoran h2 {
	font-size: 38px;
	margin: 6px 0 0 0;
}

table.contentoran p {
	font-size: 14px;	
}

table.contentgry p {
	line-height: 24px;
	font-size: 18px;
	color: #fff;
}

table.contentoran p.resp {
	margin: 0;
	font-size: 11px;
}

/* Content on orange links, white 2 black */

.contentoran td a:link, .contentoran td a:active, .contentoran td a:visited {
	color: #fff;
}

.contentoran td a:hover {
	color: #000;
}

/* Left navigation and left nav long - on orange and grey */

table#lftnav p, table#lftnavlg p, table#lftnavlggry p, table#lftnav h1, table#lftnavlg h1, table#lftnavlggry h1 {
	margin: 0;
}
		
table#lftnav td, table#lftnavlg td, table#lftnavlggry td {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
}

table#lftnav td a { /* used when numbers are included in left nav  - guidelines */
	/*width: 139px;*/
	width: 146px;
}

table#lftnavlg td a, table#lftnavlggry td a { /* used when no numbers are included - portfolio */
	width: 157px;
}

table#lftnav td a, table#lftnavlg td a, table#lftnavlggry td a {
	padding: 0 0 0 2px;
	margin: 0;
	line-height: 18px;
	display: block
}

#lftnav td a:link, #lftnav td a:visited, #lftnav td a:active, #lftnavlg td a:link, #lftnavlg td a:visited, #lftnavlg td a:active, #lftnavlggry td a:link, #lftnavlggry td a:visited, #lftnavlggry td a:active {
	color: #000
}

#lftnav td a:hover, #lftnavlg td a:hover {
	color: #fff;
	background-color: #9C7D00;
}

#lftnavlggry td a:hover {
	color: #fff;
	background-color: #808590;
}

/* Navigation selected */

a#navsel:link, a#navsel:active, a#navsel:visited {	
	font-weight: bold;
}

a#navsel:hover {	
	color: #fff;
}

.lowres
{  
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  font-weight: normal; 
  line-height: 12px
}

.pwd
{
	display: block;
	margin:10px;	
}

.warning
{
	color:#FF0000;
}

#lftnav2 td a:link, #lftnav2 td a:visited, #lftnav2 td a:active { color: #000; font-weight:bold;}
#lftnav2 td a:hover {	color: #fff;	background-color: #9C7D00;}
table#lftnav2 td a {padding: 0 0 0 2px;	margin: 0;	line-height: 18px;	display: block}