/* Career Connections USA Master CSS
----------------------------------------*/

html, body {
	margin: 0; padding: 0; 
	}
#pagetop {
	display: none;
	text-indent: -9000px;
	}
BODY {
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
	color: #000;
	background: #9b9b9b url(../images/bg-body.jpg) top repeat-x;
	font-size: 12px;
	}
#container {
	margin: 0 auto;
	padding: 0;
	width: 962px;
	background: transparent url(../images/bg-container.jpg) top repeat-y;
	}	

/* Page Header
----------------------------------------*/

#ccusa-logo {
	position:absolute;
	top: 0px;
	height:150px;
	width: 400px; 
	}
#navigation { 
	position:absolute;
	top: 152px;
	height:30px;
	width: 100%; 
	margin: 0px auto;
	}
#nav1 {
	float: right;
	padding-right: 21px;
	}
#nav2 {
	float: left;
	padding-left: 24px;
	padding-top: 6px;
	}
#nav2 a.nav2-link:link, 
#nav2 a.nav2-link:visited, 
#nav2 a.nav2-link:hover {
	padding-left: 10px;
	font-size: .85em;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	}
#nav2 a.nav2-link:hover {
	color: #ccc;
	}
#dateline {
	position:absolute;
	padding-left: 34px;
	top: 190px;
	height:30px;
	font-size: .85em;
	color: #003366;
	}

/* Page Body
----------------------------------------*/

/* In 2col css
#page-body {}
*/

/* Editable Section #1
----------------------------------------*/

h1 .welcome {
	font-size: small;
	}
/* In 2col css
#edit1 {}
*/
#edit1 a:link, 
#edit1 a:visited, 
#edit1 a:hover {
	color: #003366;
	text-decoration: underline;
	}
#edit1 a:hover {
	color: #990000;
	}
#edit1 h1, h1 {
	color: #990000;
	font-size: 1.75em;
	line-height: 1.35em;
	padding-right: 20px;
	margin-bottom: 20px;
	}
#edit1 h2, h2 {
	color: #003366;
	font-size: 1.35em;
	text-transform: uppercase;
	line-height: 1.35em;
	margin-bottom: 10px;
	}
#edit1 h3, h3 {
	color: #000;
	font-size: 1.15em;
	line-height: 1.15em;
	}
/* In 2col css
#edit2 {}
*/
#edit2 #nugget1 {
	background: #A7A7A7 url(../images/margin-1-top.jpg) top no-repeat;
	padding: 2px 15px 15px 15px;
	color: #fff;
	font-size: 1em;
	}
#edit2 #nugget1 a:link, 
#edit2 #nugget1 a:visited, 
#edit2 #nugget1 a:hover {
	color: #fff;
	text-decoration: underline;
	}
#edit2 #nugget1 a:hover {
	color: #003366;
	}
#edit2 #nugget1 h3 {
	font-weight: bold;
	font-size: 1.45em;
	color: #003366;
	font-family: Georgia, 'Times New Roman' , Serif;
	}
#edit2 #nugget2 {
	background: #003466 url(../images/margin-2-bottom.jpg) bottom no-repeat;
	padding: 0px;
	color: #fff;
	}

	
/* Page Footer
----------------------------------------*/

#page-footer {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 962px;
	height: 113px; 
	background: #9b9b9b url(../images/bg-footer.jpg) top no-repeat;
	}
.footer {
	float: right;
	padding-top: 52px;
	padding-right: 70px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	}
#footer-links {
	float: right;
	clear: both;
	padding-top: 6px;
	padding-right: 70px;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	}
#footer-links a:link,
#footer-links a:visited,
#footer-links a:hover {
	color: #666;
	text-decoration: underline;
	}
#footer-links a:hover {
	text-decoration: none;
	}
		
/* general
----------------------------------------*/

TEXTAREA {
	behavior: url(../ClientSideScripts/maxlength.htc)
	}
