td, p, div, span {
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:active {
	color:#3DBEBB;
}

a:hover {
	color:#000075;
	text-decoration:none;
}

body {
	margin:0px; padding:0px; background-image:url(/images/page_back_sun.jpg); background-position:top center; background-repeat:no-repeat; background-color:#FFFFFF;
}

#mainContainer {
	width:100%;
}

#topBox {
	width:898px; height:75px; margin-left:auto; margin-right:auto; padding-top:10px;overflow:hidden;
}

#topBoxBasic {
	width:600px; height:55px; margin-left:auto; margin-right:auto; padding-top:10px;overflow:auto;
}

#logoBox {
	width:385px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:43px;
	color:#0E2472;
	letter-spacing:-0.5px;
}

#logoBox a:link, #logoBox a:visited, #logoBox a:hover, #logoBox a:active {
	text-decoration:none;
	color:#0E2472;
}

#mainLinks {
	float:right;
}
	#frmSearch {
		float:left;
	}
	#mainLinks ul {
		list-style:none;
		padding:0px;
		margin:0 10px;
		display:inline;
	}
		#mainLinks ul li {
			list-style:none;
			margin:0px;
			padding:0px;
			display:inline;
			padding:5px 25px 0px 0px;
		}
			#mainLinks ul li a {
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-size:11pt;
				color:#0E2472;
			}

#mainLinksBasic {
	width:200px; float:right; text-align:center;
}

#topNavContainer {
	height:40px; background-image:url(/images/nav_left_sun.gif); background-position:0px 10px; background-repeat:repeat-x;
}

#topNavBack {
	text-align:center; width:898px; height:40px; margin-left:auto; margin-right:auto; background-image:url(/images/nav_back_sun.jpg); background-repeat:no-repeat;
}

#topNav {
	position:relative; top:18px;
}

#topNav ul {
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline;
}
#topNav ul li {
	list-style:none;
	margin:0px;
	padding:0px;
	display:inline;
	padding-right:20px;
}
#topNav ul li a {
	padding:5px 0px 0px 5px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#FFFFFF;
}

#pageContent {
	min-height:400px;
	height:auto !important;
	height:400px;
}

#bodyArea {
	width:700px; background-color:#FFFFFF;
	margin:20px auto 10px auto;
	background-image:url(/images/body_bottom_sun.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-top:0;
}

#bodyAreaWide {
	width:875px;
	background-color:#FFFFFF; 
	margin:0 auto;
}

#bodyAreaBasic {
	width:600px;
	background-color:#FFFFFF;
	margin:20px auto 10px auto;
	background-image:url(/images/body_bottom_sun.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#bodyAreaCell {
	width:700px; margin:0px; padding:5px; vertical-align:top;
}

#bodyAreaCellBasic {
	width:600px; margin:0px; padding:15px; vertical-align:top;
}

#siteLeftNav {
	width:180px;
	vertical-align:top;
	background-image:url(/images/page_back_reverse_sun.jpg);
	background-repeat:repeat-x;
	background-color:#9BE0DD;
	float:left;
}

#siteLeftNav ul {
	padding:8px 5px 0px 10px;
	margin:0px;
}



#siteLeftNav ul li {
	list-style:none;
	padding:6px 0px 6px 0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
/*	font-size:0.9em;*/
	color:#000000;
}

#siteLeftNav ul ul {
	padding:0px;
	margin:0px;
	border:none;
}

#siteLeftNav ul ul li
{
	list-style:none;
	padding:5px 0px 5px 13px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
}

#siteLeftNav a {
	text-decoration:none;
	color:#000;
}


#siteLeftNav a:hover {
	text-decoration:underline;
}


#siteRightNavContainer { 
	padding:0;
	}
	#siteRightNav {
		margin:0;
		padding:0.5em 0;
		list-style-type:none;
		width:100%;
		}
		#siteRightNav li {
			font-size:0.9em;
			margin:0.5em 10px;
			padding:0;
			}
				#siteRightNav a {
				text-decoration:none;
				color:#000;
				}
				
				#siteRightNav a:hover {
					text-decoration:underline;
				}




.navIcon {
	padding-right:5px;
	vertical-align:middle;
}

.errorMsg {
	color:#CC0000;
}

.statusMsg {
	color:#009900;
}

