@charset "utf-8";
/* CSS Document for Marketing Engagement - screen */

/* Website Colours */
/* ----------------------------------------- 
	*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
html, body { height: 100%;overflow: -moz-scrollbars-vertical;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }

/* Global reset-RESET */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none; border-bottom:0px; } /* Gets rid of IE's blue borders */

/* Extra layout stuff */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* br class that clears floated columns */
div { position:relative; }
div.floatLeft {float:left;}
div.floatRight {float:right;}

/* TAGs */
body {
	background-color: #7196b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#555;
}
h1 { font-size: 20px;
	line-height:25px;
	 font-weight: normal;
	 color:#251e20;
	 margin:0 0 5px 0;
	 padding:0;}
h2 { font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#757575;
	margin:5px 0;
	padding:0;}
h3 { font-size:15px;
	 line-height:18px;
	 color:#251e20;
	 margin:5px 0;
	 padding:0;
	 font-weight:bold;}
h4 {font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#251e20;
	margin:10px 0 5px 0;
	padding:0;
	text-transform:uppercase;}
h5 {}

li, dt, dd, p { 
	line-height:1.5em;
	font-size:1em; 
}
ul, ol, dl {
	margin: 1.5em 0em 1.8em 1.5em;
}
p { margin-bottom: 1.5em; }
li {
	padding:2px 0 2px 5px;
	margin:0;
	list-style: disc url(../images/bullet.gif) outside;
}
a, a:link, a:visited { color:#251e20; text-decoration:none;}
a:hover, a:active { color:#555; text-decoration:underline; }

hr { 
	border:0px; 
	height:1px; 
	background:#ccc;
	padding:0;
	margin:15px 0 10px 0;
}
::selection       { background:#e6e6e6; /* Safari and Opera */ }
::-moz-selection  { background:#e6e6e6; /* Firefox */ }

/* IDs */
#header-wrap { height:180px; border-bottom:solid 3px #e1f5ff; background:#124e82;}
#header { margin:0px auto; width:960px;}
#header-right { width:350px; margin:0 0 0 20px; padding:0; float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff;}
	#sponsors { padding:10px 10px 15px 10px; margin:0 0 10px 0; background:#fff url(../images/sponsor-bg.gif) left bottom no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #251e20;}
#wrap { margin:0px auto; width:960px; position:relative; }
#main { background:#fff; width:860px; padding:50px; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
	#main .col-a { width:445px; margin:0 82px 0 0; padding:0; float:left;}
	#main .col-b { width:333px; margin:0; padding:0; float:left;}
#footer { background:#fff; width:860px; height:38px; padding:0 50px 10px 50px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc;}
	#footer a, #footer a:link, #footer a:visited {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666;}
	#footer a:hover, #footer a:active {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#999; text-decoration:underline;}

#navigation { display:block; width:960px; height:25px; margin:65px 0 0 0; padding:0; position:relative;}
	#navigation li { float:left; list-style:none; padding:0; margin:0; }
	#navigation a, #navigation a:link, #navigation a:visited {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #333333;
		font-weight:bold;
		text-decoration: none;
		display:block; 
		width:125px; 
		margin:0 10px 0 0;
		text-align:center;
		height:24px; 
		padding:1px 0 0 0;
		background:#c6f4ff;
		border-top:solid 1px #ccc;
		border-left:solid 1px #ccc;
		border-right:solid 1px #ccc;}
	#navigation li a:hover, #navigation li a:active { background:#fff;}
	#navigation li.current-page a, #navigation li.current-page a:link, #navigation li.current-page a:visited { 
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #333333;
		font-weight:bold;
		text-decoration: none;
		display:block; 
		width:125px; 
		margin:0 10px 0 0;
		text-align:center;
		height:24px; 
		padding:1px 0 0 0;
		background:#fff;
		border-top:solid 1px #ccc;
		border-left:solid 1px #ccc;
		border-right:solid 1px #ccc;}
	#navigation li.emphasis a, #navigation li.emphasis a:link, #navigation li.emphasis a:visited { 
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 14px;
		color: #333333;
		font-weight:bold;
		text-decoration: none;
		display:block; 
		width:125px; 
		margin:0 10px 0 0;
		text-align:center;
		height:24px; 
		padding:1px 0 0 0;
		background:#eeeeee;
		border-top:solid 1px #ccc;
		border-left:solid 1px #ccc;
		border-right:solid 1px #ccc;}
	`#navigation li.emphasis a:hover, #navigation li.emphasis a:active { background:#fff;}

/* CLASSES */
h1.logo { width:650px; height:179px; text-indent:-9999px; cursor:pointer; position:absolute; top:0; margin:0; padding:0; background:url(../images/mobile_header.jpg) top left no-repeat;}

.callout-box { margin:15px 0; padding:5px 10px 10px 10px; background:#deefff url(../images/call-out-bg.gif) top left no-repeat;}

.button {
	margin:0;
	padding:10px; 
	border:solid 1px #ccc !important;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color: #21201f !important;
	height: 20px;
	width: 200px; 
	display: block;
	background:#fff url(../images/button-bg.gif) left bottom repeat-x;
	text-decoration:none !important;
}