body {
	background: url(images/BrushMetal-bg.jpg) repeat;
	margin: 0px;
	padding: 0px;
}

a:link {
	text-decoration: underline;
	color: #DC2E36;
}
a:active {
	text-decoration: none;
	color: #DC2E36;
}
a:hover {
	text-decoration: none;
}
a:visited {
	text-decoration: underline;
}

h1{
	font: bold 16px/24px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;

}

.nav {
	width: 700px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	display: inline;
	text-align: left;
}

/* DropDown Menu Styles - for some reason I could not get the links to work the way I wanted using less code like the book so there is redundant code. If you can please fix. */
div.dropDowns  {
	font: normal 10px "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: left;
} 
div.dropDowns a:link {
	color: #F0A3A7;
	padding: 5px 12px 5px 12px;
	display: block;
	text-decoration: none;
	border-top: 2px solid #F55369;
	background-color: #DC2E36;
}
div.dropDowns a:visited {
	color: #F0A3A7;
	padding: 5px 12px 5px 12px;
	display: block;
	text-decoration: none;
	border-top: 2px solid #F55369;
	background-color: #DC2E36;
}
div.dropDowns a:hover {
	color: #fff;
	padding: 5px 12px 5px 12px;
	display: block;
	text-decoration: none;
	border-top: 2px solid #F55369;
	background-color: #BB2227;
}
div.dropDowns a:active {
	color: #fff;
	padding: 5px 12px 5px 12px;
	display: block;
	text-decoration: none;
	border-top: 2px solid #F55369;
	background-color: #BB2227;
}
div.dropDowns table {
	border-top: 2px solid #F55369;
}

/* Content Styles */
.contents {
	padding: 0px 0px 10px 0px;
	background: #DAE5F9;
	border-right: 5px solid #C3CFE6;	
	width: 695px;
}
.headers {
	margin: 25px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font: normal 12px/18px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;
}
.copy {
	font: normal 12px/24px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;
	margin: 0px 30px 0px 0px;
	padding: 10px 20px 15px 21px;
	background: #E6EDFB;
	border-right: 2px solid #CEDBF3;
	border-bottom: 2px solid #CEDBF3;
	border-left: 2px solid #CEDBF3;
}
.copyImage {
	float: left;
	margin:	0px	20px 10px 0px;
}
.copyDoubleColumn {
	font: normal 12px/24px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;
	background: #E6EDFB;
}


/* Left Column Styles _ Except Left SubNavigation */
.leftColumnHeader {
	width: 100px;
	text-align: left;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	font: normal 10px/18px "Lucida Grande", Verdana, Arial, sans-serif;
}
.leftColumnHeaderRest {
	width: 100px;
	text-align: left;
	margin: 15px 0px 10px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #EDF2FC;
}
.leftColumn {
	color: #4C4C4C;
	font: normal 10px/24px "Lucida Grande", Verdana, Arial, sans-serif;
	width: 100px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 29px;
}
.redtext {
	font: bold 10px/18px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #D42B32;
}

/* leftColumn Sub Menu Styles */
div.leftColumnSubNav  {
	font: normal 10px "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: left;
	padding: 25px 15px 20px 0px;
	display: block
} 
div.leftColumnSubNav a:link {
	color: #DC2E36;
	padding: 5px 12px 5px 29px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
	background-color: #CEDBF3;
}
div.leftColumnSubNav a:visited {
	color: #DC2E36;
	padding: 5px 12px 5px 29px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
	background-color: #CEDBF3;
}
div.leftColumnSubNav a:hover {
	color: #DC2E36;
	padding: 5px 12px 5px 29px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #E6EDFB;
	background-color: #E6EDFB;
}
div.leftColumnSubNav a:active {
	color: #DC2E36;
	padding: 5px 12px 5px 29px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #E6EDFB;
	background-color: #E6EDFB;
}
div.leftColumnSubNavs table {
	border-top: 2px solid #F55369;
}
div.leftColumnSubNavselected {
	color: #DC2E36;
	padding: 5px 12px 5px 29px;
	display: block;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
	background-color: #DAE5F9;
}
/* BreadCrumb Styles */
div.breadCrumb  {
	font: normal 10px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #1A5DD0;
	text-align: left;
	padding: 25px 0px 0px 0px;
	display: block
} 
div.breadCrumb a:link {
	color: #4C4C4C;
	display: inline;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
}
div.breadCrumb a:visited {
	color: #4C4C4C;
	display: inline;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
}
div.breadCrumb a:hover {
	color: #DC2E36;
	display: inline;
	text-decoration: none;
}
div.breadCrumb a:active {
	color: #DC2E36;
	display: inline;
	padding-bottom: 3px;
	text-decoration: none;
	border-bottom: 2px solid #DAE5F9;
}
/* Calendar Styles */
.calendarListColorBG, .calendarListNoColorBG {
	padding: 8px 25px 8px 25px;
}

.calendarTitle {
	font: bold 12px/24px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #1A5DD0;
	text-align: left;
	text-transform: uppercase;
}

.calendarListColorBG {
	background-color: #CEDBF3;
}
.calendarListNoColorBG {
	background: #fff;
}
div.audioMessages {
	display: block;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	min-height: 150px;
}
span.resourceName {
	font: bold 14px/14px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;
	text-transform: uppercase;
}
.orderOnline {
	padding: 0px;
	border: 0px solid #000;
}
.headingAudioResources {
	font: bold 14px/14px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #4C4C4C;
	border-bottom: 1px solid #fff;
}
.imgLinks {
	border: 0px solid #000;
}
span.author {
	font: 10px/14px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #1A5DD0;
	text-transform: uppercase;

}
span.resourcelinks {
	font: 10px/14px "Lucida Grande", Verdana, Arial, sans-serif;
	color: #1A5DD0;
	text-transform: uppercase;
	text-decoration: none;
}