.reqField {
	color:#990000;
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	font-weight:bold;
}

.fieldTable {
	padding:5px;
	border-collapse:collapse;
	border:1px solid #E4E4E4;
	background:#fff;
}

.fieldLabel {
	background-color:#F2F2F2;
	font-size:10pt;
	font-weight:bold;
}

.lightBorder {
	border:1px solid #E4E4E4;
	border-collapse:collapse;
}

.mediumBorder {
	border:1px solid #CFCFCF;
	border-collapse:collapse;
}

.lightTableHeading {
	background-color:#FCF5A5;
	color:#00008B;
	font-size:10pt;
	font-weight:bold;
}

.lightTableContents {
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
}

.lightTableAltRow {
	background-color:#F2F2F2;
}

.largeHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	margin-top:0;
	margin-bottom:0;
}
.breadCrumb {
	margin-top:0;
	margin-bottom:15px;
	}


.mediumHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	margin-top:0px;
	font-weight:normal;
}

.smallHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-top:0px;
}

.smallLightText {
	font-size:10px;
	color:#AAAAAA;
	font-weight:normal;
}

.mediumLightText {
	font-size:12px;
	color:#AAAAAA;
	font-weight:normal;
}

.bioWizSectionTitleField {
	width:300px; font-size:16px; padding:3px; font-family:Arial, Helvetica, sans-serif;
}
.bioWizSectionTitleFieldBig {
	width:350px; font-size:24px; padding:3px; font-family:Arial, Helvetica, sans-serif;
}
.resumeWizSetupField {
	width:200px; font-size:14px; padding:3px; font-family:Arial, Helvetica, sans-serif;
}
.bigButton {
	font-size:13pt;
}
.toolTip {
	color:#006699;
	border-bottom:1px dashed #006699;
	cursor:help;
}

.toolTipSmall {
	color:#006699;
	border-bottom:1px dashed #006699;
	cursor:help;
	font-size:12px;
	margin-left:15px;
}

a.toolTipSmall:link, a.toolTipSmall:visited, a.toolTipSmall:hover, a.toolTipSmall:active, a.toolTip:link, a.toolTip:visited, a.toolTip:hover, a.toolTip:active {
	text-decoration:none;
	color:#006699;
}

.noThumbnail {
	width:150px;
	height:200px;
	border:1px solid #EDEAE1;
	text-align:center;
	line-height:200px;
	font-size:12px;
	color:#AAAAAA;
	font-style:italic;
}

.addToPortfolioContentLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}

.sectionOptions {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.sectionHeading {
	font-size:12px; font-weight:bold;
}

.labelPrivate {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.labelPublic {
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.labelPublished {
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}

.labelUnpublished {
	color:#CC0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}


.letterNav {
	list-style-type:none;
	padding:0;
	margin:0;
	}
	.letterNav li {
		display:inline;
		font-size:10pt;
		font-family:Arial, Helvetica, sans-serif;
		color:#CCC;
		}
		a.browseByLetter,
		.letterNav li span {
			padding:6px;
			}
		a.browseByLetter:hover {
			border: 1px solid #CCCCCC;
			padding:5px;
			font-weight:bold;
			}

.pictureBookNav {
	margin:0.2em 0 0.8em;
	text-align:center;
	background:#e5e5e5;
	padding:0.5em 0;
	}
/*
style="font-size:10pt; width:200px; position:relative; padding:4px; float:left;"
*/
#users {
	list-style-type:none;
	padding:0;
	margin:0;
}
	#users li {
		float:left;
		width:260px;
		margin:0 50px 1em 0;
		height:300px;
	}
		.pictureBook li { height:300px !important; }
		#users ul {
			list-style-type:none;
			padding:0;
			margin:0.5em
		}
			#users li li {
				float:none;
				width:auto;
				height:auto !important;
				margin:auto;
			}

.checkboxList {
	height:120px;
	overflow:auto;
	font-size:0.7em;
	list-style-type:none;
	padding:0 5px;
	margin:0;
}


a.plainWhite:link, a.plainWhite:hover, a.plainWhite:active, a.plainWhite:visited {
	color:#FFFFFF;
	text-decoration:none;
}
.niceButton {
	padding:1px; border:1px solid #999999; background-color:#000075; color:#FFFFFF;
}
.niceTableText {
	font-size:9pt;
	font-family:Arial, Helvetica, sans-serif;
}

