html {
	margin:0;
	padding:0;
}

body {
	background:#36c url(media/bg.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#fff;
	font-size:80%;
}

#container {
	width:760px;
	margin:auto;
	padding:50px 0 0;
	background:url(media/screen_shadow.png) center 100px no-repeat;
}

#header {
	float:right;
	width:607px;
}

/*
#flash_nav {
	width:760px;
}
*/

#content_container, #footer {
	margin:auto;
	width:740px;
}

#content_container {
	clear:both;
	padding:33px 0 0;
	line-height:1.4;
}

#content {
	width:679px;
	margin:auto;
	padding:10px;
	background:url(media/diaggrad_contentbg.jpg) no-repeat;
}

#content_core {
	border-top:3px #EC5F00 solid;
	margin:auto;
	padding:18px 7px 0;
	background:url(media/darkblue_gradbg.png) no-repeat;
}

.examples_wide {
	width:660px;
	margin:0 auto;
	padding:0;
	list-style:none;
}

.examples_wide li {
	text-align:right;
	margin:0 20px 0 0;
	padding:0 0 20px;
}

.examples {
	width:660px;
	margin:0 auto;
	padding:0;
	list-style:none;
}

.examples li {
	margin:0 20px 0 0;
	padding:0 0 20px;
	width:306px;
	text-align:left;
	float:left;
}

#flash:after, .examples:after {
	content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

#footer {
	clear:both;
	background:url(media/footer.png) no-repeat;
	padding:30px 10px 0;
	height:52px;
	overflow:hidden;
	color:#13386c;
}

a, #footer a.special {
	text-decoration:none;
	font-weight:bold;
	color:#faca3a;
}

#nav a {
	color:#113264;
	display:block;
	width:84px;
	height:29px;
	padding-top:17px;
	overflow:hidden;
}

#footer a {
	color:#36c;
	font-weight:normal;
}

#flash a:hover, #content_container a:hover, #footer a:hover {
	text-decoration:underline;
}

#footer a:hover {
	color:#ec5f00;
}

#footer a.special {
	color:#faca3a;
}

#footer p {
	clear:both;
	margin:5px 0 0;
	padding:5px 0 0;
}

#footer ul {
	margin-bottom:0;
	padding-bottom:0;
}

#nav, #subnav {
	margin:0;
	padding:0;
	list-style:none;
}

#nav {
	font-size:12px;
	height:50px;
	float:right;
	position:relative;
}

#subnav {
	width:550px;
}

#nav li, #subnav li {
	float:left;
}

#nav li {
	float:left;
	margin:0;
	width:84px;
	height:46px;
	text-align:center;
	background:url(media/button.png) no-repeat;
}

#nav li:hover, #nav li.sfhover {
	background:url(media/button_pressed.png) no-repeat;
}

#nav li a:hover {
	background:url(media/button_hover.png) no-repeat;
}

#nav ul {
	margin:-5px 0 0;
	width:84px;
	/*left:168px;
	position:absolute;*/
	position:relative;
	padding:0;
	list-style:none;
	z-index:15;
	display:none;
	background-color:#fcc314;
}

#nav li:hover ul, #nav li.sfhover ul {
	display:block;
}

#nav li li {
	width:84px;
	height:36px;
	/*background:none;*/
}

#nav li li:hover, #nav li li.sfhover {
	/*background:none;*/
}

#nav li li a {
	height:25px;
	padding-top:11px;
	background:url(media/button.png) no-repeat 0 -5px;
}

#nav li li a:hover {
	background:url(media/button_hover.png) no-repeat 0 -5px;
}

#subnav li {
	margin:0 10px 0 0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:0;
}

h1 {
	margin:0;
	text-indent:-9999px;
}

h1 a {
	float:left;
	display:block;
	width:147px;
	height:50px;
	background:url(media/logo.png) no-repeat 0px 2px;
}

h2 {
	text-align:right;
	margin:0 10px 10px;
	font-size:250%;
	color:#FCC214;
}

h3 {
	margin:20px 0 0;
}

h3 + p {
	margin:0 0 20px;
}

.examples h3, .examples_wide h3 {
	margin:0;
}

img {
	border:3px #5A85D3 solid;
}

img.promo {
	margin:auto;
	display:block;
}

span.definition {
	background-color:#10325e;
	font-weight:bold;
	padding:0 2px;
}

div#qTip {
	padding:5px;
	border:1px solid #ec5f00;
	display:none;
	background-color:#00192e;
	color:#fff;
	font-weight:bold;
	text-align:left;
	position:absolute;
	z-index:10;
	width:300px;
}

/*HOMEPAGE IS DIFFERENT*/
#homepage #content_container {
	width:760px;
	height:618px;
	padding:1px 0 0;
}

#homepage #container {
	background-image:none;
}

#homepage #content, #homepage #content_core {
	padding:0;
	background-image:none;
	border:none;
}

#homepage h2 {
	padding:43px 17px 28px;
}
/*END HOMEPAGE CHANGES*/