* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

*:focus { outline: 0; }

*:focus { outline: none; }

*::-moz-focus-inner { border: none;}

body { margin: 0; background: #606060 url(../images/background.gif) repeat-x; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 20px; margin: 0; padding: 0; font-weight: bold; color: #333; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; padding: 0; color: #333; }

a { text-decoration: underline; color: #000; }

p { font-family: Arial, Helvetica, sans-serif; font-size:12px; margin: 0; padding: 0; }

img { border: none; }

#header-wrapper { float:left; margin: 0 ; width: 100%; height: 52px; }

#header { float: none; margin: 0 auto; width: 1000px; height: 52px;  }

#logo { float: left; width: 142px; height: 52px; }

#top-navigation { float: left; width: auto; height: 52px; margin: 0 0 0 50px }

#top-login { float: left; width: auto; height: 52px; margin: 0 0 0 150px }

#content-wrapper { float: left; margin: 0; width: 100%; height: auto; }

#content { float: none; margin: 0 auto; width: 950px; height: auto; }

#flash { position: relative; margin: 0; width: 950px; height: 352px;}

#noflash { position: relative; margin: 0; width: 950px; height: 100px;}

#main { position: relative; top: -70px; margin: 0; width: 950px; height: auto; }

#main-top { float: left; margin: 0; width: 895px; height: 47px; padding: 25px 0 0 15px; background: url(../images/main-top.png) no-repeat; }

#main-middle { float: left; margin: 0; width: 910px; height: auto; padding: 0 0 20px 0; background: url(../images/main-middle.png) repeat-y; }
#pssnotice {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 2px solid #F4AE0B;
	padding: 5px;
	height: 50px;
}


#main-bottom { float: left; margin: 0; width: 910px; height: 45px; background: url(../images/main-bottom.png) no-repeat; text-align: center; vertical-align: bottom;}

#full { float: left; margin: 0; padding: 10px 0 0 20px; width:850px; height: auto; min-height: 400px; overflow: hidden;}

#full iframe{ margin-top: -110px; height: 600px;}

#left { float: left; margin: 0; padding: 10px 0 0 20px; width: 680px; height: auto; }

#right { float: left; margin: 0; padding: 0 0 0 20px; width: 170px; height: auto; }

#intro { float: left; margin: 0 0 20px 0; padding: 0; width: 680px; height: auto; }

#faq { float: left; margin: 0; padding: 0; width: 220px; height: 200px; }

#features { float: left; margin: 0; padding: 0 0 0 20px; width: 220px; height: 200px; background: url(../images/section-divider.png) no-repeat; }

#articles { float: left; margin: 0; padding: 0 0 0 20px; width: 200px; height: 200px; background: url(../images/section-divider.png) no-repeat; }

#reflection { float: left; margin: 0; width: 910px; height: 110px; background: url(../images/reflection.png) no-repeat; }

#footer-wrapper { float: left; margin: 0 ; width: 100%; height: auto; }

#footer { float: none; margin: 0 auto; width: 950px; height: 100px; }

h2.trigger { padding: 0; margin: 5px 0 0 0; width: 450px; font-size: 12px; font-weight: normal; float: left; }

h2.trigger a { color: #000; text-decoration: underline; display: block; }

h2.trigger a:hover { color: #000; }

h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {	margin: 0 0 5px; padding: 0; border-top: 1px solid #d6d6d6; overflow: hidden; font-size: 1.2em;	width: 500px; clear: both; }

.toggle_container .block { padding: 20px; /*--Padding of Container--*/ }

.error { color: red; }

th { text-align: left; }
.nowrap { white-space: nowrap; }
.top    { vertical-align: top; }
.shade  { background: #E8E8E8; }
.center { text-align: center; }
