/******************************************************************************
	Marketing/CTUSA Design
******************************************************************************/

body {
	background-color: rgb(79,79,79);
	height: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	padding:0;
	text-align: center; /* IE6 centering hack */
}

br{ clear: both; }

div#page {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	width: 1004px;
}
div#header, div#content_block, div#footer_block, div#memberlist_block {
	text-align: left; /* IE6 centering hack */
	clear: both;
	width: 982px;
}
div#header {
	background-color: rgb(128,0,0);
	background-image: none;
	height: 60px;
}
div#publicsalary_logo {
	background-image: url('../images/pslogo2.png');
	background-repeat:no-repeat;
	color: rgb(153, 153, 153);
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	height:100px;
	margin: 8px 0px 0px 10px;
	padding: 0px;
	width: 500px;
	position: absolute;
		/* IE6 for PNG*/
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pslogo2.png', sizingMethod='crop');
}
div#ctusa_logo {
	clear:both;
	background-color: transparent;
	margin-right: 10px;
	text-align: right;
	height: 45px;
}
div#ctusa_logo p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
}
div#content_block {
	background-color: rgb(255,255,255);
	background-image: url('../images/bg-content.png');
	background-repeat: repeat-y;
	background-position: center;
}
div#marketing_block {
	float: left;
	margin: 45px 0px 10px 15px;
	padding: 0px;
	text-align: center;
	width: 520px;
}
div#memberlist_block {
	padding: 45px 30px 10px 30px;
	text-align: left;
	width: 920px;
}
div#login_block {
	float: right;
	margin: 15px 20px 0px 0px;
	padding: 0px;
	width: 375px;
}
div#screenshots_block {
	clear: both;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 900px;
	height: 1%;
	_margin-left: 40px; /* IE6 centering hack */
}
div#screenshots_block img { border: 1px solid rgb(200, 200, 200); }
div#screenshots_block dl.piggyBack {
	float: left;
	margin: 10px 0px 10px 0px ;
	width: 225px;
/* IE6 Correction */
	_width: 220px;
}
div#screenshots_block dl.piggyBack dt {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	line-height: 1.20em;
	text-align: center;
}
div#screenshots_block dl.piggyBack dd {
	clear: both;
	font-family: "Courier New", Courier, monospace;
	font-size: .8em;
	line-height: 1.20em;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
div#screenshots_block dl.piggyBack dd.title {
	line-height: 1.25em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
}
div#screenshots_block dl.piggyBack dd.description {
	color: rgb(85, 102, 114);
	line-height: 1.25em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 0px 10px 0px 10px;
}
div#screenshots_block dl.piggyBack dd.video {
	display: none;
	color: rgb(85, 102, 114);
	line-height: 1.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 0px 10px 0px 10px;
}

div#footer_block {
/*	background-color: rgb(51,51,51);*/
	background-color: rgb(223, 223, 207);
	background-image: url('../images/bg-footer.png');
	background-repeat: repeat-y;
	background-position: center;
	border-top: solid 1px rgb(200,200,200);
	_width: 980px;
}
ul.footer_menu {
	float: left;
	margin-left: 25px;
	margin-bottom:25px;
	padding: 10px;
	width: 200px;
}
ul.training_schedule {
	float: left;
	margin-left: 25px;
	margin-bottom:25px;
	padding: 10px;
	width: 400px;
}
li.heading {
	border-bottom: rgb(100,100,100) dashed 1px;
	color: rgb(60,60,60);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .95em;
	font-variant: small-caps;
	font-weight: bold;
	line-height: 2em;
	padding: 0px 0px 0px 15px;
}
li.item {
	color: rgb(60,60,60);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: 1.25em;
	padding: 10px 0px 0px 15px;
}
li.heading a, li.heading a:hover {
	color: rgb(60,60,60);
	text-decoration: none;
}
li.item a {
	color: rgb(130,130,130);
	text-decoration: none;
}
li.item a:hover {
	text-decoration: underline;
}

