@charset "utf-8";
/* CSS Document */

body	{
	margin:0;
	height:100%;
	background:url(../../../../images/bg.jpg) repeat-x #870713;
	font-family:Arial, Helvetica, sans-serif;
}	

#bigBox	{
	width:100%;
	background:url(../../../../images/blueTopBG.jpg) repeat-x;
}

#header	{
	width:800px;
	height:171px;
	margin:auto;
	background:url(../../../../images/headerLogoNavBG.jpg) center top no-repeat;
	overflow:auto;
}

#greenBox	{
	width:100%;
	height:230px;
	background:url(../../../../images/greenBG.jpg) bottom repeat-x #288c03;
	padding-bottom:10px;
	overflow:auto;
	color:#FFFFFF;	
}

#yellowBox	{
	width:100%;
	
	background:url(../../../../images/yellowBG.jpg) bottom repeat-x #f8ab3a;
	padding-bottom:10px;
	overflow:auto;
}

#blueBox	{
	width:170px;
	float:right;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	padding:10px;
	background:#0055a5;
	border:#FFFFFF solid medium;
	border-right:none;
	color:#FFFFFF;
	   /* Do rounding (native in Firefox and Safari) */
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

#redBox	{
	width:100%;
	background:url(../../../../images/redBG.jpg) bottom repeat-x #b91c2a;
	padding-bottom:10px;
	overflow:auto;
}

/* Header Elements */

#logo	{
	float:left;
	margin-left:20px;
	width:150px;
	height:150px;
}

#navbar	{
	width:475px;
	float:right;
	margin-right:65px;
	margin-top:125px;
	color:#FFFFFF;
}

#navbar a	{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}

#navbar a:hover	{
	color:#fcb040;
}

#greenBox a	{
	color:#FFFFFF;
	text-decoration:none;
	
}

#greenBox a:hover	{
	color:#fcb040;
}

/* Green Bar Elements */

#greenContent	{
	width:825px;
	margin:auto;
}

#mediaBox	{
	width:280px;
	height:220px;
	float:left;
}

#greenButtons	{
	width:525px;
	height:150px;
	float:left;
	margin-left:15px;
	/*border:#CCFF00 thin solid;*/
}

#greenButtons ul{
	margin-top:25px;
}

#mediaLinks	{
	width:475px;
	height:45px;
	float:left;
	margin-top:5px;
	margin-left:15px;
	background:url(../../../../images/lookInsideBG.jpg) no-repeat;
	text-align:center;
}

#mediaLinks p{
	margin-top:12px;
	margin-bottom:10px;
	font-weight:bold;
	color:#006600;
	font-size:14px;
}

/* Yellow Bar Elements */

#col1	{
	margin-left:50px;
	overflow:auto;
	padding:5px;
}	
#col1 h2{
	color:#bd1f2e;
}

#col2	{
	width:50%;
	float:right;
	margin-left:20px;
	
}

#col2 h2{
	color:#bd1f2e;
}	

/* Blue Box Elements */

#blueBox	{
	font-size:12px;
	line-height:185%;
}

#blueBox h2	{
	font-style:italic;
	margin-top:0px;
	text-align:center;
}

#blueBox hr	{
	margin-top:5px;
	margin-bottom:5px;
	color:#0066FF;
}

#blueBox form	{
	margin-bottom:0px;
}

#blueBox a	{
	color:#FFFFFF;
	text-decoration:none;
}

/* Red Box Elements */

#redBox	{
	color:#FFFFFF;
	text-align:center;
}

#redBox .copy	{
	font-size:12px;
}

#redBox	a{
	color:#FFFFFF;
	text-decoration:none;
}

#redBox .copy a{
	text-decoration:underline;
}
