﻿/* Global */
body { background-color:#CFCFCF; margin:0px; font-size:62.5% }
#page { width:984px; margin:0 auto; font-size:1.1em }
#frame { width:974px; float:left; background-color:#222883; padding:5px }
h1 { color:#262487; font-size:2em; padding-left:30px }
h2 { color:#262487; font-size:1.8em }
h3 { color:#262487; font-size:1.5em; margin:2px 0 }
h4 { color:#262487; margin:5px 0 0 0 }
h5 { color:#262487; margin:3px 0 0 0 }
.ms-WPBody { font-size:1.1em }
.ms-siteaction { height:auto }

/* Header / Accessbility Toolbar */
#pageheader { background:#fff url(/_layouts/1033/images/wortech/headImg_1.jpg) top right no-repeat; width:974px; height:100px }
#logo { background:#fff url(/_layouts/1033/images/wortech/logoImg.jpg) top left no-repeat; display:block; width:404px; height:75px; float:left; margin:15px 0 0 15px }	
#toolbar { background:#222883 url(/_layouts/1033/images/wortech/navBg_1.jpg) top left repeat-x; line-height:1.9em; text-align:left; color:#FFF; padding:3px 0 0 5px; width:979px }	
#toolbar a { color:#FFF; }
#toolbar IMG { border:none; }
#toolbar-buttons { width:2000px; left:-800px; position:relative; }
#toolbar-collapse { float:left; display:block; width:179px; font-weight:bold }
#toolbar-buttons-container { overflow:hidden; float:left; width:662px; position:relative }
#toolbar-buttons SPAN { float:left; display:block; padding-right:4px }
DIV.acclinks, DIV.fontsize, DIV.colourstyle { float:left; padding-left:20px }
DIV.acclinks A { padding-right:10px; }
DIV.colourstyle A { display:block; float:left; margin-right:2px }
DIV.searchbox TABLE.ms-sbtable-ex { width:auto; margin-top:3px }
DIV.searchbox TABLE .ms-sbcell { padding:0 }
.zz1_TopNavigationMenu_0 { z-index:1 }
.whitespace {height:10px; clear:both;}

/* Links */
#content A, #content A:visited { color:#0000FF !important; text-decoration:none }
#content A:hover { text-decoration:underline !important }
#content .ms-siteactionsmenu A { color:#fff !important }
#content #sideNav A { color:#fff !important }
#toolbar A:hover, #pagefooter A:hover { font-style:italic }
.fontsize A:hover, #topNav A:hover { font-style:normal }
#sslogin A, #sslogin A:visited { color:#262487 !important }

/* Navigation */
#topNav { background-color:#0185E7; text-align:center; width:974px; text-transform:lowercase }
#topNav .ms-topnav { background:none; border:0; font-size:1.0em; width:137px}
#topNav .ms-topnav a { margin-left:1px; background:#222883 url(/_layouts/1033/images/wortech/navBg_1.jpg) top left repeat-x; color:#fff; width:138px; height:auto; padding:0; line-height:1.9em; font-weight:bold; font-size:1.3em !important }
#topNav .ms-topnav a:hover { color:#fff; background:#222883 url(/_layouts/1033/images/wortech/navBg_1-over.jpg) bottom left repeat-x }
#topNav .ms-topNavHover { background:none; border:0 }
#topNav #zz1_TopNavigationMenun0 { display:none }
#topNav .ms-topNavFlyOuts A:hover { background-color:#DEEBF9 }

/* Side Navigation */						
#sideNav { position:relative; list-style-type:none; float:left; width:134px; margin:0 0 10px 5px; padding:0 }
#sideNav LI {float:left; clear:left;}
#sideNav LI, #sideNav .ms-navheader TR { text-align:center; }
#sideNav LI A, #sideNav .ms-navheader TR A { font-size:1.3em !important; text-decoration:none !important; color:#fff; font-weight:bold;  
padding:8px 2px; width:130px; background:#7476E7 url(/_layouts/1033/images/wortech/subnav.jpg) no-repeat fixed left bottom; clear:both; display:block;}
#sideNav LI A, #sideNav .ms-navheader TR TD { border-bottom:1px solid #80C0FF; }
#sideNav LI A { float:left }
#sideNav LI A:hover, #sideNav .ms-navheader TR A:hover { text-decoration:none !important }
#sideNav LI A.selected, #sideNav LI A:hover, 
	#sideNav .ms-selectednavheader TR A, #sideNav .ms-navheader TR A:hover { background:#232A7B url(/_layouts/1033/images/wortech/subnav-selected.jpg) bottom right no-repeat }
#sideNav .sideNav-tl, #sideNav .sideNav-bl { position:absolute; top:0; left:0; width:13px; height:13px; background:transparent url(/_layouts/1033/images/wortech/subnav-topleft.gif) top left no-repeat }
#sideNav .sideNav-bl { top:auto; bottom:0; background-image:url(/_layouts/1033/images/wortech/subnav-botleft.gif) }
#sideNav.courseSideNav { margin-top:10px; max-width:130px; }

/* Commercial links */

#commercialNav {position:relative; top:0px; *top:-10px; height:122px; *height:105px;}
#commercialNav li {margin:0; padding:0; list-style:none; position:absolute;}
#commercialNav li, #commercialNav a {width:228px; display:block; height:31px;}

#spa{left:0px; *left:-40px;}
#spa{background:url('/_layouts/1033/images/wortech/commNav.png') 0 0;}
#spa a:hover{background :url('/_layouts/1033/images/wortech/commNav.png') -228px 0;}

#restaurant{top:31px; left:0px; *left:-40px; }
#restaurant{background:url('/_layouts/1033/images/wortech/commNav.png') 0 -31px;}
#restaurant a:hover{background:url(/_layouts/1033/images/wortech/commNav.png) -228px -31px;}

#theatre{top:61px; left:0px; *left:-40px;}
#theatre{background:url('/_layouts/1033/images/wortech/commNav.png') 0 -62px;}
#theatre a:hover{background:url('/_layouts/1033/images/wortech/commNav.png') -228px -62px;}

#travel{top:92px; left:0px; *left:-40px; height:32px;}
#travel{background:url('/_layouts/1033/images/wortech/commNav.png') 0 -93px; height:32px;}
#travel a:hover{background:url('/_layouts/1033/images/wortech/commNav.png') -228px -93px; height:32px;}

/* Main Content */
#content { position:relative; background-color:#fff; float:left; font-family:Tahoma, Arial, Helvetica, sans-serif; width:974px; min-height:300px; height:auto !important; height:300px; padding-bottom:10px }
#leftColumn { float:left; width:148px }
#mainColumn { float:left; width:582px; padding-bottom:8px; }
#rightColumn { float:right; width:237px }
#rightColumn .htmlcontentbox { float:left; width:228px }
#topContent { width:965px; }
#topContent H1 { padding-left:148px; margin:10px 0 5px 0; float:left }
#topContent .feedback { float:right; }
#pagefooter { clear:both; padding:2px 0 4px 0; margin:0 auto; text-align:center; color:#fff; background:#222883 url(/_layouts/1033/images/wortech/navBg_2.jpg) bottom left repeat-x; width:984px}
#pagefooter a, #pagefooter a:visited, #footer a:active { text-decoration:none; color:#fff }
#pagefooter a:hover { text-decoration:underline }
.cboth { clear:both; float:none !important }
.contentToolbar { clear:both; width:725px; padding:0px 5px 5px 5px;}
#column #linkitem.item { margin:0; padding:3px 0; border-bottom:1px dashed #ccc }
#column #linkitem.item A { font-size:1.2em; }
.courselinks #column #linkitem.item { border-bottom:none }
.courselinks #column #linkitem.item A { font-size:1.0em; } 
.courselist TABLE { font-size:1.2em; color:#777; margin-top:10px }
.courselist TABLE TH { text-align:left; color:#003399; padding:4px 0 }
.courselist H2 { color:#003399 }
.courselist TABLE TD A { text-decoration:none; color:#4341FA }
.courselist TABLE TD { border-bottom:1px dashed #ccc; padding:3px 0 }

 /*Login Bar*/
.ms-SPLink a { color:#fff }
.ms-SPLink, .ms-siteaction { float:right }

/*Breadcrumbs*/
.ms-sitemapdirectional { padding:4px; display:inline }
.breadcrumb { font-size:1.1em; padding-left:30px } 
.breadcrumb A { font-size:1.0em }
.breadcrumb, .breadcrumb A { text-transform:lowercase; border:none; background:none }

/*CFAs*/
.cfa { float:left; clear:both; background:#fff url(/_layouts/1033/images/wortech/cfa-bg.jpg) top left repeat-y; width:229px; margin-bottom:10px; }
.cfabot { float:left; clear:left; width:229px; height:13px; overflow:hidden; background:#fff url(/_layouts/1033/images/wortech/cfa-bottom.jpg) bottom left no-repeat }
.pager { float:right; margin-top:3px }
A.nextlink, A.prevlink { display:block; float:left; margin-right:4px; width:20px; height:20px; background:transparent url(/_layouts/1033/images/wortech/downarrow.gif) top left no-repeat; }
A.prevlink { background:transparent url(/_layouts/1033/images/wortech/uparrow.gif) top left no-repeat; }
.cfa H2 { margin:0; padding:4px; border-bottom:1px solid #CFCFCF; background:#DFDFDF url(/_layouts/1033/images/wortech/cfa-top.jpg) top left no-repeat }
.cfa H2 IMG { vertical-align:middle; margin-right:6px }
.cfabody { padding:0 7px }
.cfa LABEL { margin-top:3px; font-size:0.9em; }
.cfa INPUT, .cfa TEXTAREA { margin:5px }
.cfa .subbut { margin:0 0 0 160px; }

.greybox { width:224px; background-color:#E9E9E9; border:2px solid #DBDBDB; position:relative; float:left; margin-bottom:5px }
.greybox IMG { float:left; margin:4px; display:inline }
.greybox .tl, .greybox .tr, .greybox .bl, .greybox .br { position:absolute; width:8px; height:8px; overflow:hidden }
.greybox .tl { top:-2px; left:-2px; background:transparent url(/_layouts/1033/images/wortech/cornerTopLeftSilver.jpg) top left no-repeat;  }
.greybox .tr { top:-2px; right:-2px; background:transparent url(/_layouts/1033/images/wortech/cornerTopRightSilver.jpg) top left no-repeat;  }
.greybox .bl { bottom:-2px; left:-2px; background:transparent url(/_layouts/1033/images/wortech/cornerBottomLeftSilver.jpg) top left no-repeat;  }
.greybox .br { bottom:-2px; right:-2px; background:transparent url(/_layouts/1033/images/wortech/cornerBottomRightSilver.jpg) top left no-repeat;  }

.feedback { min-height:66px; height:auto !important; height:66px; margin-top:10px; }
.feedback P { color:#312A70; font-weight:bold; float:left; margin-top:10px; width:135px }

/*EventsList & LatestNews*/
#alleventslink, #allnewslink { padding:5px; display:list-item; list-style:disc; list-style-position:inside }
#eventslist { margin-left:6px }
#eventslist H2 IMG, #newslist H2 IMG { vertical-align:bottom }
#eventslist UL, #newslist UL { padding:1px; margin:2px 0 0 0; clear:right }
#eventslist LI, #newslist LI { list-style:none; clear:left; font-weight:bold }
#eventslist LI A { display:block; margin:0 auto; width:227px; float:left; margin-bottom:5px }
#eventslist A IMG { float:left; border:none; }
		
#newslist A IMG { border:none }
#newslist LI { cursor:pointer; display:block; float:left; width:227px; }
#newslist LI.alt { background-color:#F7F7F7; border-bottom:1px solid #D3D3D3 }
#content #newslist LI A { padding:3px 5px; color:#262487 !important; display:block }
#content #newslist LI.newsbg { padding:0; font-weight:bold; background:#232A84 url(/_layouts/1033/images/wortech/navBg_2.jpg) bottom left repeat-x }
#content #newslist LI.newsbg.over { background:#232A84 url(/_layouts/1033/images/wortech/navBg_1.jpg) top left repeat-x }
#content #newslist LI.newsbg A { padding-top:3px; display:block; float:left; width:146px }
#content #newslist LI.newsbg A, #newslist LI.newsbg A:HOVER { color:#fff !important }
#content #newslist LI A.newsimage { float:left; padding:0; width:70px }
 
/* Course Search */

#courseSearch { padding-left:5px }
#courseSearch SELECT { width:217px }
#courseSearch INPUT { margin-bottom:0 }
#courseQuery { margin:5px 0 0 0; width:139px }
#parentSubject { display:none; float:left; clear:left }
#searchDDs { float:left; margin-top:5px }

/*Form Styles*/
#requestLiteratureForm { padding:8px 12px; background-color:#E9E9E9; position:relative; float:left }

#requestLiteratureForm H2 { margin:0 0 10px 0 }
#requestLiteratureForm UL { list-style:none; padding-left:5px }
#requestLiteratureForm UL LI { min-height:21px; height:auto !important; height:21px}
#requestLiteratureForm LABEL { padding:0 5px }

#requestLiteratureForm DL { float:left }
#requestLiteratureForm DT { width:160px; float:left; clear:left; text-align:right }
#requestLiteratureForm DD { float:left; margin:0 0 4px 0; width:176px }

#requestLiteratureForm DIV.tl,
	#requestLiteratureForm DIV.tr,
	#requestLiteratureForm DIV.bl,
	#requestLiteratureForm DIV.br { background: transparent url(/_layouts/1033/images/wortech/courses-corners.gif) top left no-repeat; position: absolute; top: 0; left: 0; width: 12px; height: 12px; }

#requestLiteratureForm DIV.tr { right:0; left:auto; background-position:top right; }
#requestLiteratureForm DIV.bl { bottom:0; top:auto; background-position:bottom left; }
#requestLiteratureForm DIV.br { bottom:0; right:0; top:auto; left:auto; background-position:bottom right; }

/*Toolbars*/
.toolbar { min-height:30px; height:auto !important; height:30px; background-color:#E9E9E9; padding:0 9px 0 0; position:relative }
.toolbar DIV { float:left; display:inline }
.toolbar .divider { border-left:1px solid #999; padding:3px 0 2px 10px; margin:2px 0 0 0 }
.toolbar .tbleft { position:relative; width:6px; height:30px; padding-right:3px; background:transparent url(/_layouts/1033/images/wortech/TB_endLeft.jpg) top left no-repeat }
.toolbar .tbright { position:absolute; top:0; right:0; float:none; width:6px; height:30px; background:transparent url(/_layouts/1033/images/wortech/TB_endRight.jpg) top left no-repeat }
.toolbar .item { margin:8px 28px 5px 14px; float:left; clear:none }
.toolbar .item .image { vertical-align:top; border:none; margin-right:2px }

.toolbar td.ms-sbcell { padding:0 }
.toolbar TABLE { width:auto }
.toolbar DIV.description { display:none }	
.toolbar #SRSB { width:160px; margin:2px 0 0 8px }
.ms-sbtable-ex { margin-top:0 }
#SRSB input { float:left }

.cfa .toolbar { margin:0 1px 0 0; float:left; }
#rightColumn HR { clear:both; border:none; border-top:1px solid #D3D3D3; width:95%; float:left; margin:8px 0 6px 5px; height:1px }
.cfa .toolbar .item { width:200px !important }

/*Misc*/
.sslogin H2 { padding:6px 0 0 6px; border-bottom:none }
.sslogin H2 A { text-decoration:none; color:#292C7D; font-size:0.8em }

#sslogin { position:relative; margin-top:0px; background:#D1D1D1 url(/_layouts/1033/images/wortech/cfa-top-bg.jpg) top left repeat-x; }
#sslogin .pad { padding-bottom:0 }
#sslogin IMG.fright { padding:2px 2px 0 0 }
#sslogin div { color:#262487}

.cfatl { float:left; width:8px; height:30px; background:transparent url(/_layouts/1033/images/wortech/endTopLeftSilver.jpg) top left no-repeat; }
.cfatr { float:right; width:8px; height:30px; background:transparent url(/_layouts/1033/images/wortech/endTopRightSilver.jpg) top right no-repeat; }
#sslogin .cfabot { height:6px; background:#D1D1D1 url(/_layouts/1033/images/wortech/cfa-bottom-grey.jpg) top left no-repeat }

.ms-consoleframe { border-top:none } 
.fright { float:right }
.pad { padding:3px }
.pad2 { margin-top:7px }
.margbot { margin-bottom:10px }

/* Captcha */

#rightColumn #recaptcha_widget_div { margin-left:3px; width:212px; overflow:hidden; float:left; display:inline }
#rightColumn .RecaptchaEnd { float:left; width:9px; height:129px; background:transparent url(/_layouts/1033/images/wortech/recaptchaEnd.jpg) top left no-repeat }
#rightColumn .recaptcha_r2_c1, #rightColumn .recaptcha_r2_c2, #rightColumn #recaptcha_image { height:42px !important }
#rightColumn .recaptchatable .recaptcha_image_cell { height:51px !important }
#rightColumn .recaptchatable .recaptcha_r4_c2 { width:3px }
#rightColumn #recaptcha_image, #rightColumn #recaptcha_image IMG { float:left; width:205px !important; height:39px }