/**********************************
	HEADERS  <h1, h2, h3, h4>	
**********************************/
div#marketing_block h1, div#memberlist_block h1 {
	color: rgb(0,0,0);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.65em;
}
div#marketing_block h2, div#memberlist_block h2 {
	color: rgb(0,0,0);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.25em;
	margin: 20px 0px 0px 0px;
}
div#marketing_block h3, div#login_block h3 {
	color: rgb(0,0,0);
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.15em;
	margin: 20px 0px 0px 0px;
}

/**********************************
	Paragraph <P> Classes
**********************************/
p.marketing_tagline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-variant: normal;
}

/*	Marketing Highlighters	*/
.highlighter_1, .highlighter_2 { padding: 5px; }
.highlighter_1 { background-color: rgb(240, 230, 140); }
.highlighter_2 { background-color: rgb(176, 196, 222); }

/**********************************
	Lists	
**********************************/

ul#topNav {
	float: right;
	margin: 40px 0px 0px 0px;
	width: 400px;
}
ul#topNav li {
	color: rgb(255,255,255);
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	list-style-type: none;
	margin: 0 .5em 0 -.5em;
	padding: 0 .5em 0 .5em;
}
ul#topNav li a {
	color: rgb(255,255,255);
	text-decoration: underline;
}
ul#member_list { width: 925px; }
ul.member_names { margin: 10px 0px 0px 10px; }
ul.member_names li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	float: left;
	line-height: 1.5em;
	padding: 0px 10px 0px 0px;
	width:290px;
}
span.member_count{
	color: rgb(150,150,150);
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .6em;
}

/**********************************
	Member Login Block	
**********************************/

div.member_login {
	background-color: RGB(243,243,243);
	border-left: 1px RGB(175,175,175) solid;
	border-right: 1px RGB(175,175,175) solid;
	border-top: 1px RGB(175,175,175) solid;
	color: RGB(0,0,0);
	margin: 15px 0px 0px 5px;
	padding: 10px 10px 10px 10px;
	height: 1%;
}
div.member_login p {
	clear: both;
/*	color: rgb(210, 180, 140);*/
	color: RGB(0,0,0);
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.25em;
	margin: 10px;
	text-align: left;
}
div.member_login label, div.member_login input, div.member_login textarea {
	margin: 0px;
	display: block;
	float: left;
	margin-bottom: 5px;
}
div.member_login label.tiny_above {
	width: 100%;
	text-align: left;
	float: none;
	margin-left: 0;
	margin-bottom: 0;
	padding-left: 0;
	font-size: 0.7em;
}
div.member_login input.checkbox {
	margin-top: 5px;
	padding-top: 0;
	vertical-align: middle;
}
div.member_login label span.helper {
	width: 40px;
	vertical-align: middle;
}
div.member_login select { 
	margin: 0px;
	margin-right: 2px;
	padding: 0px;
}
div.member_login select option { 
	margin-right: 2px;
	padding-right: 3px;
}
div.member_login label, div.member_login span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.20em;
	text-align: justify;
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px;
	width: 100px;
}
div.member_login span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.20em;
	text-align: justify;
	margin-left: 0px;
	margin-right: 5px;
	padding: 3px 3px 3px 0px;
	width: 200px;
}
div#reset_password {
	margin: 0 0 0 175px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
	font-size: .8em;
}

/******************************************************************************
	SUBMIT & DELETE block 
******************************************************************************/
div.submitChanges, div.deleteChanges {
	background-color: RGB(235,235,235);
	border-left: 1px RGB(175,175,175) solid;
	border-top: 1px RGB(175,175,175) dashed;
	border-right: 1px RGB(175,175,175) solid;
	border-bottom: 1px RGB(175,175,175) solid;
	color: RGB(0,0,0);
	font-family: sans-serif;
	font-size: .8em;
	margin: 0px 0px 25px 5px;
	padding: 5px 5px 5px 5px;
}
div.error {
	background-color: RGB(241,182,194);
	border: RGB(220,20,60) solid 1px;
	height: 1%;
	margin: 0px 0px 15px 0px;
}
div.notice, div.instructions, div.snapshots {
	background-color: rgb(255, 248, 220);
	border: 1px rgb(255, 215, 0) solid;
	height: 1%;
	margin: 0px 0px 15px 0px;
}