BODY {
	background-color: #ececec; margin: 0px;
}

TD {
	font: 11px arial, verdana, helvetica, sans-serif; color: #595959; line-height: 16px;
}

a {
	color:#4f83bd; text-decoration:underline;
}

a:hover	{
	color:#003578; text-decoration:underline;
}

select {
	font: 11px arial, lucida, verdana, helvetica, sans-serif; 
	color: #595959; 
	border: 1px solid #d2d2d2;
}

H1 {
	font: bold 12px/16px arial, verdana, helvetica, sans-serif; 
	color: #f15a22;
}

H2 {
	font-size: 12px; 
	font-weight: bold; 
	color: #000000; 
	line-height: 16px;
}

b {
	font-size: 11px; 
	font-weight: bold; 
	color: #595959; 
	line-height: 16px;
}

small {
	font: 10px/16px arial, verdana, helvetica, sans-serif; 
	color: #595959;
}

.small {
	font: 10px/16px arial, verdana, helvetica, sans-serif; 
	color: #595959;
}

ol {
	font:11px arial, verdana, helvetica, sans-serif;
}

ul {
	font:11px arial, verdana, helvetica, sans-serif;
}

li {
	font: 11px arial, verdana, helvetica, sans-serif;
	list-style:square
}

input,
select,
textarea {
	font:11px arial, verdana, helvetica, sans-serif;
}
hr
{
    border: none;
    height: 1px;
    color: #ccc;
    background-color: #ccc;
    margin: 1em 0;
}
/* -- USERS -- */

#users {
	background-color: #999999;
}

#users td {
	padding: 2px 5px; 
	background-color: #ffffff;
}

#users td.header {
	background-color: #CEC79F; 
	font-weight: bold;
}

#users td.bold {
	font-weight: bold;
}

#users .input {
	padding: 2px; 
	border: 1px solid #cccccc; 
	font-size: 11px;
}

/* -- NEWS -- */

#news {
	background-color: #cccccc; 
	width: 500px;
}

#news td {
	padding: 2px 5px; 
	background-color: #ffffff;
}

#news td.header {
	font-weight: bold; 
	background-color: #cec79f;
}

#news td.nowrap {
	white-space: nowrap; 
	width: 1px;
}

/* -- RESOURCES -- */

#resources {
	background-color: #cccccc; 
	width: 600px;
}

#resources td {
	padding: 2px 5px; 
	background-color: #ffffff;
}

#resources td.name {
	font-weight: bold; 
	font-size: 12px; 
	background-color: #ffffff; 
	text-align: center;
}

#resources td.header {
	font-weight: bold; background-color: #cec79f;
}

#resources .info {
	font-size: 11px; color: #999999;
}
/* ~~~ Online Training application Form ~~~ */
.sectionHeader
{
    font: 16px Arial, Helvetica, sans-serif;
    color: #B77A07;
}
.sectionHeader span
{
    font: italic 11px Arial, Helvetica, sans-serif;
    color: #595959;
}

/* ~~~ FORM TABLE ~~~ */
fieldset{border: none; padding: 0; margin: 0;}
label{font-weight: bold; color: #595959;}
label em{font-weight: normal;}
table.formtable{background-color: #A7C0DC;}
table.formtable thead th
{
    font-size: 11px;
    padding: 8px 24px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}
table.formtable tbody th
{
    text-align: right;
    padding: 2px 4px 2px 24px;
    font: 11px Arial, Helvetica, sans-serif;
    width: 1%;
    white-space: nowrap;
}
table.formtable tbody td{padding: 2px 24px 2px 4px;}
table.formtable tbody td input{vertical-align: middle;}
table.formtable tbody th.padTop,
table.formtable tbody td.padTop{padding-top: 16px;}
table.formtable tbody th.padBottom,
table.formtable tbody td.padBottom{padding-bottom: 16px;}
table.formtable tbody th.padTopBottom,
table.formtable tbody td.padTopBottom{padding-top: 16px; padding-bottom: 16px;}
table.formtable tfoot td{padding: 4px 4px 8px;}
.input{font: 11px Arial, Helvetica, sans-serif;  color: #595959;}
.button{font-weight: bold;  color: #595959;}
.labelComments
{
    font: italic 11px Arial, Helvetica, sans-serif;
    color: #595959;
}

#agreement
{
    width: 661px;
    /*height: 180px*/;
    overflow: auto;
    margin: 1em 0;
}
#agreement h3
{
    font: bold 11px Arial, Helvetica, sans-serif;
    margin: 0 0 .2em;
}
#agreement p{margin: 0 0 1em;}

/* ~~~ SUB NAVIGATION (INTRANET) ~~~ */
#intranet-menu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 120px
}
#intranet-menu li
{
    list-style: none;
    font-size: 10px;
    padding: 2px 0;
    border-bottom: 1px solid #ccc;
}
#intranet-menu li.first{border-top: 1px solid #ccc;}
#intranet-menu li a
{
    text-decoration: none;
    font-weight: bold;
}

div.box
{
    border: 1px solid #F1E8D7;
    margin-bottom: 1em;
}
div.box h3,
div.box p{margin: 1em 24px;}
div.box h3{margin: 0 24px .3em; font-weight: normal; font-size: 12px;}
div.box ul{margin-top: 0; margin-bottom: 1em;}
#registerInnerLHS
{
    width: 48%;
    float: left;
}
#registerInnerRHS
{
    width: 48%;
    display: inline;
    float: right;
    margin-right: 24px;
}
div.clear{clear: both;}

/* ~~~ Calendar Styles ==================================== ~~~ */
#bob
{
    border: 1px solid #66623F;
    width: 400px;
    height: 200px;
    position: absolute;
}
table.calendar
{
    border: 1px solid #66623F;
    width: 100%;
}
table.calendar td h2
{
    margin: 0;
    font-size: 11px;
    color:#4F1500;
    white-space: nowrap;
}
table.calendar td b{color: #4F1500;}

table.calendarForm
{
    width: 100%;
    background-color: #DEDEDE;
    border-collapse: collapse;
}
table.calendarForm thead th
{
    padding: 4px 8px;
    border: 1px solid #fff;
    font-size: 12px;
    text-transform: uppercase;
    color: #571A00;
}
table.calendarForm tbody th
{
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    padding: 2px 4px 2px 8px;
    width: 1%;
    white-space: nowrap;
    border: 1px solid #fff;
}
table.calendarForm tbody th em{font-weight: normal;}
table.calendarForm tbody td{padding: 2px 8px 2px 4px;border: 1px solid #fff;}
table.calendarForm tbody th.padTop,
table.calendarForm tbody td.padTop{padding-top: 8px;}
table.calendarForm tfoot td
{
    padding: 4px;
    text-align: center;
    border: 1px solid #fff;
}
table.calendarForm tbody td .input{border: 1px solid #888;}

/* ~~~ ==== EVENTS STYLES =========================================================== ~~~ */
table.eventsTable
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C7C8C6;
    color: #595959;
}
table.eventsTable thead th
{
    font-size: 11px;
    text-align: left;
    padding: 2px 4px;
    border: 1px solid #C7C8C6;
}
table.eventsTable tbody tr.even{background-color: #FAFAFA;}
table.eventsTable tbody th
{
    font-size: 11px;
    text-align: left;
    padding: 2px 4px;
    background-color: #EFEFEF;
    border-bottom: 1px solid #C7C8C6;
    text-transform: uppercase;
}
table.eventsTable tbody td
{
    padding: 2px 4px;
    border: 1px solid #C7C8C6;
    font-size: 11px;
    line-height: 1.3em;
    vertical-align: top;
}