body{
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
}

ul { /* it's best practices to zero padding & margin on lists. For consistency, you can either specify the amounts you want here, or on the list items they contain (li). Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
	}
	
h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 0px;
	margin-top:0px;
	}
	
h1{
	color: #EC6023;
	font-size: 20px;
	font-weight: 300;
	padding: 73px 10px 0px;
}
h2{
	color: #EC6023;
	font-weight: 200;
	font-size: 16px;
}
h2 a:hover, h2 a:active, h2 a:focus {
	color: #EC6023;
	text-decoration: none;
}

p{
	color: #666;
	font-size: 13px;
	padding: 5px 5px;
}
p a:link, p a:active {
	text-decoration: underline;
	color: #0984CE;	
}

p a:hover, p a:focus{
	color: #0099ff;
}

a:link, a:visited {
	color: #000;
	text-decoration: none; 
}

a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: underline;
	color: #0984CE;
}

hr{
	margin: 0;
	padding: 0;
	clear: both;
	height: 1px;
	background-color: #000;
}

/* ~~ This fixed width container surrounds all other divs ~~ */
#container {
	width: 950px;
	background: #FFFFFF;
	margin: 0 auto 10px; /* the auto value on the sides, coupled with the width, centers the layout */
}

/*I created two header ids b/c the header in for the inside pages is different than the homepage header-hp is homepage and header-inside is for inside pages*/

#header-hp {
	height: 230px;
	background: url(images/CD_header.jpg) 0 no-repeat;
}
#header-hp img{
	float:left;
	display:inline;
	height: 220px;
}
#header-inside {
	height: 150px;
	background: url(images/CD_header.jpg) 0 -75px no-repeat;
}
#header-inside img{
	float:left;
	display:inline;
	height: 150px;
}

/*secondarynav for the homepage*/

#secondarynav ul{
	float: right;
	display: inline;
	line-height: 1.5;
	margin: 85px 50px 0px 0px;
	list-style: none;
}
#secondarynav a:link {
	color: #000;
	text-decoration: none;
	text-align:left 
}
#secondarynav a:visited {
	color: #000;
	text-decoration: none;
	text-align: left;
}
#secondarynav li a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #066AA6;
}


/*created a secondarynav-inside id because the list in the upper right corner needed to move as well*/
#secondarynav-inside ul{
	float: right;
	display: inline;
	line-height: 1.5;
	margin: 25px 50px 0px 0px;
	list-style: none;
}
#secondarynav-inside a:link {
	color: #000;
	text-decoration: none;
	text-align:left 
}
#secondarynav-inside a:visited {
	color: #000;
	text-decoration: none;
	text-align: left;
}
#secondarynav-inside li a:hover, a:active, a:focus { 
	text-decoration: underline;
	color: #066AA6;
}

/*end secondarynav-inside*/

#topnav{
	background-color: #ec6023;
	color: #fff;
	height: 30px;
	clear: both;
	margin: 8px 0px;
}
#topnav ul {
	list-style: none;
}

#topnav li {
	float: left;
	display: inline;
	margin: 5px 0px; /*this makes controls where the border starts from the top and bottom of the list*/
	border-left: solid #FFF 2px;
	height: 20px; /*this controls the height of the white border*/
}
 
#topnav ul li.rmvborder { /*removes border to the left of the li, assign this class to the first of every list you put the 2px white border on, you'll need to follow the nameing*/
	border: 0;
	}
.topnav li a:link {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding: 0px 15px;
}
.topnav li a:visited {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	padding: 0px 15px;
}
.topnav li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #F90; /*this changes the nav bar to the light orange*/
}
.topnav li a:focus {
	color: #FFF;
	text-decoration: none;
	background-color: #F90; /*this changes the nav bar to the light orange*/
}
.topnav li a:active {
	color: #FFF;
	text-decoration: none;
	background-color: #F90; /*this changes the nav bar to the light orange*/
}
.topnav li.active{
	background-color: #F90; /*this highlights the background while on the page but you'll need to assign this class for it to happen*/
}
/*Middle stuff*/

#flash {
	height:343px;
	clear: both;
	margin: 0;
	padding: 0;
}
#inside-banner{
	background-image: url(images/inside_header.jpg);
	height: 100px;
	background-repeat: no-repeat;
	margin: 20px 0px;
	width: 690px;
	float: left;
	display: inlie;
}
#leftnav{
	color: #666;
	float: left;
	display: inline;
	width: 150px;
	font-size: 13px;
}
#leftnav ul{
	color: #666;
	list-style: none;
	width: 150px;
}
#leftnav li{
	margin-bottom: 5px;
	padding-left: 11px;
}


#content{
	margin: 0 5px;
	width: 515px;
	float: left;
	display: inline;
	font-size: 13px;
	padding: 0px 0px 0px 20px;
}

#content ul{
	color: #666;
	font-size: 13px;
	margin: 0px 40px 10px;
}

.content{
	margin-bottom:15px
}


/*for the inside pages kicker-inside are up higher in the HTML*/
#kickers {
	background: #c9cacc url(images/kicker_gradient.gif) repeat-x;
	height: 195px;
}
#kickers-inside {
	background: #c9cacc url(images/kicker_gradient.gif) repeat-x;
	height: 300px;
	width: 240px;
}
.kicker {
	width: 250px;
	float: left;
	display: inline;
	padding: 15px 15px 15px 35px;
	margin-top: 15px;
}
.kicker h1 {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	padding: 0;
	padding-left: 5px;
}
.kicker p {
	width: 255px;
	font-size: 11px;
	line-height: 1.5;
	margin-top: 10px;
	padding-left: 22px;
	color: #000;
}
.kicker a:link{
	color: #000;
	text-decoration: none;
	font-size: 12px;
	float: right;
	display: inline;
}
.kicker a:hover, a:active, a:focus {
	color: #066AA6;
	text-decoration: underline;
}
.kicker a:visited{    
 color: #000;    
 text-decoration: none;    
 font-size: 12px;    
 float: right;    
 display: inline;
 }
 
.kicker img{
	display: inline-block;
	float: right;
	padding: 2px 2px 0px 4px;
}
#kickers-inside {
	background: #c9cacc url(images/kicker_gradient.gif) repeat-x scoll 0 0;
	height: 500px;
	width: 255px;
	float: right;
	display: inline;
}
.kicker-inside {
	padding: 0;
	float: left;
	width: 250px;
}
.kicker-inside p {
	width: 220px;
}
hr.kicker-inside {
	width: 200px;
	margin: 10px 25px;
}


#footer{
	background-color: #EC6023;
	color: #fff;
	font-size: 12px;
	text-align: center;
	height: 50px;
	margin: 0 0 15px 0;
	padding: 0;
	clear: both;
}
#footer p{
	width: 600px;
	padding-top: 20px;
	padding-left: 100px;
	color: #FFF;
}
#footer ul{
	color: #FFF;
	margin-top: -22px;
}

#footer ul li {
	color: #FFF;
	float: right;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: solid #FFF 1px;
}
#footer ul li.rmvborder { /*removes border to the left of the li, assign this class to the first of every list you put the 2px white border on, you'll need to follow the nameing*/
	border: 0;
	}
#footer a:link, #footer a:visited {
	color: #FFF;
	text-decoration: none;
}

#footer a:hover, a:active, a:focus {
	color: #FFF;
	text-decoration: underline;
}