@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: url(../media/subs1exp.jpg) repeat-x right top;
}
.topcontainer {
	height: auto;
}
.topcontainer img {
	float: left;
}
#topnav {
	margin-left: 335px;
	text-align: center;
	margin-right: 15px;
	line-height: 1.4em;
	padding-top: 40px;
}
#topnav a {
	text-decoration: none;
	color: #414872;
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-right: 8px;
	margin-left: 8px;
	white-space: nowrap;
}
#mlogin {
	text-align: right;
	margin-right: 15px;
	padding-top: 10px;
}
.topcontainer #mlogin a {
	font: bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 20px;
}
.topcontainer #mlogin a:hover {
	text-decoration: underline;
}
p {
	font: 0.8em/1.2em Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 1em;
}
a {
	color: #414872;
}
#container1col {
	margin-right: 15px;
	margin-left: 15px;
}
#container1col #mainContent {
	margin-top: 0;
	margin-bottom: 0;
} 
#container2col {
	margin-right: 15px;
	margin-left: 15px;
}
#container2col #sidebar1 {
	float: left;
	width: 14em; /* since this element is floated, a width must be given */
	padding: 15px 0; /* top and bottom padding create visual space within this div */
}
#container2col #sidebar1 h1 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	color: #414872;
}
#container2col #sidebar1 h2 {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}
#container2col #mainContent {
	padding-right: 1em;
	padding-left: 2em;
	overflow: auto;
} 
#container3col {
	margin-right: 15px;
	margin-left: 15px;
	border-top: 1px solid #CCCCCC;
}
#container3col #container {
	margin-right: 30px;
	margin-left: 30px;
	width: auto;
}
#container3col #sidebar1 {
	float: left;
	width: 11em;
	padding: 15px 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#container3col #sidebar1 h1 {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	color: #414872;
}
#container3col #sidebar1 h2 {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
}
#container3col #mainContent {
	margin: 0 12em;
	padding: 0 1em;
} 
#container3col #sidebar2 {
	float: right;
	width: 11em;
	padding: 15px 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#container3col #sidebar2 h1 {
	font: bold .9em Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
}
#container3col #sidebar2 h2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #7A3582;
	padding-bottom: 4px;
}
#mainContent h1 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #333333;
	letter-spacing: 0.2em;
	padding-bottom: .5em;
	padding-top: .3em;
}
#mainContent h2 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	color: #414872;
	padding-bottom: .5em;
}
#mainContent h3 {
	font: italic bold .9em Arial, Helvetica, sans-serif;
	padding-bottom: .5em;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:1px;
}
#footnav {
	font: .7em Arial, Helvetica, sans-serif;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #999999;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}
#footnav a {
	padding-right: 20px;
	color: #414872;
	white-space: nowrap;
}
#footnav a:hover {
	text-decoration: none;
}
#copyright {
	font: .6em Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 20px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 15px;
	margin-bottom: 12px;
}
.conftitle {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #7A3582;
	padding-top: .5em;
}
.conftitle2 {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #B40919;
	padding-top: 0.5em;
}
.halfright {
	float: right;
	width: 40%;
	border: 1px solid #CCCCCC;
	margin-left: 2em;
	padding: 0.3em 1em;
	background: #E9E0ED;
	margin-bottom: 2em;
	margin-top: .5em;
}
.indent20 {
	padding-left: 20px;
}
#mainContent ol {
	margin-left: 30px;
	font-size: .8em;
}
.secondary ul{
	margin-left: 50px;
	font-size: .8em;
	list-style: circle;
	margin-top: 10px;
}
.secondary li {
	padding-bottom: .5em;
}
.dividepk {
	padding: 6px;
	height: 1px;
	border-top: 1px solid #743A64;
}
#container1col #mainContent ul  {
	margin: 0px 0px 10px 30px;
	padding: 0px;
	list-style: circle;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
}

#container1col #mainContent li {
	padding-bottom: .5em;
}
#container3col #mainContent hr {
	background: #000066;
	height: 1px;
	border-width: 0px;
}
.ident265 {
	margin-left: 265px;
}
.indent50-left-right {
	margin-right: 50px;
	margin-left: 50px;
}
.ident165 {
	margin-left: 165px;
}