/*
** combine.css 
** CSS - regroup all css for screen
** Author: Steve Tangue
** Date: 13.05.10
** Last edited: 13.05.10 by Geoff FRANKLIN 
** Last edited: 17.05.10 by Steve TANGUE 
*/
 

/*
** reset.css  
** CSS - handles the mass reset
** Source: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
** Author: Steve TANGUE
** Date: 03.Aug.07 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, /*pre,*/
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
body  { line-height: 1;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* end of file */


/*
** layout.css
** CSS - handles the layout
** Author: Geoff FRANKLIN
** Date created: 21 April 2010
** Last edited: 22 April 2010 by Geoff FRANKLIN
*/

/********************************************* start - GENERAL */
html, body {font-family: Arial, Helvetica, sans-serif;height: 100%;}
body {background: #EEE url(../img/bg.jpg) center top repeat-x;font-size: 62.5%;}
a {cursor: pointer;text-decoration: none;}
a:hover{text-decoration: underline;}
h1 {} h2 {} h3 {} h4 {} h5 {}
img { border:none;}

hr {height: 0px; border-top:1px dashed #ddd;}
.left{float:left;} .right{float:right;}
.textcenter {text-align:center;} .textright {text-align:right;} .textleft {text-align:left;}
.clr, .reset {border:medium none;clear:both;display:block;font-size:0px;height:0px;line-height:0px;margin:0;padding:0;}
.hide, .none {display:none;}

/*********************************************** end - GENERAL */

#container { min-height:100%; position: relative;}
/********************************************* start - HEADER */
#header {width: 960px;height: 130px; margin: 0 auto;position: relative;}
/* Logo */
#logo {height: 83px; width: 275px;background: url(../img/logo.png) no-repeat;position: absolute; left: 2px; top: 28px;text-indent: -9999px;}
#logo a {display: block; height: 83px; width: 275px;}
/* Phone Number */
#header .phone-number {width: 155px;height: 25px;background: url(../img/phone-number.png);position: absolute; right: 150px; top: 15px;text-indent: -9999px;}
/* Top Nav */
#topnav {font-size: 11px;line-height: 1.1em;position: absolute; right: 25px; top: 21px;}
#topnav li{float: left; padding: 0 11px;}
#topnav li a{ color: #FF8C8F; text-decoration: none;}
#topnav li a:hover{color: #FFF;}
/* Login Form */
#login-form {width: 310px !important;width: 315px;height: 30px;margin: 65px 0 0;float: right;}
#login-form form {float: right;}
#login-form form input {width: 90px;height: auto;background: url(../img/buttons-icons-boxes.png);border: 1px solid #AAA;color: #666;float: left;font-size: 11px;margin: 0 0 0 10px; padding: 4px 4px 5px;}
#login-form form button {width: 52px;height: 28px;background: url(../img/buttons-icons-boxes.png) -101px -25px;border: none;color: #FFF;cursor: pointer;float: left; margin: 0 10px;position:relative;}
#login-form form button span { position: relative; bottom: 1px; }
#login-form form button:hover {color: #000;}
#login-form form a {background: url(../img/buttons-icons-boxes.png) -101px -53px;float: right;height: 17px; width: 17px;margin: 5px 0 0;}
#login-form label {text-indent: -999em; position:absolute; left:-999em;}	
/*********************************************** end - HEADER */


/********************************************* start - NAV */
/* menu #nav style
** menu.css 
** CSS and Javascript Accessible menu drop down 
** -----------------------------------------------------------------------------------------------
** Source: Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
** 		   Dropdowns by Patrick Griffiths and Dan Webb. 
** 		   http://carroll.org.uk/sandbox/suckerfish/bones2.html
** ------------------------------------------------------------------------------------------------
*/

#nav {width: 960px;height: 26px; font-size: 11px;line-height: 1.1em;margin: -27px auto 0;position: relative; z-index: 100;}
#nav ul {float: right;}
#nav ul li {float: left;padding: 0 0 0 1px;}
#nav ul li a {background: url(../img/nav_left.png) no-repeat left top;color: #CCC;display: block;line-height: 1.1em;padding: 0 0 0 10px;text-decoration: none;}
#nav ul li a:hover {background: url(../img/nav_left_over.png) no-repeat left top;color: #FFF;}
#nav ul li a span {background: url(../img/nav_right.png) no-repeat right top;cursor: pointer;display: block;padding: 8px 10px 7px 0;}
#nav ul li a:hover span {background: url(../img/nav_right_over.png) no-repeat right top;}
/* menu pn or selected tab style */
#nav ul li a.main_menu_selected {background: url(../img/nav_left_over.png) no-repeat left top;color: #CCC;display: block;line-height: 1.1em;padding: 0 0 0 10px;text-decoration: none;}
#nav ul li a.main_menu_selected span {background: url(../img/nav_right_over.png) no-repeat right top;}
/* IMPORTANT TO KEEP THIS for the second level drop down menu to work */ 
#nav ul ul {height:auto;}
#nav li ul ul {height:auto;padding: 0 0 10px 0;margin: 0;list-style: none;line-height: 1;position:relative; z-index: 999;color:#ddd;}
/* IMPORTANT TO KEEP THIS for the second level drop down menu to work */
#nav ul ul li { width: 14em;float: left;background: #333;z-index: 999;}
#nav ul ul li a {font-size: 12px;color:#fff; border-bottom:1px solid #222;background:none;padding:5px 10px 8px 10px;}
#nav ul ul li a:hover, #nav ul ul li a.selected {background:none;color:#FFF; color:#BDEAF9;border-bottom:1px solid #444;}
/* second-level lists */
#nav ul li ul { position: absolute;	z-index:999;width: 14em;margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
/* third-and-above-level lists */
#nav ul li ul ul {margin: -1em 0 0 -1000em;}
#nav ul li:hover ul ul, #nav ul li.sfhover ul ul {margin-left: -1000em;}
/* lists nested under hovered list items */ 	
#nav ul li:hover ul, #nav ul li.sfhover ul {margin-left: 0;}
#nav ul li li:hover ul, #nav ul li li.sfhover ul {margin-left: 14em;margin-top: -38px;}
/* second-level lists */
#nav li ul ul{width: 14em;position: absolute; z-index:999px;margin-left: -1000em; padding-top: 11px; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
/*********************************************** end - NAV */

/********************************************* start - PAGE CONTENT */
#page_content {width: 960px;margin: 0 auto; padding: 0 0 100px 0;}
/* Image Banner */
#image_banner {width: 950px;height: 283px; ackground: url(../img/banner.png);margin: 0 auto; padding: 11px 0 0 10px;position: relative;}
#image_banner a.readmore {width: 106px;height: 26px; background: url(../img/banner.png) 0 -566px;color: #FFF;display: block;font-size: 14px;padding: 5px 0 0;position: absolute; right: 20px; bottom: 15px; z-index: 50;text-align: center; text-decoration: none;}
#image_banner a.readmore:hover { color: #000; }
/********************************************* start - GREY BOXES */
#boxes_grey {width: 960px;height: 160px;background: url(../img/bg_grey-boxes.png);color: #666; margin: 10px auto 0;}
#boxes_grey .box {height: 140px;float: left;padding: 20px 0 0;}
#boxes_grey .box.about {width: 278px;padding-left: 20px; }
#boxes_grey .box.education {padding-left: 51px; width: 269px;}
#boxes_grey .box.financial {padding-left: 65px; width: 249px;}
#boxes_grey .box h2 {color: #000;font-size: 19px; font-weight: bold;line-height: 1.1em;padding: 0 0 15px;}
#boxes_grey .box p {font-size: 12px;line-height: 1.4em;padding: 0 0 10px;}
#boxes_grey .box.education p {padding-left: 17px;}
#boxes_grey .box p.more {padding: 0;}
#boxes_grey .box.about p.more,#boxes_grey .box.education p.more,#boxes_grey .box.financial p.more {	margin: 0 0 0 95px;	}
#boxes_grey .box p.more a {width: 90px;height: 21px;background: url(../img/buttons-icons-boxes.png) 0 -28px;color: #CCC;display: block; padding: 4px 0 0;text-align: center; text-decoration: none;}					
#boxes_grey .box p.more a:hover {background-position: 0 -53px; color: #FFF;}
/*********************************************** end - GREY BOXES */
/********************************************* start - BLUE BOXES */
#boxes_blue {width: 960px;height: 210px; margin: 20px auto 0;}
#boxes_blue .box {width: 204px;height: 195px;background: url(../img/buttons-icons-boxes.png) 0 -78px;color: #C6D5E3;float: left;margin: 0 16px 0 0; padding: 15px 12px 0;position: relative;}
#boxes_blue .box.bookshop { background: url(../img/buttons-icons-boxes.png) -228px -78px; }
#boxes_blue .box.news { background: url(../img/buttons-icons-boxes.png) -456px -78px; margin: 0; }
#boxes_blue .box a { text-decoration: none; }
#boxes_blue .box h3 {color: #E8EEF4;font-size: 19px; font-weight: normal;letter-spacing: 1px;padding: 0 0 15px;}
#boxes_blue .box p {font-size: 11px;line-height: 1.1em;padding: 0 0 13px;}
#boxes_blue .box.testimonials p.blurb {font-size: 12px; font-style: italic;line-height: 1.5em;padding: 0 0 5px;}
#boxes_blue .box.testimonials p.client {font-size: 11px; font-style: normal;}
#boxes_blue .box.bookshop p.blurb {line-height: 1.6em;}
#boxes_blue .box.bookshop p.blurb strong {display: block;}
#boxes_blue .box.bookshop p.blurb img {float: right; padding: 0 0 0 10px;}
/* Links - in Calendar box */
#boxes_blue .box.calendar p a { color: #F2A03A; text-decoration: underline; }
#boxes_blue .box.calendar p a:hover { color: #FFF; text-decoration: none; }
/* Links - View All / Read More */
#boxes_blue .box p.more {padding: 0;position: absolute; right: 10px; bottom: 0;}
#boxes_blue .box p.more a {width: 91px;height: 18px;color: #C6D5E3;display: block;padding: 7px 0 0;text-align: center; text-decoration: none; text-transform: uppercase;}
#boxes_blue .box p.more a:hover {background: url(../img/buttons-icons-boxes.png) -169px 0;color: #FFF;}
#boxes_blue .box.bookshop p.more a {width: 110px;}
#boxes_blue .box.bookshop p.more a:hover  {background: url(../img/buttons-icons-boxes.png) -169px -25px;}
/* News list items */
#boxes_blue .box ul {font-size: 11px;line-height: 1.3em;}
#boxes_blue .box ul li {height: 28px; padding: 0 0 12px; position: relative;}
#boxes_blue .box ul li a {color: #C6D5E3;display: block;padding: 0 40px 0 0;}
#boxes_blue .box ul li a:hover {color: #FFF;text-decoration: underline;}
/* News dates */
#boxes_blue .box ul li span {color: #9CB7CF;display: block;line-height: 1.1em;text-align: center; text-transform: uppercase;position: absolute; right: -9px; top: 2px;width: 35px;}
#boxes_blue .box ul li span em { font-style: normal; text-transform: lowercase; }
/* RSS link */
#boxes_blue .box p.rss {font-size: 10px;padding: 0;position: absolute; left: 10px; bottom: 0;}
#boxes_blue .box p.rss a {color: #C6D5E3;display: block;height: 25px; width: 75px;padding: 0 0 0 30px;position: relative;}
#boxes_blue .box p.rss a:hover {background: url(../img/buttons-icons-boxes.png) -169px -50px;}
#boxes_blue .box p.rss a strong {color: #F0994A;font-weight: normal;}
/*********************************************** end - BLUE BOXES */
/*********************************************** end - PAGE CONTENT */

#footer {width: 100%;height: 80px;background: #000 url(../img/bg_footer.jpg) no-repeat center top;color: #666;font-size: 11px;line-height: 2em;position: absolute; bottom: 0;z-index:99999;}
#footer a{color: #999; text-decoration: none;}
#footer a:hover {color:#FFF; text-decoration: underline;}
#footer .wrap {width:920px;height: 55px; margin: 0 auto; padding: 5px 20px 0; position: relative;}
#footer .nav {width:620px;float:left;}
#footer .nav ul li {float: left; padding: 0 15px 0 0;}
#footer .info {float: right; text-align: right; width: 240px;}


/* breadcrumb */
#content_left_breadcrumb {background: url(../img/banner.png);color: #666;height: 27px;width: 940px;margin: 0 auto; padding: 13px 0 0 20px;}
#content_left_breadcrumb a { color: #999; text-decoration: none; }
#content_left_breadcrumb a:hover { color: #FFF; text-decoration: underline; }

/* left menu */
#content_left {background:none;float:left;height: auto; width: 205px;margin: 10px 30px 20px 0;}
#content_left_menu {width: 205px; float:left; background:url(../img/leftmenu_bg.png) left top no-repeat; padding:10px 0;}
#content_left_menu ul {list-style:none; margin: 0px 20px 0 20px!important; margin: 20px 0 20px 20px; padding: 0;}
#content_left_menu ul li a {font-size: 14px;color:#2F81BB;cursor:default; display:inline-block;width: 164px; padding: 5px 20px 5px 5px;text-decoration:none;}
#content_left_menu ul li a:hover {text-decoration:none; color:#000;}
#content_left_menu ul li.selected a {color:#000; }
#content_left_menu ul li.selected ul li a {color:#000; background: none; margin:0;}
#content_left_menu ul ul li a {font-size: 12px;color:#2F81BB;width: 144px; padding: 7px 20px 7px 0; cursor:pointer; line-height:1.1em; }
#content_left_menu ul ul li.selected a {color:#000; width: 144px; padding: 5px 20px 5px 0;  }
#content_left_menu ul ul ul li a {font-size: 11px;}
.leftmenu_bottom {width: 205px;height: 10px; background:url(../img/leftmenu_bottom.png) left top no-repeat; float:left; bottom: 0; margin-bottom: -10px;}

/* right content */
#content_right {width: 705px; float:left; margin: 20px 0 0; }
#content_right h1 {color: #000;font-size: 30px; font-weight: bold;line-height: 1.1em;padding: 10px 0 15px;text-align: left;}
#content_right h2 {color: #555;font-size: 25px; font-weight: bold;line-height: 1.1em;padding: 5px 0 10px;text-align: left;}
#content_right h3 {color: #888;font-size: 20px;line-height: 1.1em;padding: 5px 0;text-align: left;}
#content_right p {font-size: 12px;line-height: 1.4em;padding: 0 0 15px;text-align: left; z-index:99;position:relative;}
#content_right em {color: #444;font-style: italic;padding: 0 3px;}
#content_right img {margin: 15px;}
#content_right a {color: #555555; text-decoration: underline;}
#content_right a:hover {background: #fff;color: #555; text-decoration: none;}
	
/* List Styling */
#content_right ul,#content_right ol {font-size: 12px;line-height: 1.3em;}
#content_right ol {list-style: decimal;padding: 0 0 15px 40px;}
#content_right ol li {padding: 5px 0;}
#content_right ul {list-style: disc;padding: 0 0 15px 33px;}
#content_right ul li {padding: 5px 0 5px 5px;}
#content_right ul#sitemap,#content_right ul#sitemap ul {list-style:none;}

/* contact us page */
#contactusform {width: 220px; float:left;margin-right: 10px;}
.google_map {width: auto; float:right; margin: 2%;}

/* form */
.css_label {width: 100%; float:left; text-align:left; margin: 10px 0 6px 0;color:#666; font-size: 11px;}
.css_input {width:100%; height: 18px; background: #eee; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;}
.css_textarea {width:100%;padding: 6px;background: #eee; border:1px solid #CDCDCD; font-size: 11px;}
.success {width: 95%;padding: 10px; color:#009900; border:1px solid #009900; background:#E1FFE1;}

.css_label_events {width: 140px; float:left; text-align:left; margin: 10px 0 6px 0;color:#666; font-size: 11px;}
.css_input_events {width:180px; height: 18px; background: #eee; border:1px solid #CDCDCD; padding: 6px; margin-bottom:2px;}


/* events */

.event-details {width: 45%;float:left; margin-top: 15px;}
.google_map { float: right; width: auto; }
.contentpage div#page_content_left .google_map img { background: none; border: none; margin: 0; padding: 0; }
.VForm_error_wrapper { height: 30px; }

/* Event Error Messages */
.eventError {color: red; float: none; font-size: 10px; line-height: 1.2em; margin-left: 10px;}
.pitchError {color: red; float: left; font-size: 10px; line-height: 1.2em; margin-left: 10px; padding-top: 7px;}

#event-registration-review label, #event-registration-review span {font-size: 12px; line-height:2.2em;}
#event-registration-review label {width: 150px;float:left;text-align:right;font-weight:bold;}
span.news_date { font-size:1.2em; font-weight:bold;}
/* SLIDING BANNER start */
/*    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
/*
.anythingSlider                         { width: 960px; height: 276px; position: relative; margin: 0 auto 40px auto!important; margin: 12px auto 40px auto;}
.anythingSlider .wrapper                { width: 920px; height: 276px; overflow: auto; margin: 0 0 0 0; position: absolute; top: 0; left: 0;}
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { width: 920px; height: 277px; display: block; float: left; padding: 0;  margin: 0;}
.anythingSlider .arrow                  { display: block; height: 276px; width: 43px; background:url(../img/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 0px; cursor: pointer;}
.anythingSlider .forward                { background-position: right top; right: 0px; }
.anythingSlider .back                   { background-position: left top; left: 0px; }
.anythingSlider .forward:hover          { background-position: right bottom;}
.anythingSlider .back:hover             { background-position: left bottom;}

#thumbNav                               { width: 870px; height: 30px; margin:0 auto; position: absolute; top: 232px; text-align: right; padding-right: 50px;}
#thumbNav a                             { color: #FF4213; display: inline-block; width: 20px; height: 17px; background: url(../img/icon_banner_nav.png) top right no-repeat !important; border:none !important;background:none;border:1px solid #fff; text-align: center; margin-right: 5px;}
#thumbNav a:hover                       { color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}
#thumbNav a.cur                         { color:#fff; background:url(../img/icon_banner_nav.png) top left no-repeat!important;background:none;}

#start-stop                             { width: 26px; height: 17px; color: white;  text-align: center; position: absolute; right: 60px; top: 232px;
										background:url(../img/pause.png) no-repeat!important;background:none; 
										filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/pause.png',sizingMethod='crop');  }
#start-stop.playing                     { background:url(../img/play.png) no-repeat!important;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/play.png',sizingMethod='crop');}
#start-stop:hover                       { }
#start-stop span 						{ position: absolute; margin-left: 0; left: 0;}

.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }
*/
/* SLIDING BANNER end */



/* FADING BANNER start */
.banner {width: 960px;height: 294px; overflow: hidden;position: relative; background: url(../img/banner.png) no-repeat top left; paddding-top: 20px;}
.banner ul {position: absolute;	top: 0;	list-style: none;padding: 0;margin: 0;}
/* tab menu banner nav */
#tabs { z-index: 20; position:absolute; top: 38px;right:25px;}
#tabs li {margin: 0; padding: 0;}
#tabs li a {width:20px;height:20px;float: right;line-height: 19px;color: #999; display: inline-block; background: url(../img/banner.png) -126px -566px;text-decoration: none;font-size: 12px;text-align: center;margin: 5px 0 0 5px;position:relative;}				
#tabs li a:hover {background: url(../img/banner.png) -106px -566px;color: #fff;}
#tabs li a.current {background: url(../img/banner.png) -106px -566px;color: #fff;}
/* output banner images */
#output {width: 938px; height: 294px; margin: 10px 11px;}
#output li {position: absolute;width: 938px;height: 272px;background:transparent url(../img/banner.png) no-repeat center bottom; z-index:1; margin: 0 auto;}
/* curve overlay image */
.curveoverlay {width:940px;height:272px;position:absolute;/*background:transparent url(../img/banner.png) 0 -294px  no-repeat;*/z-index:2; margin: 10px 11px;}
.curveoverlay em {position:absolute; bottom: 20px; left: 25px;color:#fff; font-size: 16px;font-style:italic;}
.curveoverlay a {width: 106px;height: 26px;background: url(../img/banner.png) 0 -566px;color: #FFF;display: block;font-size: 14px;padding: 5px 0 0;position: absolute; right: 10px; bottom: 3px; z-index: 1;text-align: center; text-decoration: none;}
.curveoverlay a:hover { color: #000; } 
/* FADING BANNER end */


/* For simple modal dialog */
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background:#DFF1FB url(../img/bg_titlebar.jpg) repeat-x scroll left bottom;border:8px solid #0385DB; padding:12px;font-size:12px;text-align:center;}
#simplemodal-container a.modalCloseImg { width:25px;height:29px;background:url(../img/x.png) no-repeat;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer;}


.watermark_curve {width: 1021px; height: 116px; bottom:80px!important; bottom: 70px;position:absolute;background:url(../img/watermark_curve.png) no-repeat!important;z-index:1;
background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templates/default/img/watermark_curve.png',sizingMethod='crop');  
}

* html #placeholder {margin-bottom:-20px;}

/* layout.css end of file */

/* end of file */