body {
 font-family: Arial, Helvetica, sans-serif;
 width: 960px;
 margin: auto;
 padding: 0;
 background-color: #fff;
}

#container {
	background-color: #000;
}
h1, h2, h3, h4 {
	padding: 0 30px;
	margin: 20px 0px 4px 0px;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }

a { color: #c63; text-decoration: none;}
a:hover{ text-decoration: underline; color: #fff;}
.header {
 width: 96em;
 background-color: #c63;
}

#area_container {
	text-align: center;
	background-color: #000;
	margin-top: 20px;
}
#areas {
	padding: 1em 0em;
	width: 850px;
	margin: auto;
}
#areas .area {
	float: left;
	width: 200px;
	margin-left: 10px;
	line-height: 30px;
}
#areas a {
 color: #fff;
 text-decoration: none;
 font-size: 1.5em;
}
#areas a:hover {
 color: #c63;
}

/*.areas a.first { 
 margin-left: 5.33em;
}
.areas a img { border: none;}*/

.separator {
 width: 96em;
 background-color: #000;
}
.separator hr {
 color: #fff;
 background-color: #fff;
 height: 1px;
 width: 80em;
 margin: 0 auto;
 padding: 0;
}
#links_container {
	text-align: center;
	background-color: #000;
	margin-top: 20px;
}
.links { 
 background-color: #000;
 color: #fff;
	width: 800px;
	margin: auto;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
 /*width: 96em;*/
 padding: .75em 0;
}
.links ul {
 width: 36em;
 margin-left: auto;
 margin-right: auto;
 /*padding: 1em 0em;*/
}

.links ul li { 
 text-align: center;
 float: left;
 font-size: 1.5em;
 min-width: 6em;
 display: block;
}

.footer {
 width: 68.57em;
 font-size: 1.4em;
 text-align: center;
 background-color: #000;
 color: #fff;
 padding: 1.5em 0em;
}


.body { 
width: 800px;
font-size: 1.5em;
background-color: #000;
color: #fff;
text-align: left;
float: left;
}

.body p {
	padding: 1em 30px;
}
/*.body h2 { font-size: 3em; text-align: center;}
.body h3 { font-size: 2em; padding-bottom: .5em; width: 24em;}
.body h3 em { font-size: .52em; font-style: normal;}
.body h3.normal { width: auto;}*/
.body ul { 
 margin-left: 3em;
 padding-bottom: 2em;
}
.body ul li { list-style: disc;}
.body img {  padding-bottom: 2em; clear: both}

.rail { min-height: 500px; width: 14em; float: left; color: #fff; padding: 2em 0em; margin-right: 0px}
.rail a, .shortrail a { color: #fff; }
.shortrail ul li, .rail ul li { font-size: 2em; text-align: center; padding: .5em 0; background-color: #c63; margin: .25em 0;}
.shortrail ul li:hover, .rail ul li:hover {
	color: #000;
	background-color: #fff;
}
.shortrail ul li:hover a, .rail ul li:hover a {
	color: #000;
	background-color: #fff;
}
.shortrail {min-height: 25em; width: 14em; float: left; color: #fff; padding: 2em 0em; margin-right: 20px}

/* APi Group Form pages */

.company {
	font-size: 1.3em;
	width: 46%;
	margin: 1% 0;
	padding: 0 1%;
	border-right: 1px solid #CCC;
	float: left;
}
.company img {
	float: right;
}
.left {
	clear: left;
}
.company h2 {
	margin: .25em 0;
	padding: 0;
	font-size: 2em;
	border-bottom: 2px solid black;
}
.profile_group h1 {
	font-size: 2.5em;
	margin: .25em 0;
	padding: none;
	color: #369;
	border-bottom: 2px solid #369;
}

.profile_group h2 {
	font-size: 2.5em;
	margin: .25em 0;
	padding: none;
	color: #369;
	border-bottom: 2px solid #369;
}

.profile_group {
	font-family: Arial, Helvetica;
	font-size: 10px;
	overflow: hidden;
	background-color: #fff;
	color: #000;width: 80%; margin: 0 auto;
}
.profile_group a {  color: #00f;}

.body form {  background-color: #ccc; margin: 0 auto; padding: 1em;}
