/* General Page Layout */
/*------------------------------- renormalise -------------------------------*/
/*
	Based on Yahoo YUI 3 reset with modifications
	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.com/yui/license.html
	version: 3.3.0
	build: 3167
*/
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, .wup4 legend, input, textarea, p, blockquote, address, th, td {margin:0;padding:0;white-space:normal;text-indent:0;} table {border-collapse:collapse; border-spacing:0; table-layout:fixed;} fieldset, img {border:0;} address, caption, cite, code, dfn, em, i, strong, b, th, var {font-style:normal; font-weight:normal;} ol, ul, li {list-style:none;} caption, th {text-align:center;} h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; border:none; } q:before, q:after { content:'';} abbr, acronym {border:0;font-variant:normal;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;} input,textarea,select{*font-size:100%;} b {margin:0;padding:0;white-space:normal;} html, head, body { margin:0; padding:0; } body * { margin:0; padding:0 }

body { height:100%; width:100%; font-family: Helvetica, Arial, Verdana, Constantia, Geneva, "Trebuchet MS", sans-serif, "Microsoft Sans Serif"; line-height:120%; position:relative; background-color:#242021}

a { color:inherit; text-decoration:none; }
a:hover { color:#3399ff; text-decoration:underline; }

/* ---------- Page Layout ---------- */
.banner { position:absolute; z-index:-1; top:0; left:0; width:100%; }
.VegaPageContainer { width:1010px; margin:0 auto; padding:0; background-color:#fff; }
.banner, .header { 
	width:100%; height:121px; background-image:url('/images/newDesign/Header-Background.png'); 
	background-repeat:repeat-x; border-bottom:3px solid #83efff;
}
.logo { float:left; margin-left:36px; margin-top:1px; height:121px; width:242px; }
/* Page */
.PageContent { width:1010px; z-index:1; position:relative; min-height:520px; background-color:#fff; padding-bottom:1em}
.LHS { padding-left:38px; background-color:white; }
.RHS { margin:0 18px; color:#545454; } 
h1 { font-size:24px; font-weight:bold; margin:1.5em 0px 0.75em; }
.RHS h1 { font-size:20px; font-weight:bold; margin:0.50em 0px 0.50em; }
.RHS p.subtext { font-size:12px; margin-top:-0.5em; }
p { font-size:15px; width:90%; margin-bottom:1em; }
.RHS dt { font-size:14px; font-weight:bold; margin-top:0.25em; }
.RHS dd { font-size:12px; }
.RHS .followus img { width:40px; height:40px; }
.RHS table.sponsors td { padding:2px; }

.footer { 
	width:100%; background-image:url('/images/newDesign/Footer-Background.png');  
	background-repeat:repeat-x; text-align:center; padding:10px 0;  
}
.footer p { color:#82efff; font-size:13px; margin:0}
.footer a { font-weight:bold; }
.footer p.bottom { font-size:11px; color:#b3b3b3; margin-top:5px;}
div.tooltipsy { 
	border:outset 2px #e6e6e6; border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; 
	background-color:#e6e6e6; padding:10px; color:#545454; max-width:20em; text-align:justify
}

/* ----------        GRIDS       ---------- */
.grid, .last, .con { height:100%; overflow:hidden; _overflow:visible; _zoom:1; }
.overflow { overflow:visible }
.cell  { float:left;_zoom:1; margin-bottom:-2000px; padding-bottom:2000px; }
.right { float:right; text-align:right; }
.sL { width:773px; } /* 76.5% */
.sR { width:237px; float:left; _position:relative; _left:-3px; _margin-right:-3px; background-color:#e6e6e6 }


/* ---------- Menubar ----------- */
.vegaMenuBar { width:650px; float:right; position:relative; top:40px; margin-right:43px; }
/* keep the ul li ul to stop IE7 going wobbly */
.vegaMenuBar a, .vegaMenuBar .search, .vegaMenuBar ul li ul { color:#e8e8e8; background-color:#383636; }
.vegaMenuBar a, .vegaMenuBar .search { display:block; margin:0; text-decoration:none; text-align:center; }
.vegaMenuBar li a { padding:4px 5px 4px 0px; }
.vegaMenuBar li li a { padding-left:4px; }
.vegaMenuBar li li a:hover { color:#111; background-color:#83efff; }
.vegaMenuBar ul { float:right; list-style:none; position:relative; z-index:10; }
.vegaMenuBar ul li { position:relative; z-index:1; width:100%; }
.vegaMenuBar ul li ul { width:17em; position:absolute; display:none; padding:0; *border-style:none; }
.vegaMenuBar ul:hover ul { display:block;}
.vegaMenuBar li li a { font-weight:bold; text-align:left; border:none; }
.vegaMenuBar .search { position:relative; width:240px; height:28px; }
.vegaMenuBar .search img { position:absolute; top:6px; right:-5px; }
.vegaMenuBar .search input, .vegaMenuBar .search span { 
	position:absolute; width:210px; right:-1px; top:11px; 
	border:0; background-color:white; color:#111; text-align:left;
}
.vegaMenuBar .search span { color:#aaa; font-size:90%; font-weight:bold; right:-2px;}


/* ---------- BLOCK STRUCTURES ---------- */
/* mod 
 * code for this is 
 * <div class="mod"> 
 *	<b class="t"><b class="tl"></b><b class="tr"></b></b> <-- rounded corners
 *	<div class="inner">
 *		<div class="hd">header</div>
 *		<div class="bd">body</div>
 *	</div>
 *	<b class="b"><b class="bl"></b><b class="br"></b></b> <-- rounded corners
 * </div>
 * 
 * Our modules are defined in modules.css
 */
.mod {  }
.mod .inn { background-color:inherit; position:relative; }
.hd, .bd { overflow:hidden; _overflow:visible; _zoom:1; }
.mod b { display:block; background-repeat:no-repeat; font-size:1%; position:relative; z-index:10; }
.tl, .tr, .bl, .br { float:left; }
.tl { background-position:left top; }
.tr { background-position:right top; }
.bl { background-position:left bottom; } 
.br { background-position:right bottom; }
.br,.tr { float:right; }
.tr,.tl { overflow:hidden; margin-bottom:-32000px; }
.bl,.br { margin-top:-10px; }
.t { background-position:center top; }
.b { background-position:center bottom; }
.mod table { width:100%; }
.mod table td { padding:5px 10px; }

.subtitle { font-size:16px; font-weight:bold; width:37em; margin-left:24px; }
.subtitle .bd { background-color:#e6e6e6; color:#545454; padding:0.75em 0 0.75em 15px; }
.subtitle .bl, .subtitle .br { width:18px; height:16px; margin-top:-15px; }
.subtitle .bl { background-image:url('/images/newDesign/Corners/subtitle_left.png'); }
.subtitle .br { background-image:url('/images/newDesign/Corners/subtitle_right.png'); position:relative; right:-1px;}

.video { height:175px; width:120px; margin:0 15px 15px 0; }
.video .hd { height:125px; }
.video .bd { 
	background-color:#2e2d2c; font-size:12px; font-weight:bold; color:#e6e6e6; 
	padding:5px 10px 0px 10px; height:50px;
}
.video .tl, .video .tr, .video .bl, .video .br { width:11px; height:11px; }
.video .tl { background-image:url('/images/newDesign/Corners/video_white_tl.png'); }
.video .tr { background-image:url('/images/newDesign/Corners/video_white_tr.png'); }
.video .bl { background-image:url('/images/newDesign/Corners/video_white_bl.png'); position:relative; bottom:1px;}
.video .br { background-image:url('/images/newDesign/Corners/video_white_br.png'); }
.video img { width:125px; height:125px; border:none; }

.RHS .video { height:110px; width:95px; margin:0 11px 11px 0px; }
.RHS .video .hd { height:85px; }
.RHS .video .bd { font-size:8px; height:25px; padding:3px 7px 0px 6px;  }
.RHS .video img { width:95px; height:85px; }
.RHS .video .tl { background-image:url('/images/newDesign/Corners/video_grey_tl.png'); }
.RHS .video .tr { background-image:url('/images/newDesign/Corners/video_grey_tr.png'); }
.RHS .video .bl { background-image:url('/images/newDesign/Corners/video_grey_bl.png'); position:relative; bottom:1px;}
.RHS .video .br { background-image:url('/images/newDesign/Corners/video_grey_br.png'); }