/* Rock & Load */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, 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 }
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 }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
body				{background: #e3e3e3; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom: 40px;}

/* Header */
#header				{background: url(../images/header_bg.jpg) repeat-x 0 0; height: 321px;}
#header_content		{background: url(../images/banner.jpg) no-repeat 0 0; width: 1038px; height:321px; margin: 0 auto; position: relative;} 
#header_content p, 
#header_content h1 	{text-indent: -9999px;}
#nav				{position: absolute; left: 309px; bottom: 19px;}
#nav li				{display: inline; margin-right: 20px;}
#nav a				{font-size: 20px; color: #d1d8db; text-decoration: none;}
#nav a:hover		{color: #d1d70e;}

/* Content */
#content			{background: url(../images/content_bg.jpg) repeat-y 0 0; width: 758px; margin: 0 auto; padding: 0 140px; padding-bottom: 20px;}
h2, h3, h4			{font-weight: bold; color: #005695;  margin-bottom: 15px;}
h2					{font-size: 30px;}
h3					{font-size: 24px;}
h4					{font-size: 18px;}
#content p			{margin-bottom: 15px;}
.red				{color: red;}
.yellow				{color: #d1d70e}
.highlight			{background: yellow;}
.img_left			{float: left; padding-right: 15px; padding-bottom: 15px;}
.img_right			{float: right; padding-left: 15px; padding-bottom: 15px;}
.img_middle			{float: center;}
.box				{background: #cde5f4; border: 1px solid #618eab; clear: both; padding: 0 30px;}
.box h2				{color: #000;}
.box h3				{color: #000;}
.box h4				{color: #000;}
.clear				{clear: both;}
.black-border		{border: 1px solid #000; padding: 10px;}
.black-border p		{color: #000; font-weight: normal; font-size: 16px;}
.black_white		{color: #fff; background: #000; text-align: center; padding: 5px 0;}




/* Footer */
#footer				{background: url(../images/footer.jpg) no-repeat 0 0; width: 1038px; height: 151px; margin: 0 auto; position: relative; clear: both;}
#foot-nav			{position: absolute; left: 104px; bottom: 45px;}
#foot-nav li		{display: inline; margin-right: 5px;}
#foot-nav a			{font-size: 14px; color: #d1d8db; text-decoration: none;}
#foot-nav a:hover	{color: #d1d70e;}
#sub-footer			{width: 1038px; margin: 0 auto; position: relative; height: 40px;}
#sub-footer a		{color: #005695;}
#sub-footer a:hover	{color: #333;}
#sub-footer h6		{position: absolute; bottom: 35px; left: 83px; font-size: 12px; color: #005695; font-weight: bold;}
#sub-footer p		{position: absolute; font-size: 12px; left: 83px; bottom: 0; width: 450px; color: #838383;}
#rockandload		{position: absolute; right: 83px; bottom: 0; font-size: 12px;  color: #838383;}