TEXTAREA, INPUT, SELECT {
	font-size: 12px;
	color: #990000; 
	}
.boldLabel {
	font-weight: bold;
	}
.tableHeader {
	height:28px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color: #990000;
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left: #ffffff 1px solid;
	border-right: #ffffff 1px solid;
	border-top: #ffffff 1px solid;
	}
.tableSubHeader {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #cccccc;
	border: #ffffff 1px solid;
	}
.tableBorder {
	border: solid 1px #666;
	width: 100%;
	}
.alert, .loginalert, .confirm, .alert2 {
	font-size: 12px;
	color: #990000;
	font-style:italic;
	}
.parent-links {
	font-size: 10px;
	font-weight: normal;
	font-style: normal;	
	color: #999;
	padding-right: 4px;
	padding-bottom: 10px;
	text-decoration: none;
	margin-top: -16px;
	position: absolute;
	}
.EnabledControl, DisabledControl {
	font-size: 1em;
	color: #000;
	font-weight: normal;
	}
.DisabledControl {
	color: #999;
	}
	
/* links & buttons
----------------------------------------*/

.button, .searchButton {
	height: 18px;
	margin-top: 0px;
	padding: 0px 2px 0 2px;
	font-size: 1em;
	font-weight: normal;
	color: #003366;
	border-top: #ccc 1px solid;
	border-right: #666 1px solid;
	border-bottom: #333 1px solid;
	border-left: #999 1px solid;
	background-color: #fff;
	}
.searchButton {
	color: #003366;
	border-top: #ccc 1px solid;
	border-right: #666 1px solid;
	border-bottom: #333 1px solid;
	border-left: #999 1px solid;
	background-color: #fff;
	}	
a.page-link:link, a.page-link:visited, a.page-link:hover {
	font-size: .85em;
	color: #003366; 
	text-indent: 0px;
	text-decoration: underline;
	padding-right: 10px;
	margin-top: -40px;
	}
a.page-link:hover {
	color: #990000; 
	}
#edit1 a.parent-links:link, #edit1 a.parent-links:visited, #edit1 a.parent-links:hover {
	font-size: .85em;
	font-weight: normal;
	font-style: normal;	
	color: #003366;
	padding-right: 4px;
	padding-bottom: 10px;
	text-decoration: underline;
	}
#edit1 a.parent-links:hover {
	color: #990000;
	text-decoration: underline;
	}
#edit1-admin a.admin-link:link, #edit1-admin a.admin-link:visited, #edit1-admin a.admin-link:hover,
#edit1 a.admin-link:link, #edit1 a.admin-link:visited, #edit1 a.admin-link:hover {
	font-size: .85em;
	font-weight: normal;
	color: #fff;
	margin-top: 10px;
	padding: 1px 6px;
	background-color: #003366;
	text-decoration: none;
	}
#edit1-admin a.admin-link:hover,
#edit1 a.admin-link:hover {
	background-color: #990000;
	}

/* preload items for content admin
----------------------------------------*/

ul.red-star li {
	list-style: disc url(../images/bullet-red-star.jpg) outside;
	display: list-item;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-left: -20px;
	}
ul.blue-star li {
	list-style: disc url(../images/bullet-blue-star.jpg) outside;
	display: list-item;
	line-height: 1.3em;
	margin-bottom: 10px;
	margin-left: -20px;
	}
a:link, a:visited, a:hover {
	color: #990000; 
	text-decoration: underline; 
	}
a:hover {
	color: #666; 
	}
	

/* Hacks
------------------------------*/

* html body {
	overflow: hidden;
	}
	
* html #footer-wrapper {
	float: left;
	position: relative;
	width: 100%;
	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #9b9b9b;         /*** Same as body background ***/
	}
	
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	}

.sIFR-replaced {
	visibility: visible !important;
	}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	}

.sIFR-hasFlash h2 {
	visibility: hidden;
	}