body { margin:0; padding:0; background-color:#AEB0B2; }
body, table, input, textarea, select { font:11px Arial, Verdana, Helvetica, sans-serif; }
body, table { color:#666; }
form { margin:0; padding:0; }
h1 { margin:30px 0 10px; padding:8px; color:#FFF; font-size:16px; background-color:#69B1E3;  }
h2, .h2 { margin:15px 0 0 0; color:#69B1E3; font-size:16px; }
h3, .h3 { margin:0; color:#3C3C3C; font-size:14px; }
h4, .h4 { margin:0; color:#3C3C3C; font-weight:bold; font-size:12px; }
p { margin:10px 0 0; line-height:16px; }
ol li { margin:10px 0 0; line-height:16px; }
a { color:#69B1E3; text-decoration:none; }
a.SmallWhite { color:#FFF; font-size:9px; }
.Small { font-size:9px; }
a img { border:none; }
hr { clear:both; margin:8px 0; height:1px; width:100%; border:0; color:#EAEAEA; background:#EAEAEA; }
.Hidden { display:none; }
.Clear { clear:both; }
.Req { margin-right:3px; color:#750646; }
.Important { color:#CA0000; }
.FieldFailed { background:#FFE6E6; border:1px solid #FF0000; }
.ProgramsTable, img, input { behavior: url(iepngfix.htc) }

/*******************************************/
/*                 Layout                  */
/*******************************************/

#Wrapper { margin:0 auto; width:850px; }
#TopNav { padding:0; height:50px; }
#Header { padding:0; height:86px; }
#Container { width:836px; padding:7px 7px 40px 7px; background-color:#FFF; min-height:472px; }
#Container #PageTitle { height:30px; padding:35px 0 5px 15px; background:url(../images/bg_portalgrey.gif) repeat-x; }
#Container #PageTitle h1 { display:inline; padding:8px; color:#FFF; font:13px Arial Narrow, Arial Condensed, Arial, Helvetica, sans-serif; background-color:#69B1E3; text-transform:uppercase; }
#Footer { height:80px; margin-top:10px; }
#Footer .Logo { float:right; margin-top:8px }
.ColLeft { float:left; width:175px; padding-right:5px; }
.ColRight { float:left; width:651px; padding-left:5px; }
#Padding { padding:0 20px 10px 15px; }
.Item { padding:10px 15px; margin:0; }
.Alt { padding:10px 15px; margin:0; background-color:#D0E4EE; }
#Copyright { text-align:right; }

/*******************************************/
/*                   Menu                  */
/*******************************************/

#Menu { float:left; height:35px; }
#Menu ul { margin:0; padding:0; list-style:none; }
#Menu ul li { float:left; margin:15px 0 0 0; }
#Menu ul li a:hover img { opacity:0.6; filter:alpha(opacity=60); }
#Menu ul li.Selected img { opacity:0.4; filter:alpha(opacity=40); }

/*******************************************/
/*                 SubMenu                 */
/*******************************************/

.SubMenu { margin:5px 0 10px 0; }
.SubMenu ul { margin:14px; padding:0; list-style:none; }
.SubMenu ul li { padding:4px 0 4px 0; border-bottom:1px #E1E1E1 solid; }
.SubMenu ul li.Program { border-bottom:none; }
.SubMenu ul li.Date { padding:0 0 4px 8px; }
.SubMenu ul li a { display:block; color:#630043; font-size:12px; font-weight:bold; }
.SubMenu ul li a.Selected { color:#676767; }
.SubMenu ul li  a:hover { color: #63A4C5; text-decoration:underline; }
.SubMenu ul li.Selected a { color: #676767 }
 
/*******************************************/
/*                 Homepage                */
/*******************************************/

#HomePage { width:836px; float:left; padding:7px; background-color:#FFF; }
#HomePage #Hero { height:293px; width:873px; background:#FFF url(../images/hero.jpg) no-repeat; }
#HomePage #LatestNews { height:25px; padding:0; display:block; }
#HomePage #Banners { margin-bottom:8px; height:235px; background-color:#5791B3; }
#HomePage #Portal { padding:26px 0 20px 0; background:url(../images/bg_portalgrey.gif) repeat-x; min-height:310px; }
#HomePage #Portal .News .Summary { clear:both; padding-top:3px; }
#HomePage #Portal a { font-size:14px; }
#HomePage #Portal a:hover { text-decoration:underline; }
#HomePage #Portal .News { float:left; padding:0 15px 0 15px; width:337px; }
#HomePage #Portal .Programs { float:left; width:280px; color:#414243; background-color:#E6F0F6; }
.ProgramsTable { height:111px; }
.ProgramsTable th.Heading { text-align:left; padding-left:3px; width:212px; color:#3C3C3C; font-weight:bold; font-size:12px; vertical-align:bottom; }
.ProgramsTable th.ProgramDate { width:40px; height:40px; color:#FFF; line-height:16px; font-weight:normal; vertical-align:top; background:url(../images/bg_programdate.png) no-repeat; }
.ProgramsTable th.ProgramDate .Date { color:#666666; font-size:16px; }
#HomePage #Portal .ColourBox { padding-left:10px; background:url(../images/bg_portals.gif) repeat-x; }
#HomePage #Portal .Subscribe { float:left; margin-left:5px; width:184px; min-height:290px; color:#FFF; background:#9EC1C6 url(../images/bg_subscribe.jpg) no-repeat bottom right; }
#HomePage .Form input { padding:2px; width:142px; font-size:11px; border:#C6D8DB 1px solid; color:#A7BEC2; margin:0; height:14px; }
#HomePage .Form .Formbutton {width:99px; height:38px; border:none; }

#Testimonials { padding:15px; }

/* Forms */
.Form div { display:block; margin:5px 0 0 0; }
.Form div label { float:left; padding:4px 8px 0 0; width:160px; text-align:right; }
.Form .FormField { margin:1px 2px; padding:0 8px; width:200px; }
.Form .FieldFailed { background:#FFE6E6; border:1px solid #FF0000; }
.Form .FormButton { margin-top:2px; padding:0 8px; }
.Form .Buttons { clear:both; margin:16px 0 0 0; height:22px; }
.Form .Buttons input { float:right; margin-right:5px; }

/* Application Form */
.Form .h2 { display:block; margin:0; padding:6px; width:800px; font-size:11px; color:#FFF; background:#9EC1C6; }
.Form .h3 { display:block; margin:0 0 5px 110px; font-size:11px; color:#9EC1C6; }
.Form .Col { float:left; margin:15px 0 15px 15px; width:385px; }
.Form .Long { width:500px; }
.Form .Col label { width:100px; }
.Form .Col .Data { float:left; margin-top:4px; display:block; }

/* Programs */
.Date { color:#999; }
.Fee { float:right; margin-top:8px; width:140px; color:#660033; font-size:13px; }
.MoreInfo { display:block; margin-top:8px; font-weight:bold; }
.Details { width:470px; padding:8px 0; }
.Dates {  clear:both; padding-top:8px; font-size:11px; color:#3C3C3C;  }

/*******************************************/
/*           News & Publications           */
/*******************************************/


#News { float:left; width:470px; }
#News #Articles .Notice { padding:4px 0 15px 0; border-bottom:1px solid #E7E7E7; }
#News #Articles .Thumbnail { float:left; margin:4px 10px 10px 0; border:1px solid #575757; }
#News #Articles .Summary { float:left; }
#News #Articles h2 { margin:4px 0; }
#News .Details { float:left; width:480px; }
#News #Viewer { float:left; width:480px; }
#News #Viewer img { margin:0 10px 10px 0; border:1px solid #575757; }
#NewsSubscribe { float:right; margin-left:5px; padding:4px; width:184px; min-height:306px; color:#FFF; background:#9EC1C6 url(../images/bg_subscribe.jpg) no-repeat bottom right; }
#NewsSubscribe .Form input { padding:2px 5px; width:148px; border:#C6D8DB 1px solid; color:#C6D8DB; }
#NewsSubscribe .Form .Formbutton {width:87px; height:27px; border:none; }
#Subscribe { float:right; margin-left:5px; padding:4px; width:132px; color:#FFF; background:#D0E4EE; }

/* side nav - search form */
.NewsMenu { margin:13px; }
.NewsMenu h3 { margin-bottom:4px; color:#9EC1C6; }
.NewsMenu h4 { margin-top:4px; color:#630043; }
.NewsMenu .Menu { margin-bottom:15px; width:140px; }
.NewsMenu .Menu ul { margin:0 0 15px; padding:0; list-style:none; }
.NewsMenu .Menu ul li { margin:0; padding:0; }
.NewsMenu .Menu ul li a { display:block; margin:0; padding:4px 2px 2px 4px; height:15px; color:#424444; text-decoration:none; border-bottom:1px solid #E1E1E1; }
.NewsMenu .Menu ul li a:hover { background:#f2f2f2; text-decoration:none; }
.NewsMenu .Menu ul li a.Selected { background:#e9e9e9; }
.NewsMenu .Form { padding-bottom:15px; }
.NewsMenu .Form input { margin-top:5px; }
.NewsMenu .Form .FormButton { padding:2px 4px; color:#FFF; background:url(../images/bg_button.gif); border:0; }

/*******************************************/
/*                IE Fixes                 */
/*******************************************/

* html hr { margin:5px 0; }
* html #Menu ul li a:hover img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); }
* html #Menu ul li.Selected img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40); }
* html #Container { height:472px; }