﻿body 
{
	text-align:center;
	margin:0;
	background-image:url(../Images/Common/background.jpg);
	background-repeat:repeat-x;
	background-color:#b5b5b5;
	line-height:18px;
}

/* Layout */
#container
{
	position:relative;
	margin:0 auto;
	width:968px;
	text-align:left;
}

#header
{
	position:relative;
	height:101px;
	background-image:url(../Images/Common/bkgd_header.jpg);
	background-repeat:no-repeat;
}

#navigation
{
	position:absolute;
	top:55px;
	right:5px;
}



#middle
{
	float:left;
	width:100%;		
}

#left, #main
{
	float:left;
}

#left
{
	background-image:url(../Images/Common/redDesignLeft.jpg);
	background-repeat:no-repeat;
	width:219px;
	padding-top:260px;
	text-align:right;
}

#main
{
	position:relative;
	width:749px; 
}

body#Secondary #main
{
	position:relative;
	width:709px; /* 749px - padding */
	padding:20px;
	background-image:url(../Images/Common/bkgd_secondary.jpg);
	background-repeat:no-repeat;
}

body#FullWidth #left
{
	display:none;
}

body#FullWidth #main
{
	width:928px; /* 968px - padding */
}

.minHeight
{
	margin:0 -1px 0 0; /* Hidden 1px to the right so that elements 100% within middle will not be forced below this */
    height:300px;
    float:right;
    width:1px;
}

.clear 
{
    clear:both;
    height:1px;
    overflow:hidden;
 }

#footer
{
	clear:both;
	height:50px;
	background-image:url(../Images/Common/footer.jpg);
	background-repeat:no-repeat;
	background-position:219px 0;
	padding:5px 0 0 219px;
	font-size:10px;
}

#hidden
{
	display:none;
}


/* Styling */

ul#primaryNavigation
{
	margin:0;
	padding:0;
	float:left;
}

ul#primaryNavigation li
{
	float:left;
	list-style:none;
	height:25px;	
}

ul#primaryNavigation a
{
	float:left;
	text-decoration:none;
	padding:0px 30px 0px 5px;
	color:#666666;
	height:100%;
	border-bottom:solid 2px #eaeaea;
}

ul#primaryNavigation a:hover
{
	color:#333333;
	border-bottom:solid 2px #d83030;
}

ul#primaryNavigation a.navOn
{
	color:#333333;
	border-bottom:solid 2px #d83030;
}

body, p, td, div, span
{
	font-family:Verdana;
	font-size:12px;
	color:#333333;
}

p
{
	margin:0 0 8px 0;
}

img
{
	border:none;
}

a 
{
	color:#9e2626;
    outline: none;
}

/* Page Specific */


#homeContent
{
	padding:20px;
	width:500px;
	background-image:url(../Images/Home/contentShadow.jpg);
	background-repeat:no-repeat;
}

#callouts
{
	background-image:url(../Images/Home/bkgd_callout.jpg);
	background-repeat:repeat-x;
	background-color:#9d9d9b;
	width:174px;
	float:right;
	border:solid 1px #eaeaea;
	position:absolute;
	top:150px;
	right:15px;
	padding:5px 10px 10px 10px;
	font-size:10px;
	color:White;
	line-height:14px;
}

#callouts a
{
	background-image:url(../Images/Common/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:2px 8px;
	padding:5px 0 0 20px;
	color:White;
	text-decoration:none;
}

#callouts a:hover
{
	color:#9e2626;
}

#callouts a img
{
	border:solid 1px white;
}

#callouts a:hover img
{
	border:solid 1px #9e2626;
}

#callouts h2
{
	color:#922525;
	margin:5px 0;
	font-size:14px;
}

h1
{
	background-color:#a02a2a;
	background-image:url(../Images/Common/bkgd_secondaryHeader.jpg);
	background-repeat:no-repeat;
	color:White;
	font-size:17px;
	margin:-20px -20px 20px -20px;
	padding:10px 10px 10px 20px;
	font-weight:normal;
}

h2
{
	font-size:14px;
}

table.chart th, table.chart tr.chartHeader td
{
	color:White;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:5px 10px;
	background-image:url(../Images/Common/bkgd_secondaryHeader.jpg);
	background-repeat:no-repeat;
	border:solid 1px white;
}

table.chart tr.chartHeader td
{
	background-position:0;
}

table.chart
{
	border-collapse:collapse;
}

table.chart td
{
	background-color:Silver;
	border:solid 1px white;
	background-image:url(../Images/Common/background.jpg);
	background-repeat:repeat-x;
	background-position:0 -150px;

}

table.chart img
{
	border:solid 1px #717171;
}

a.button
{
	background-image:url(../Images/Common/bkgd_secondaryHeader.jpg);
	background-repeat:no-repeat;
	background-position:-300px 0;
	color:White;
	text-decoration:none;
	line-height:26px;
	padding:5px 10px;
	font-size:10px;
	border-top:solid 3px #eaeaea;
	border-right:solid 3px silver;
	border-bottom:solid 3px silver;
	border-left:solid 3px #eaeaea;	
}

a.button:hover
{
	color:Silver;
	border-top:solid 3px silver;
	border-right:solid 3px #eaeaea;
	border-bottom:solid 3px #eaeaea;
	border-left:solid 3px silver;
	background-position:-500px 0;
}

.zoomable
{
	background-image:url(../Images/Common/icon_zoom.jpg);
	background-repeat:no-repeat;
	padding-top:23px;
	cursor:pointer;
}

a.modal-close,
a.modal-close:link,
a.modal-close:active,
a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:3px; top:3px;}
a.modal-close:hover {color:#ccc;}

#videos a img
{
	border:solid 3px white;
}

#videos a:hover img
{
	border:solid 3px #9e2626;
}
