@charset "utf-8";

/* clear margins and padding */
div, p, a, ul, li, h1, h2, h3, table, form, img { margin: 0; padding: 0; border: 0; }
div { float: left; width: 100%; }

/* font size set so that 1em is 10px */
body { background-color: #FFFFFF; text-align: center; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color:#000000; }

.clear-fix { clear: both; float: none; }

/* wrapper used to center page */
#wrapper { width: 960px; text-align: left; margin: 0 auto; background-color: #FFFFFF; float: none; }

/* masthead */
#masthead { background: #FFFFFF url(../images/masthead.png) no-repeat 0 0; height: 105px; }

/* ------------------------------ menu start */
#wrapper #menu { background: #FFFFFF url(../images/menu-bg.png) no-repeat 0 0; height: 30px; position: relative;  }

/* define the top level menu */
#wrapper #menu ul { list-style: none; margin: 0; padding: 0; }
#wrapper #menu li { float: left; }
#wrapper #menu a { display: block; color: #FFFFFF; font-weight: bold; height: 30px; text-decoration: none; font-size: 1.2em; line-height: 2.5em; text-transform: uppercase; font-weight: bold; padding: 0 2.5em 0 2.5em; }

/* hide the second level menu */
#wrapper #menu ul li ul { display: none; }
/* position the second level relative to the containing div */
#wrapper #menu ul li ul { position: absolute; top: 100%; left: 0; background: #DDEEFF url(../images/menu-selector.png) repeat-x 0 0; width: 960px; z-index: 500;  }

/* style the second level menu */
#wrapper #menu ul li ul li a { color: #999999; }
#wrapper #menu ul li ul li a:hover { color: #333333; z-index: 500; }

/* style the menu item when mouseover */
#wrapper #menu a:hover { color: #FF9900; }
/* display the second level menu */
#wrapper #menu ul li:hover ul { display: block; }

/* ------------------------------ menu end */

/* section header */
#section-container { position: relative; background: #FFFFFF url(../images/courses-menu.jpg) no-repeat 0 0; height: 100px; }
.section-header { float: left; width: 240px; }
.section-header a { display: block; font-size: 1.2em; line-height: 2em; font-weight: bold; color: #666666; text-align: center; position: relative; height: 100px; text-decoration: none; padding: 76px 0 0 0; }
.section-header a:hover { color: #000000; }

/* content */

#content-wrapper {  padding-bottom: 2em; width: 100%; background: #FFFFFF url(../images/content-bg.png) no-repeat 0 0;  }

/* the footer column */
#wrapper .media { margin: 0.5em 0 0.5em 0; width: 12em; text-align: center; }
#wrapper #footer { margin: 0.5em 0 0.5em 0; text-align: center; height: 32px; color: #333333; background: url(../images/footer-bg.jpg) no-repeat 0 0; height: 80px; }
/* style the footer links */
#wrapper #footer td img { padding: 0 1em 0 1em; }
#wrapper #footer a { text-decoration: underline; color: #666666; font-size: 1.4em; line-height: 2.5em; }
#wrapper #footer a:hover { text-decoration: underline; }

/* style the address bar */
.address { background: #0066CC url(../images/menu-bg.png) no-repeat 0 0; color: #FFFFFF; text-align: center; font-weight: bold; font-size: 1.2em; line-height: 2.5em; }
/* style the copyright text */
.copyright { color: #999999; font-size: 1em; line-height: 2.75em; text-align: center; }

/* --------------------------- content */
.column-wrapper { width: 92em; left: 2em; top: 2em; position: relative; }
.column { float: left; }

/* content column */
.content h1 { font-size: 1.5em; line-height: 1.6em; margin-bottom: 0.8em; padding: 0 2em 0 0.5em; color: #000066; }
.content h2 { font-size: 1.4em; line-height: 1.666667em; margin-bottom: 1.666667em; padding: 0 2em 0 0.5em; }
.content p { font-size: 1.4em; line-height: 1.666667em; margin-bottom: 1.666667em; padding: 0 2em 0 0.5em; }
.content tr { font-size: 1.4em; line-height: 1.666667em; }
.content td.hl { background: #DDEEFF no-repeat 0 0; text-align: right; width: 10em; padding-right: 0.5em; }
.content td.p { background: #D7D7D7 no-repeat 0 0; text-align: left; padding-left: 0.5em; }
.content table { border: none; margin-bottom: 1.666667em; width: 40em; left: 0.5em }
.content .holidaytbl { border: none; margin-bottom: 1.666667em; width: 92em; left: 0.5em }
.content td.header { text-align: center; font-weight: bold; }
.content ul { padding: 0 2em 2em 4em; }
.content li { font-size: 1.4em; line-height: 1.666667em; }
.content ul li ul li { font-size: 1em; line-height: 1.666667em; margin-bottom: 0; padding-bottom: 0; }
.content a:link, .content a:visited { text-decoration: none; color: #0000FF; }
.content a:hover { text-decoration: underline; }

/* content panel */
.panel h1 { font-size: 1.5em; line-height: 1.6em; font-weight: bold; padding: 0 0.5em 0 0; color: #000066; }
.panel h2 { font-size: 1.4em; line-height: 2em; font-weight: bold; padding: 0.5em 0.5em 0 0; color: #000066; }
.panel p { font-size: 1.4em; line-height: 2em; padding: 0 0.5em 0 0.5em; }
.panel ul { list-style: none; }
.panel li { font-size: 1.2em; line-height: 2em; }
.panel a:link, .panel a:visited { text-decoration: none; color: #0000FF; background: url(../images/a-underline.gif) repeat-x 100% 100%; padding-bottom: 0.4em; }
.panel a:hover, .panel a:active { background-image: none; text-decoration: underline; }

/* search panel */
#search-panel { background: url(../images/search-box-bg.jpg) no-repeat 100% 0; height: 30px; float: right; width: 200px; }
#search-panel #search-textbox { width: 265px; height: 30px; float: right; text-align: left; }
#search-panel #search-button { width: 30px; height: 30px; float: right; text-align: left; }
#search-panel .textbox { width: 150px; height: 16px; display: block; font-size: 1.2em; line-height: 2em; vertical-align: middle; top: 6px; left: 105px; border: 0; position: relative; }
#search-panel .button { width: 18px; height: 18px; display: block; background: #FFFFFF url(../images/search-icon.gif) no-repeat 0 0; top: 6px; left: -2px; border: 0; position: relative; }

/* items */
.item { width: 430px; height: 120px; margin-bottom: 1em; margin-left: 2em; }
.contact-item { width: 320px; height: 100px; margin-bottom: 1em; margin-left: 2em; }
.item img { margin: 0 1em 0 1em; }