/* -----GLOBAL DFPS SPECIALTY SITE STYLES----- */
/* -----EDIT WITH CAUTION!----- */
/* -----EFFECTS ALL SPECIALTY SITES!----- */

/* ----- BASIC TAGS ----- */
body {
	background-color: #666666;
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0em;
	padding: 0em;
}
#container {
	min-width: 800px;
	max-width: 1200px;
	margin: 15px auto 0 auto;
}
@media screen and (max-width: 1240px) {
	#container {
		margin-left: 15px;
		margin-right: 15px;
	}
}
/* HTML5 audio player */
audio {
	max-width: 350px;
	max-height: 40px; 
	margin-top: 15px;
	margin-bottom: 5px;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	margin: 1.0em 0em;
}

h1 { font-size: 190%; }
h2 { font-size: 175%; }
h3 { font-size: 160%; }
h4 { font-size: 145%; }
h5 { font-size: 130%; }
h6 { font-size: 115%; }

#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 { margin: 0; }

ol ol { list-style-type:lower-alpha; }
ol ol ol {list-style-type:lower-roman; }

ol li, ul li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
	margin-right: 1em;
}
ol li {
	margin-left: 2em;
}
ul li {
	margin-left: 1em;
}
ol li li {
	margin-left: 1em;
}
ul li li {
	margin-left: 0em;
}
dl {
	margin-top: 1em;
	padding-left: 2em;
}
dt {
	font-weight: bold;
}
dt a:link, dt a:visited {
	text-decoration: none
	}
dt a:hover, dt a:active, dt a:focus {
	text-decoration: underline
	}
dd {
	margin-bottom: .5em;
}

hr {
	margin: 20px;
    border: 0;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #f7f7f7;
}

/* ::----- BASIC LAYOUT & STYLES -----:: */
/* top and bottom navigation */
/* dropdown menus require menu-top.css link */

a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active, a:focus {
	text-decoration:underline;
}
#access {
	margin: 0;
	padding: 3px;
	background: #E5E5E5;
	border: solid #000000;
	border-width: 0 0 1px 0;
	text-align: right;
	line-height: 1.3;
}
#access a:link, #access a:visited {
	color: #333333;
}
#access a:hover, #access a:active, #access a:focus {
	color: #CC3333;
}
#top, #bottom {
	color:#FFFFFF;
	white-space: nowrap;
}
#top a:link, #top a:visited, #bottom a:link, #bottom a:visited {
	color:#FFFFFF;
}
#top a:hover, #top a:active, #top a:focus, #bottom a:hover, #bottom a:active, #bottom a:focus {
	color: #EABBD2;
}
#top {
	padding: 0em 5px 3px 0em;
	display: block;
	line-height:1.5;
}
#bottom {
	padding: 1em 0;
 	margin: 0;
}
/* logo and header */
#logo-bottom {
	text-align: left;
	background-repeat: no-repeat;
	background-position: right top;
}
#header h1, #header h2, #header h3, #header h4, #header h5, #header h6 {
	margin: 0;
}

/* ::-----PRINT OPTIONS-----:: */

.print-only { display: none; }

/* ::-----SIDE MENU BOX-----:: */
#side {
	text-align: left;
	padding: 5px 5px 0px 0px;
	margin: 0;
}

/* ::-----MAIN CONTENT-----:: */

#breadcrumbs, #add_this {
	font-size: 85%;
}
#breadcrumbs a:link, #breadcrumbs a:visited, #add_this a:link, #add_this a:visited {
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus, #add_this a:hover, #add_this a:active, #add_this a:focus {
}
#add_this {
	float:right;
}
#content {
	background-color: #F7F7F7;
	text-align: left;
	padding: 0;
	margin: 5px 0 0 0;
	line-height: 1.5;
	min-height: 400px;
}
#content_top {
	padding: 5px 5px 15px 5px;
	min-height: 15px;
}
#content_main {
	padding: 0 25px;
}
#content_main a:link,#content_main a:visited {
	text-decoration:underline;
}
.float-right {
	float:right;
	margin-top: .1em;
	margin-right: .1em;
	margin-bottom: 1em;
	margin-left: 1em;
	clear: right;
}
.float-left {
	float: left;
	margin-top: 0.1em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 0.1em;
	clear: left;
}
#footer {
	clear:both;
	text-align: center;
	padding: 0px 25px 5px 25px;
}
#spacer {
	clear:both;
}
/* ::---- TABLE WITH BORDER -----:: */
.datatable {
	margin-bottom: 15px;
}
.datatable, .datatable td, .datatable th {
	border: 0.1em solid #666666;
	border-collapse: collapse;
}
.datatable td, .datatable th {
	padding: 0.5em; 
	margin: 0em;
	font-size:85%;
}
.datatable th {
	background-color: #ededed;
	font-weight: bold;
	text-transform: uppercase;
}
.datatable caption {
	font-weight: bold;
	margin: 0 0 15px;
}
/* ----- BOXES ----- */
.feature {
	width: 35%;
}
.feature ul, ol {
	padding: 0;
	margin: 0 0 .5em 1.5em;
}
.feature ul a:link, .feature ol a:link, .feature ul a:visited, .feature ol a:visited {
	text-decoration: none !important;
}
.feature ul a:hover, .feature ol a:hover, .feature ul a:active, .feature ol a:active, .feature ul a:focus, .feature ol a:focus {
	text-decoration: underline !important;
}
.feature li {
	margin-left: 0.2em;
	margin-right: 0.2em;
}
.feature p {
	padding: 0;
	margin: 0 0 0.5em;
}
.feature h1, .feature h2, .feature h3, .feature h4, .feature h5, .feature h6 {
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 140%;
}
.feature, .picture {
	float: right;
	padding: 1em;
	margin-left: 1em;
	margin-bottom: 1em;
	clear: right;
}
.picture, .caption {
	text-align: center;
	font-size: 85%;
	font-style: italic;
}