body /* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	.selector-01 { margin: 10px; }
	.selector-02 { margin: 10px; }
	.selector-03 { margin: 10px; }
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	.selector-01 { margin: 10px; }
	.selector-02 { margin: 10px; }
	.selector-03 { margin: 10px; }
}
@media screen and (device-width: 480px) and (device-height: 360px), screen and (device-width: 360px) and (device-height: 480px), screen and (device-width: 320px) and (device-height: 240px), screen and (device-width: 240px) and (device-height: 320px){
    .hide { display: none !important; }
    .table, .cell { width: 300px !important; }
    .divider { height: 1px !important; }}
    {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .82em;
	margin: 0;
	padding: 0;
}
	
p {
	font-size: .82em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 40px;
	margin-left: 130px;
	line-height: 125%;
}

.right{
		font-family: verdana, arial, helvetica, sans-serif;
		font-size: .78em;
		color: #636363;
		margin: 5px 87px 9px 33px;
		padding: 0px;
}
	
.tableList {
	font-size: .82em;
	font-family: verdana, arial, helvetica, sans-serif;
	line-height: 125%;
	margin-left:125px;
}

ul {
	font-size: .82em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 150px;
	margin-left: 145px;
	line-height: 130%;
	padding: 0;
}
	
ol {
	font-size: .82em;
	font-family: verdana, arial, helvetica, sans-serif;
	margin-right: 150px;
	line-height: 130%;
	margin-left: 145px;
	line-height: 130%;
	padding: 0;	
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 28px;
	color: #800000;
	margin-top: 35px;
	margin-left: 128px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0;
}

h2 {	
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #4B4B4B;
	margin-top: 5px;
	margin-left: 33px;
	margin-right: 2px;
	margin-bottom: 8px;
	padding: 0;
}

h3 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	color: #800000;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 128px;
	margin-right: 0;
	padding: 0;
	line-height: 150%;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.3em;
	color: #800000;
	margin: 0;
	padding: 0;
}

h5 {
	text-align: left;
	font-size: .9em;
	color: #F00;
	margin: 0;
	padding: 10px 9px 0 0;
}

h6 {
	font-weight: normal;
	font-size: .75em;
	color: #000;
	margin-top: 2px;
	margin-bottom: 4px;

	padding: 0;	
	text-align: center;
}

.navlinks {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: normal;
	color: #718700;
}
.navlinks:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: normal;
	color: #000; 
}	

.links {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: normal;
	color: #800000;
}


.links:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-weight: normal;
	color: #000; 
}	

.creditlinks {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: .75em;
	font-weight: normal;
	color: #000;
}

.creditlinks:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	font-size: .75em;
	font-weight: normal;
	color: #000; 
}	

.b2tlinks {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;	
	text-decoration: underline;
	font-weight: normal;
	color: #718700;
	text-align: right;
}

.b2tlinks:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: .8em;
	text-decoration: underline;
	font-weight: normal;
	color: #000; 
	text-align: right;
}	

.testimonial{
		font-family: "Times New Roman", Times, serif;
		font-size: .80em;
		color: #CF0;
		font-weight: normal;
		padding: 5px 5px 5px;
}

#topnav, #topnav ul { /* all lists */
	padding: 0;
	margin: 0 0 0 30px;
	list-style: none;
	line-height: 115%;
}

#topnav a {
	display: block;
	width: 110px;
}

#topnav li { /* all list items */
	float: left;
	width: 110px; /* width needed or else Opera goes nuts */
}

#topnav li a { /* first-level lists */
	width: 100%;
	w\idth : 100%;
	display: block;
	color: #FFF;
	font-weight: normal;
	font-size: .9em;
	text-decoration: none;
	margin: 0;
	border: 0;
	padding: 5px 0 7px 0;
	text-align: center;
}

#topnav li a:hover { /* first-level lists */
	color: #FFF;
	font-weight: normal;
	font-size: .9em;
	text-decoration: none;
	background-color: #B08B34;
	margin: 0;
	padding: 5px 0 7px 0;
	text-align: center;
}

#topnav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	w\idth : 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#topnav li li a { /* second-level lists */
	width: 100%;
	w\idth : 100%;
	display: block;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-color: #9F2300;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	margin: 0;
	padding: 3px 4px 3px 7px;
	text-align: left;
}

#topnav li li a:hover { /* second-level lists */
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #98D500;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	margin: 0;
	padding: 3px 4px 3px 7px;
	text-align: left;
}

#topnav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#bottomnav, #bottomnav ul { /* all lists */
	padding: 0;
	margin: 2px 0 0 360px;
	list-style: none;
	line-height: 115%;
}

#bottomnav a {
	display: block;
	width: 118px;
}

#bottomnav li { /* all list items */
	float: left;
	width: 118px; /* width needed or else Opera goes nuts */
}

#bottomnav li a { /* first-level lists */
	width: 100%;
	w\idth : 100%;
	display: block;
	color: #FFF;
	font-weight: normal;
	font-size: .8em;
	text-decoration: none;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	border: 0;
	padding: 5px 0 0 0;
	text-align: center;
}

#bottomnav li a:hover { /* first-level lists */
	color: #FFF;
	font-weight: normal;
	font-size: .8em;
	text-decoration: underline;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 5px 0 0 0;
	text-align: center;
}

#bottomnav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	w\idth : 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#bottomnav li li a { /* second-level lists */
	width: 100%;
	w\idth : 100%;
	display: block;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	background-color: #9F2300;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	margin: 0;
	padding: 3px 4px 3px 7px;
	text-align: left;
}

#bottomnav li li a:hover { /* second-level lists */
	color: #000;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #98D500;
	border-color: #FFF;
	border-style: solid;
	border-width: 0 2px 2px 2px;
	margin: 0;
	padding: 3px 4px 3px 7px;
	text-align: left;
}

#bottomnav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}