.niceTableHeading {
	background-color:#E5F7F7;
	color:#00008B;
	font-size:10pt;
	font-weight:bold;
}
.pasteFromWordMsg {
	font-size:9pt;
	color:#000000;
}
.noResultsMsg {
	margin:15px auto;
	padding:30px 0px;
	width:92%;
	border:1px dashed #CCC;
	font-size:12pt;
	color:#999999;
	text-align:center;
}
.lightBack {
	background-color:#F5F5F5;
}


#steps {
	list-style-type:none;
	padding:0;
	margin:1em 5px;
}
	#steps li {
		display:inline;
		padding : 0 0.5em 0 0;
	}

#searchRow {
	padding:10px 0;
	margin:0 10px;
	overflow:auto;
	clear:both;
	width:733px;
	text-align:center;
	background:#e5e5e5;
}

/*
#searchRow.wide {
	width:875px;
}
*/
#searchRow form { margin:0; }

#copyRight { 
	width:49%;
	float:left;
	text-align:left;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
}


#siteBy { 
	width:49%;
	float:right;
	text-align:right;
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
}

#siteBy a {
	text-decoration:none;
	color:#CCCCCC;
}

#siteBy a:hover {
	text-decoration:underline;
	color:#0066CC;
}




/* Portfolio Contact */
#portfolioContactForm fieldset {
	border:0;
}
	#portfolioContactForm legend {
		font-size:1.5em;
		font-weight:bold;
		margin-left:0;
		padding-left:0;
	}
	#portfolioContactForm ol {
		margin:0;
		padding:0;
		list-style-type:none;
	}
		#portfolioContactForm li {
			margin-top:0.5em;
		}
			#portfolioContactForm label,
			#portfolioContactForm strong {
				display:inline-block;
				width:10em;
				vertical-align:top;
				font-weight:normal;
			}
			#portfolioContactForm textarea {
				display:block;
			}
			#portfolioContactForm #btnSendContainer {
				text-align:center;
			}


/* Directory Site Template Images */
.templateImgList {
	margin:0 20px;
	padding:0;
	list-style-type:none;
	overflow:auto;
	text-align:center;
}
	.templateImgList li {
		float:left;
		width:200x;
		margin-right:10px;
	}
	.templateImgList label {
		display:block;
	}
	
.templateImgList.imgList2Top li { float:none; display:inline;}
	
	
/* Directory Site Page Creation Current Template Images */
#templateImgList {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0.8em;
	}
	#templateImgList li {
		border:1px solid #e5e5e5;
		background:#f4f4f4;
		padding:0.5em 10px;
		margin-bottom:0.5em;
		}







#portTabsContainer {
	overflow:hidden;
	float:left;
	width:770px;
	
	/* Clipping is needed because IE6/7 doesn't work with just overflow:hidden (reason unknown) */
	position:absolute;
	top:0px;
	left:0px;
	clip: rect(0, 770px, 400px, 0);
	}
	#portTabs {
		position:relative;
		width:9999px;
		margin:0;
		padding:0;
		list-style-type:none;
		float:left;
		overflow:hidden;
		border-bottom:3px solid #e5e5e5;
		}
		.portTab {
			display:block;
			float:left;
			margin-right:10px;
			position:relative;
			left:0px;
			top:0px;
			}
			.portTab a {
				font-size:0.8em;
				display:block;
				width:250px;
				background:#b7b7b7;
				text-decoration:none;
				font-weight:bold;
				}
				.portTab a:link, .portTab a:visited, .portTab a:active, .portTab a:hover { color:#000; }
				.portTab a:hover { background:#a5a5a5; }
					/* IE doesn't display the a's top padding correctly because
					of nitfycube so I moved it to a span around the anchor text */
					.portTab span { display:block; padding:0.4em 20px 0.2em; }
				
			.selectedPortTab a { background:#e5e5e5; }
				.selectedPortTab a:hover { background:#e5e5e5; cursor:default;}


#portBodies {
	clear:both;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	.portBody { display:none; padding-top:1em; }
	.selectedPortBody { display:block; }
	
#adminAsUserBar {
	background:#800;
	font-size:0.8em;
	color:#fff;
	text-align:center;
	padding:0.2em 0;
	}