@charset "utf-8";
/* CSS Document */

/* --------------------
		Reset Styles
-------------------- */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	font-weight: 400;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

em {
   font-style: italic;
}

strong {
   font-weight: 900;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #512F90;
	font-weight: 900;
	padding: 20px 0;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: 400;
}

h3 {
	font-weight: 900;
	padding: 15px 0 0 0;
}

h4 {
   padding: 5px 0;
}

/* --------------------
		Main Styles
-------------------- */

html, body {
	width: 100%;
	height: 100%;
   background: url(/images/bkg.gif) repeat-x top left;
	background-color: #512F90;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -0.25px;
	line-height:20px;
	color: #95867C;
}

body {
   text-align: center;
}

.hide {
   display: none;
}

.clear {
	clear: both;
}

input {
   color: #95867C;
   margin: 2px 0;
}

.msg-bad {
   color: #FF0000;
   line-height: 40px;
}

.msg-good {
   color: #512F90;
   font-size: 13px;
   font-weight: 900;
   line-height: 40px;
}

strong a {
   font-weight: 900;
}

a {
   color: #95867C;
   text-decoration: underline;
   letter-spacing: 0.5px;
}

a:hover {
   color: #512F90;
}

.outer-frame {
   position: absolute;
   top: 15%;
   left: 50%;
   margin-left: -367px;
   min-height: 500px;

}

.outer-frame .footer {
   width: 720px;
   text-align: right;
   color: #FFFFFF;
   padding: 5px 0 50px 0;
   font-size: 10px;
   letter-spacing: 0px;
}

.content-frame {
   background-color: #FFFFFF;
   background: url(/images/frame-horz.gif) repeat-y top left;
   width: 734px;
   min-height: 500px;
   text-align: left;
   /* margin: auto auto; */
}

.content-frame .top-row {
   width: 100%;
   height: 21px;
	background: url(/images/frame-border.gif) repeat-x top left;
}

.content-frame .top-row .tl{
	width: 21px;
	height: 21px;
	float: left;
	background: url(/images/frame-tl.gif) no-repeat top left;
	padding: 0;
}

.content-frame .top-row .tr{
	width: 21px;
	height: 21px;
	float: right;
	background: url(/images/frame-tr.gif) no-repeat top right;
	padding: 0;
}

.content-frame .bottom-row {
   width: 100%;
   padding: 15px 0 0 0;
   height: 21px;
	background: url(/images/frame-border.gif) repeat-x bottom left;
}

.content-frame .bottom-row .bl{
	width: 21px;
	height: 21px;
	float: left;
	background: url(/images/frame-bl.gif) no-repeat bottom left;
	padding: 0;
}

.content-frame .bottom-row .br{
	width: 20px;
	height: 21px;
	float: right;
	background: url(/images/frame-br.gif) no-repeat bottom right;
	padding: 0;
}

.content-frame .middle-row {
   width: 644px;
   min-height: 424px;
	padding: 19px 45px 0px 45px;
}

.content-frame .middle-row img.intro-image {
   float: right;
   padding: 25px 25px 0 0;
}

.intro {
   margin-top: 50px;
   width: 100%;

}

.intro .left {
   width: 352px;
   float: left;
}

.intro .left img {
   padding: 25px 0 0 10px;
}

.intro .right {
   width: 292px;
   float: right;
   padding: 20px 0;
}

.intro .right a {
   font-weight: 900;
   color: #95867C;
   text-decoration: none;
}

.intro .right a:hover {
   color: #512F90;
}

.dotted-line {
	width: 644px;
	height: 6px;
	background: url(/images/dotted-line.gif) repeat-x center left;
	padding: 0;
}

.nav-header img {
   padding-bottom: 10px;
}

.nav-header a {
   float: left;
   color: #95867C;
   text-decoration: none;
   padding-right: 30px;
   font-size: 13px;
   letter-spacing: 1.5px;
}

.nav-header a:hover {
   color: #512F90;
}

.nav-header a.logo {
   float: none;
   padding: 0;
}

.nav-header a.mailing-list {
   float: right;
   padding-right: 0;
   padding-left: 35px;
   background: url(/images/mail-envelope.gif) no-repeat center left;
}

.body-content {
   min-height: 340px;

}

.body-content p {
   font-size: 13px;
}

.body-content img.heading {
   padding: 15px 0;
}

.body-content img.heading-work {
   padding: 10px 0 5px 0;
}

.body-content .left {
   float: left;
   width: 322px;
   padding-bottom: 20px;
}

.body-content .left-only-no-right {
   float: left;
   width: 644px;
   padding-bottom: 20px;
}

.body-content .left-join {
   float: left;
   width: 340px;
   padding-bottom: 20px;
}

.body-content .left60 {
   float: left;
   width: 362px;
   padding-bottom: 20px;
}

.body-content .left40 {
   float: left;
   width: 282px;
   padding-bottom: 20px;
}

.body-content .photo-only-right {
   float: right;
   text-align: right;
   padding: 30px 0 15px 40px;
}

.body-content .right {
   float: right;
   text-align: right;
   width: 322px;
}

.body-content .right-join {
   float: right;
   text-align: right;
   width: 304px;
}

.body-content .right60 {
   float: right;
   text-align: right;
   width: 362px;
}

.body-content .right40 {
   float: right;
   text-align: right;
   width: 282px;
}

.body-content .right-join img,
.body-content .right img,
.body-content .right60 img,
.body-content .right40 img {
   padding-top: 30px;
   float: right;
}

.body-content .work-left {
   float: left;
   width: 340px;

}

.body-content .work-left .top {
   min-height: 140px;

}

.body-content .work-left .top p {
   font-size: 13px;
}

.body-content .work-left .bottom {
   height: 185px;
   padding: 14px 0;
}

.body-content .work-left .bottom img {
   padding: 7px 14px 7px 0;
}

.body-content .work-right {
   padding-top: 50px;
   float: right;
}


.nav-footer-left {
   float: left;
   font-size: 13px;
}

.nav-footer-right {
   float: right;
   font-size: 13px;
}

.nav-footer-left a,
.nav-footer-right a {
   color: #95867C;
   text-decoration: underline;
   letter-spacing: 0.5px;
}

.nav-footer-left a:hover,
.nav-footer-right a:hover {
   color: #512F90;
}

.body-content .left60 .downloads-left {
   float: left;
   width: 50%;
   text-align: left;
}

.body-content .left60 .downloads-right {
   float: right;
   width: 50%;
   text-align: left;
}

.body-content .left60 .downloads-left a,
.body-content .left60 .downloads-right a {
   letter-spacing: 0px;
   line-height: 13px;
   padding: 0;
}