/* common styles for all pages under wwwroot */
body {
	background-color:#FFFFFF;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

b, B {
	font-weight:bold;
}

/* main layout container of page */
.main {
	width:800px;
	vertical-align:top;
}

/* header container */
.header {
	width:800px;
}

/* header container */
.footer {
	width:800px;
}

/* content and body container */
.body {
	width:800px;
	padding-bottom:20px;
}

/* Text display styles */
/* header with bold font and underlined */
.sectionHeaderUnderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px solid #000;
}

/* header with bold font */
.sectionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
.OrangesectionHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#E05F0F
}

.longList {
	line-height:18px;
}

/*small text for instructions */
.smallText {
	font-size:9px;
	font-weight:normal;
}

/*normal text for containers (IE 5.5 < hack) */
.copy {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

/* displays full page of content */
.contentFull {
	width:750px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	vertical-align:top;
	line-height:14px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* hyperlinks */
a {
	color:#0052A0;
	text-decoration:none;
}

a:hover {
	color:#0052A0;
	text-decoration:underline;
}

a.contentLink {
	color:#0052A0;
	text-decoration:underline;
}

a.contentLink:hover {
	color:#0052A0;
	text-decoration:underline;
}

a.white {
	color:#FFFFFF;
	text-decoration:none;
}

a.white:hover {
	color:#0052A0;
	background-color:#FFFFFF;
	text-decoration:none;
}

a.orange {
	color:#E05F0F;
	text-decoration:none;
	font-weight:bold;
}

a.orange:hover {
	color:#FFFFFF;
	background-color:#E05F0F;
	text-decoration:none;
	font-weight:bold;
}

a.grey {
	color:#7C7C7C;
	text-decoration:none;
}

a.grey:hover {
	color:#7C7C7C;
	text-decoration:none;
}

a.black {
	color:#000000;
	text-decoration:none;
}

a.black:hover {
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}

/* input, select, and form fields */
.textField {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #000000;
	border: 1px solid #000;
	background-color: #FFFFFF;
}

.selectMenuBlue {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	border: 1px solid #333;
	background-color: #0052A0;
	width:233px;
}
.selectMenuBlueLittle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	border: 1px solid #333;
	background-color: #0052A0;
	width:138px;
}
.selectMenuBlueJPU {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	border: 1px solid #333;
	background-color: #0052A0;
	width:230px;
}

/********************************
	NAVIGATION CONTAINERS
********************************/
/* hold left navigation table */
.navContainer {
	width:180px;
	vertical-align:top;
	padding-top:6px;
	/* should hold top nav header */
}



.navLinks {
	background-image: url("/images/nav/navSides.gif");
	line-height:15px;
	padding-left:3px;
	padding-right:3px;
}

.navLinksOrange {
	background-image: url("/images/nav/navSidesOrange.gif");
	line-height:15px;
	padding-left:3px;
	padding-right:3px;
}
/***** Messages *****/
.successMessage{
	background: url(/assets/images/success.gif) left top no-repeat;
	background-color: #CFC;
	border: 1px solid #090;
	width: 60%;
	height: 35px;
	padding: 5px 0px 5px 40px;
}

.successMessage a {
	color: #000000; 
	text-decoration: underline;
}

.successMessage a:hover {
	color: #0052A0;
	text-decoration: underline;
}

.errorMessage{
	background: url(/assets/images/error.gif) left top no-repeat;
	background-color: #FCC;
	border: 1px solid #C00;
	padding-left: 45px;
	width: 60%;
	min-height:35px;
}

.errorMessage a {
	color: #000000; 
	text-decoration: underline;
}

.errorMessage a:hover {
	color: #0052A0;
	text-decoration: underline;
}
.error {
	color: red;
}

/*** Miscellaneous ***/

.infobox {
	background-color: #DDF;
	border: 1px solid #66C;
	color: #003;
	margin-top: 1em;
	padding: 0.75em;
}
