/* CSS Document */
/* sets the base size of the fonts to the equivalent of 11px */
BODY {
	font-size: 68.75%;
	font-family: Verdana, Arial, Helv, Helvetica;
	padding: 0;
	margin: 0;
	background: #ced8e6;
}
/*---------------------------------------------- relative inline styles */
/* these styles work for a baseline of 68.75% of the default text size. Browser calculates this as 11px */
P {
	font-size: 1em;
	/* with relative sizing, this is the default size of 11px */
}
H1 {
	font-size: 1.18em;
   color:#0066CC;
	/* calculated as 13 px*/
}
H2 {
	font-size: 1.09em;
	/* calculated as 12 px*/
}
H3 {
	font-size: 1em;
	/* calculated as 11 px (100% of default size set in body tag */
}
/*---------------------------------------------- relative inline styles */
a,
a:active, 
a:visited {
	color: #000000;
}
a:hover
{
	color: #0066cc;	
}
/*---------------------------------------------- layout controls */
#wrapper {
	padding: 0;
	margin: 0;
	width: 100%;
	/* IE6 for PC hack to center content*/
	text-align: center;	  
}

#topNav, #content, #footer {
  background: #FFFFFF;
	position: relative;
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	/* IE6 for PC hack to re-set text alignment to the default "left" caused by hack to center content*/
	text-align: left;   
}

#topNav {
	clear: left;
	padding-bottom: 8px;
}


/*---------------------------------------------- footer styles */
#footer {
	background: #21368a;
	clear: left;
	vertical-align: middle;
	color: #FFFFFF;  
}
#footer p {
	font-size: 10px;
	margin: 0px;
	padding: 0.35em;
}
#footer a {
	color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
	color: #FFDC00;
  text-decoration: none;
}

/*---------------------------------------------- default page styles */
.defaultCopy {	
	padding: 8 8 8 200px;
	line-height: 1.5em;
}
/*---------------------------------------------- sub page styles */
#title {
	background: #FFFFFF;
	padding: 0 0 8 0px;
}
.mainCopy {	
	padding: 0 0 0 40px;
	clear: left;
}
/* right hand column if needed. This colum must be shorter than the main text or it will overlap the footer. */

/*---------------------------------------------- subnavigation */
#sideNav {
	position: absolute;
	left: 1px;
	width: 180px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
  
}

#sideNav ul {
	list-style-type: none;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	border: none;
}

#sideNav li.sideRoot a {
	background: #21368a !important;
	color: #ffffff !important;
  padding: 5px 8px 3px 10px;	
	
}

#sideNav li {
	background: #ffffff;
  display:block;
	padding: 0 0 0 0px;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
}

#sideNav li a,
#sideNav li a:hover
#sideNav li a:active
#sideNav li a:visited {
 	display: block;
	text-decoration: none;
	margin: 0 0 0 0px;
	padding: 2px 8px 3px 15px;	
}

#sideNav li.sideLevel a {
	color: #000000 !important;
  padding: 5px 8px 3px 10px;	
}

#sideNav li.sideLevel a:hover {
	background: #ced8e6;
  color: #21368a !important;
 }

/*---------------------------------------------- this class styles the list of presenters - or anything with a similar layout  */
.textCol {
	width: 650px;
	margin: 0 0 0 200px;
	padding: 0 0 0 0px;
	clear: left;
}
.textCol table.presenter {
	border-top: 1px solid #cccccc;
}
.textCol table.presenter tr td {
	padding: 0 0 0 0px;
}
.textCol table.presenter tr td.name{
	padding: 8 8 8 0px;
	vertical-align: bottom;
	font-size: 0.75em;
	font-weight: bold;
	color: #0066cc;
}
.textCol p:first-child {
	margin-top: 0;
	padding: 0;	
}

/*---------------------------------------------- table spacers */
/* The important declaration in this means that all table rows in this class will have no padding, as it over rides direct inheritance - useful for laying out tables in exact dimensions*/
tr.spacer td {
	padding: 0 0 0 0 !important;
}
/* master sizing for tables etc - overcomes bug in IE - sets the base size of the fonts to the equivalent of 11px */
INPUT, SELECT, TH, TD {
	font-size: 68.75%;
}
/*---------------------------------------------- calendar tables */
.presenter {  
	color: #000000;
}

TABLE.calendar TR TH
{
	  PADDING:  5px;
    FONT-SIZE: 75%;
    BACKGROUND: #21368a;
    COLOR: #ffffff;
    TEXT-ALIGN: left
}

TABLE.calendar TR TD
{
	 PADDING: 4 0 4 0px;
    VERTICAL-ALIGN: top;
}

TABLE.calendar TR TD.register
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #FFFFFF;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}

TABLE.calendar TR TD.courseTitle
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 4px;
    COLOR: #0066cc;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #666666 1px solid
}

TABLE TR TD.desc
{
    PADDING: 2 5 2 2px;    
    BACKGROUND: #80b4d5;    
    color:#ffffff;   	  
		font-weight:bold;
		font-style:italic 
}

TABLE TR TD.icon
{
    PADDING: 2 5 2 5px;    
    BACKGROUND: #80b4d5;    
    color:#ffffff;   	 
		font-weight:bold;
	  width:16px; 
}

TABLE TR TD.showdesc
{
    PADDING: 10px;    
    BACKGROUND: #ffffff;    
    border : solid 2px #80b4d5;    
}


TABLE.requestForm TR TH{
	 text-align:right;
}

TABLE.requestForm TR TD INPUT.short {
	 font-size: 100%;
	 width: 170px;
   height :18px;
    font-family: Verdana, Arial, Helv, Helvetica;
}

TABLE.requestForm TR TD INPUT.long {
	 font-size: 100%;
	 width: 430px;
   height :18px;
	 font-family: Verdana, Arial, Helv, Helvetica;
}