/* Start of CMSMS style sheet 'Optima' */
* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body {background-color:#CCCCCC;}

td { vertical-align : top; padding : 2px;}
img { border:0; }

div#wrapper { width : 1024px; margin : 5px auto; background-color : #FFF;}

div#header { height : 100px; background-image : url(images/header.jpg); }
a#logowrapper {height : 76px; width : 160px; margin : 2px 0 0 27px; border:0; display:block; float :left }
img#logo { height : 76px; width : 160px; margin : 12px 0 0 29px; border:0; }

div#searchbox { padding-top : 42px; margin-right : 60px; float:right; font-size : 12px; }
div#searchbox input { margin-right : 10px; }

div#topmenu { 	
	padding : 6px 45px 0px 45px;  /*left & right is 60 - the margin & space in menuspacer*/
	text-align : center;
	font-weight : bold;
	height : 26px;
	}
	
div#topmenu a, div#topmenu a:link, div#topmenu a:visited { text-decoration:none; color:#666666; 	font-size : 14px; }
div#topmenu a:hover { color : #000; }
.topmenuspacer { width:23px; height : 30px; margin : -4px 5px 0 5px; vertical-align:top; }

div#contentwrapper	{	
	padding : 30px 60px 15px 60px; 
	background : url(images/content-bg.jpg) top left no-repeat; 
	color : #666666;
	font-size : 11px;
	min-height : 500px;
	}

div#content h1 { font-weight : bold; font-size : 28px; color : #0e5a94; line-height : 110%; padding : 0 0 20px 0;}
div#content h2 { font-weight : bold; font-size : 22px; color : #0e5a94; line-height : 110%; padding : 0 0 15px 0;}
div#content h3 { font-weight : bold; font-size : 16px; color : #0e5a94; line-height : 110%;padding : 10px 0 0 0;}
div#content p { padding  : 0.3em 0 1em;}
div#content p.first { font-weight : bold;} 
div#content ul { padding-left : 40px; list-style-type : disc; }
div#content ol { padding-left : 40px; }
div#content a, div#content a:link, div#content a:visited { text-decoration : underline; color : #666666;}
div#content a:hover { color : #0e5a94}
div#content img.floatright {float : right; clear : right; border : 0; margin-left : 20px; }
div#content div.img-wrapper { width : 380px; float : right; border : 1px solid #CCC; margin : 10px 0 10px 20px; font-style:italic; clear : right;}
div#content div.img-wrapper img { display : block; margin : 10px auto; }
div#content div.img-wrapper p { padding : 5px 20px; }
div#content-right { width :659px; float : right; padding : 0 0 0 20px; } 
div#content table.bordered td { border : 1px solid #ccc; border-collapse:collapse;}
div#breadcrumb, div#breadcrumb-s { 
  height : 27px; 
  padding : 13px 0 0 20px;
  font-size : 12px;
  margin-bottom : 10px;
}
div#breadcrumb {  background : url(images/breadcrumb-bg.jpg) top left no-repeat;  }

div#breadcrumb-s {  background : url(images/breadcrumb-bg-s.jpg) top left no-repeat;  }
div#breadcrumb img, div#breadcrumb-s img { margin-top : -10px; width:26px; height : 34px; vertical-align:top; }
div#breadcrumb a, div#breadcrumb-s a { color : #666666; text-decoration : none; }
div#breadcrumb a:hover, div#breadcrumb-s a:hover { color : #000; }
span.bc-current {font-weight : bold; color : #075591; } 



div#content-left { width : 225px; float : left; }

div#left-menu-top { height : 33px; background: url(images/leftmenutop.jpg) top left no-repeat; }
div#left-menu-top h3 { color : #FFF; font-size : 16px; margin-bottom : 0; padding : 8px 0 0 20px;}

div#left-menu-body  { background: url(images/leftmenubody.jpg) bottom left no-repeat;  padding-left : 20px; padding-right : 20px;}

div#left-menu-footer { height : 22px; background: url(images/leftmenufooter.jpg) bottom left no-repeat; }

#left-menu-body a, #left-menu-body a:link, #left-menu-body a:visited { text-decoration:none; color:#666666;}
#left-menu-body a:hover { color : #000; }
#left-menu-body div { border-bottom : 1px solid #c5e3fe; padding : 3px 0;}
#left-menu-body div.activeparent a, #left-menu-body div.current { font-weight : bold; color : #075591;}
#left-menu-body div.level2 { padding-left : 20px; }
#left-menu-body div.level3 { padding-left : 40px; }
#left-menu-body div.level4 { padding-left : 60px; }
#left-menu-body div.level5 { padding-left : 80px; }



td#contentcell { width: 479px;}
td#righblockcell { width:180px; }

div#rightblock { 
   padding : 20px; 
   background : url(images/rightblock-bg.jpg) 0 0 no-repeat;
   overflow:hidden;
   height : 200px;
   margin-left : 15px;
   width: 120px;
   }

div#rightblock h3 { color : #075591; border-bottom : 1px solid #c9e4fe; font-size : 11px; }

div#rightblock p { color : #666666; padding : 0.3em 0 0.5em 0; 
border-bottom : 1px solid #c9e4fe; font-size : 10px; }

div.pdblock {  
   padding : 20px; 
   background : url(images/pdblock-bg.jpg) 0 0 no-repeat;
   overflow:hidden;
   height : 65px;
   width : 185px;
   margin-left : 15px;
   float:right;
   }

div#content div.pdblock a, div#content div.pdblock a:link, div#content div.pdblock a:visited { color : #075591; font-size : 18px; font-weight:bold; text-decoration : none;}
div#content div.pdblock a:hover { text-decoration : underline;}
div.divider { border-top : 1px solid  #c9e4fe; height : 1px; font-size : 1px; margin : 4px 0; padding:0;}
div#content .fltrt { float : right; margin : 10px 0 10px 10px; }
div#content hr { clear : both;}

div#footer { 
	height : 25px; 
	color : #FFF; 
	font-size : 9px;
	background : url(images/footer-bg.jpg) top left repeat-x; 
	padding : 15px 60px 0 60px;
	}

div#footer a, div#footer a:link, div#footer a:visited{ color : #FFF; text-decoration : none; border-bottom : 1px dotted #FFF; }
div#footer a:hover { border-bottom : 1px solid #FFF; }

span.bold { font-weight:bold; font-size : 110%;}	

/*STYLES FOR THE HOME PAGE*/
table#homepage-main {
	margin : 0; 
	background: url(images/homepage-main-bg.jpg) top left no-repeat;
     }
   
td#homepage-main-left { 
	width : 449px; 
	padding : 40px 0 20px 40px; 
	height : 306px;
	overflow:hidden;
	}

td#homepage-main-right { 
  width : 415px
  }

img#homepage-app-button {
   width: 151px; 
   height: 132px; 
   margin: 220px 5px 0 0; 
   float : right;
   }
table#homepage-table { margin-top : 10px }

td.homepage-cell { 	
	width : 191px;
	height : 134px;
	padding : 25px 15px 20px 15px;
	background: url(images/homepage-table-bg2.jpg) left 10px no-repeat;
	overflow:hidden;
	font-size : 10px;
	}

td.homepage-spacer
	{font-size : 2px; width : 8px;}
	
div#content td.homepage-cell h3 { font-size : 12px; padding : 0 0 7px 0; border-bottom : 1px solid #e6f0f6; } 	

div#content td.homepage-cell h3 a { color : #0e5a94; text-decoration : underline;}
div#content td.homepage-cell p.homepage-training { padding-top : 10px; line-height : 180%;}

/* STYLES FOR THE PRICE PAGE */
#buytable { width : 570px; clear : left;}
#buytable th { padding : 5px 20px 2px 2px; text-align : left; color : #1f5ea1; font-weight : bold; border-top : 1px solid #a1b3d7; } 
#buytable td { padding : 5px 20px 2px 2px; border-top : 1px solid #a1b3d7; }
#buytable td.bt-item { width : 80px; }
#buytable td.bt-des { width : 190px;}
#buytable td.bt-dell { width : 80px;}
#buytable td.bt-price { width : 40px;}
#buytable td.bt-qty { width : 30px;}
#buytable td.bt-add { width : 20px;}

/*STYLES FOR THE BASKET PAGE*/
#basket-table {clear : left;}
#basket-table tr.basket-table-hdr td { font-weight : bold; }
#basket-table td { padding : 5px 20px 2px 2px; border-top : 1px solid #a1b3d7; }

/* ACCESSIBILITY */

/* menu links accesskeys */
span.accesskey {
   text-decoration:none;
}

/* accessibility divs are hidden by default text, screenreaders and such will show these */
.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* definition tags are also hidden : these are also used for menu links    */
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/*Style for the home page news summary */
#news h3 {font-size:16px; margin : 0; padding : 5px 0 5px 0; }
#news	p { margin-bottom : 0; }
#news	p.readmore { text-align:right; font-style:italic; font-size: 0.8em; margin:0; }
#news	p.readmore a, #news	p.readmore a:link, #news	p.readmore a:visited 
	{ text-decoration:none; color : white; border-bottom : 1px dotted white; }
#news	p.readmore a:hover { color : white; border-bottom : 1px solid white; }

/*Styles for the news page */
div#NewsPostDetailDate { font-size : 90%;  }
div#NewsPostDetailPrintLink { font-size : 90%; }

#content div.NewsPostDetailSummary,  #content div.NewsPostDetailSummary p { font-weight : bold; }


/*Styles for the Course Booking / Registration page */
#registration label {
	display : block;
	float : left;
	width : 150px;
	margin : 5px 20px 5px 0;
	text-align : right;
}

#registration input.text {
	width : 200px;
	border : 1px solid #999;
	background-color:#f8f8f8;
}

#registration textarea {
	border : 1px solid #999;
	background-color:#f8f8f8;
	font-size : 12px;
	margin-left : 170px;
}

#registration td { padding : 2px; }

#registration label.req { font-weight : bold; }

#registration br { clear : both; }

#registration h3 { margin-top : 10px; }


/*Styles for the Info Request form */
#req label {
	display : block;
	float : left;
	width : 150px;
	margin : 5px 20px 5px 0;
	text-align : right;
}

#req input.text {
	width : 200px;
	border : 1px solid #999;
	background-color:#f8f8f8;
}

#req textarea {
	border : 1px solid #999;
	background-color:#f8f8f8;
	font-size : 12px;
	margin-left : 170px;
}

#req .radio { margin : 5px 0; }

#req .checkbox { margin : 1px 0; vertical-align : bottom;}

#req label.req { font-weight : bold; }

#req br { clear : both; }

#req h3 { margin-top : 10px; }

#req table { width : 400px; }

#req td { padding : 2px; }


#apps-table td { border : 1px solid #999; padding : 3px; }
#apps-table td p { padding : 5px; }
/* End of 'Optima' */