html, body{
	background:#b3b3b3 url(images/bgtilefcsu.png) fixed repeat-x 0 0;
}
a:link,
a:visited{
	color:#871b28;
}

/****************************************
** PAGE CONTAINER
****************************************/
div#containerWrapper{}
	div#container{}

/****************************************
** HEADER
****************************************/
div#headerWrapper{}
	div#header{
		background-image:url(images/bg-top-nwtc.png);
	}
		/****************************************
		** HEADER ELEMENT CONTAINERS
		****************************************/
		div#headerIcon{
			width:160px; padding-left:20px;
		}
		div#headerNavTabs{}
		div#headerText{
			width:225px;
		}
		div#headerSearch{}
		div#headerLabelContact{}
		/****************************************
		** SITE SEARCH FORM
		****************************************/
		div#headerSearch input.go_search{ color:#af6868; }
		div#headerSearch a.go_button{ background-image:url(images/siteSearchSubmitRed.png); }

/****************************************
** CONTENT AREA
****************************************/
div#mainWrapper{}
	div#main{}
		div#contentWrapper{}
			div#content{}
				div#content p{}
					div#content p.tip em{
						background-color:#871b28;
					}
				div#content a.directoryEmailLink{
					background:transparent url(images/sendMessageNWTC.png) no-repeat top left;
				}
		/****************************************
		** RIGHT SIDE CALLOUTS
		****************************************/
		/*div#content div.calloutWrapper{
			background-color:#871b28;
		}
			div#content div.calloutWrapper h1{
				background-color:#871b28;
			}
				div#content div.callout a:link, 
				div#content div.callout a:visited{
					color:#871b28;
				}*/
		/****************************************
		** SIDEBOX (new callout script)
		****************************************/
		.sidebox{
			background-image:url(images/callouts/nwtc-sbbody-r.gif);
		}
		.boxhead{
			background-image:url(images/callouts/nwtc-sbhead-r.gif);
		}
			div#content .boxhead h2{
				background-image:url(images/callouts/nwtc-sbhead-l.gif);
			}
		div#content .boxbody{
			background-image:url(images/callouts/nwtc-sbbody-l.gif);
		}
		/****************************************
		** LEFT NAVIGATION MENU
		****************************************/
		div#navigationWrapper{}
			div#navigation{}
				div#navigation h1, 
				div#navigation h3{
					color:#ffd700;
				}
				div#navigation h2{
					color:#e6e6e6;
				}
					div#navigation h2 a{
						color:#666666;
					}
				div.leftColumnMenu{}
					div.leftColumnMenu ul{}
						div.leftColumnMenu  li a:link, 
						div.leftColumnMenu  li a:visited{
							color:#ffffff;
						}
					/****************************************
					** PATH HIGHLIGHTING
					****************************************/
					div.leftColumnMenu ul li ul li.thisSideNavItem{
						list-style-image:url(images/leftNavListIconThis-nwtc.gif);
					}
						div.leftColumnMenu li.thisSideNavItem > a:link,
						div.leftColumnMenu li.thisSideNavItem > a:visited,
						div.leftColumnMenu li.thisSideNavItem > a:hover,
						div.leftColumnMenu li.thisSideNavItem > a:active{
							color:#ffff66;
						}

/****************************************
** FOOTER
****************************************/
div#footerWrapper{}
	div#footer{}
	
/**************************************************
** Smooth Navigational Menu (v1.31)
**************************************************/
	/****************************************
	** HEADER MENU
	****************************************/
	div#header div#headerMenu{
		background-color:#000000;background-color:#871b28;background-color:#000000;background:none;
		/*border-top:1px solid #333333;*/
		border-bottom:1px solid #333333;
	}
	/**************************************************
	** Top level menu link items style
	**************************************************/
	.ddsmoothmenu ul li a:link, 
	.ddsmoothmenu ul li a:visited{
		color:#ffffff;
		border-right:1px solid #333333;
	}
	.ddsmoothmenu ul li a.selected, 
	.ddsmoothmenu ul li.active a{
		color:#ffff66;
	}
	.ddsmoothmenu ul li a:hover{
		color:#ffd700;
	}

	/**************************************************
	** Sub level menu links style
	**************************************************/
	.ddsmoothmenu ul li ul li a:link, 
	.ddsmoothmenu ul li ul li a:visited{
		color:#ffffff;
		background-color:#000000;background-color:#871b28;background-color:#871b28;
		border-right:1px solid #333333;
		border-bottom:1px solid #333333;
		border-left:1px solid #333333;
	}
	.ddsmoothmenu ul li ul li:first-child{
		border-top:1px solid #333333;
	}
	.ddsmoothmenu ul li ul li a.selected{
		color:#871b28;
		background-color:#ffff66;
	}
	.ddsmoothmenu ul li ul li a:hover{
		color:#871b28;
		background-color:#ffd700;
	}
	
/************************************************** 
** TABLE-SORTER
**************************************************/
div#content table.sortableTable{
	border:1px solid #cccccc;	
}
div#content table.sortableTable th{
	color:#ffffff;
	background-color:#333333;
}
	div#content table.sortableTable th.header{ 
	}
	div#content table.sortableTable th.headerSortUp{ 
		background-color:#871b28;
		color:#ffd700;
	}
	div#content table.sortableTable th.headerSortDown{ 
		background-color:#871b28;
		color:#ffd700;
	}

/**************************************************
** NWTC SPECIFIC STYLES
**************************************************/	
			/* SAVE FROM LAYOUT.CSS */
			div#CalloutContainer{float:right;clear:right;width:270px;}					
				div#content div.calloutWrapper{width:250px;padding:0 0 0 0;margin:0 10px 10px 20px;float:right;clear:right;background-color:#333333;-moz-border-radius:5px;-webkit-border-radius:5px;}				
				div#content div.borderlessCallout{background-color:#ffcc00;background-color:#ffffff;}
				div#content div.callout{margin:3px 3px 3px 3px;background-color:#ffffff;-moz-border-radius:3px;-webkit-border-radius:3px;}
				div#content div.callout h1{padding:0 10px 3px 4px;margin:0 0 0 0;font-size:14px;line-height:18px;font-weight:bold;color:#ffffff;background-color:#333333;}
				div#content div.callout p{padding:5px 5px 5px 5px;font-size:12px;line-height:16px;color:#4D4D4D;text-align:left;}
				div#content div.callout ul{font-size:12px;padding:0 5px 0 0;}
					div#content div.callout ul li{font-size:12px;color:#4D4D4D;margin-left:20px;}
				div#content div.callout a:link,div#content div.callout a:visited{color:#333333;text-decoration:none;}
				div#content div.callout a:hover,div#content div.callout a:active{text-decoration:underline;}
			/* /SAVE FROM LAYOUT.CSS */
				
div#content ul li.checkList{
	margin-left:15px;
	list-style-image:url(images/check.gif);
}
			
div#content div.borderlessCallout{
	background-color:#ffffff;
	border:1px solid #f3f3f3;
}
	div#content div.borderlessCallout div.callout{
		background-color:#f3f3f3;background-color:#ffffff;
	}
		div#content div.borderlessCallout div.callout ul li{
			margin-left:30px;
			list-style-image:url(images/check.gif);
		}
	
/**************************************************
** One Period Classes - Sliders
**************************************************/
div.onePeriodClassesHead{
	clear:both;
	cursor:pointer;
	margin:5px 20px 0 20px;
	padding:0 10px 0 10px;
	font-size:12px; 
	line-height:30px; 
		-moz-border-radius-topleft:5px; 
		-moz-border-radius-topright:5px; 
		-webkit-border-top-left-radius:5px; 
		-webkit-border-top-right-radius:5px;
	background-color:#9f4953;
	border:1px solid #9f4953;
	color:#fed700;
}
	div.onePeriodClassesHeadAlt{}
		div.onePeriodClassesHead span.onePeriodClassesCourseTitle,
		div.onePeriodClassesHeadAlt span.onePeriodClassesCourseTitle{
			font-weight:bold;
			letter-spacing:1px;
		}
		div.onePeriodClassesHead span.onePeriodClassesCourseTitle{}
		div.onePeriodClassesHeadAlt span.onePeriodClassesCourseTitle{}
		div.onePeriodClassesHead span.onePeriodClassesExpand,
		div.onePeriodClassesHeadAlt span.onePeriodClassesExpand{
			float:right;
			font-size:10px;
		}
		div.onePeriodClassesHead span.onePeriodClassesExpand{}
		div.onePeriodClassesHeadAlt span.onePeriodClassesExpand{}
	div.opchRounded{
		-moz-border-radius-bottomleft:5px; 
		-moz-border-radius-bottomright:5px; 
		-webkit-border-bottom-left-radius:5px; 
		-webkit-border-bottom-right-radius:5px;
		background:#e6e6e6;
		border:1px solid #cccccc;
		color:#4b4b4b;
	}
div.onePeriodClassesBody{
	margin:0 20px 0 20px;
	padding:5px 5px 5px 5px;
		-moz-border-radius-bottomleft:5px; 
		-moz-border-radius-bottomright:5px; 
		-webkit-border-bottom-left-radius:5px; 
		-webkit-border-bottom-right-radius:5px; 
	background-color:#f9f9f9;
	border:1px solid #a5545e;
	border-top-width:0;
}
	div.onePeriodClassesBodyAlt{}
	div#content div.onePeriodClassesBody p{
		padding-left:10px;
		padding-right:10px;
	}
	div#content div.onePeriodClassesBody p.onePeriodClassesParentAcademy{
		float:right;
		font-style:italic;
		font-weight:bold;
	}
	div#content div.onePeriodClassesBody p.onePeriodClassesCourseNumber{
		font-style:italic;
		font-weight:bold;
	}
div.msg_toggle_all{
	margin:10px 20px 10px 20px;
	cursor:pointer;
	font-size:11px;
}
div.msg_toggle_all{
	text-align:center;
	color:#999999;
}
/**************************************************
** Career Academy Details
**************************************************/
div.careerAcademies{
	width:350px; 
	float:left; 
	margin:12px 0 0 25px;
}
div.careerAcademiesSingle{
	float:none;
	width:375px;
	margin:0 0 0 0;
}
div.careerAcademiesHeader{
	-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px; 
	-webkit-border-top-left-radius:5px; 
	-webkit-border-top-right-radius:5px; 
	text-align:center; 
	font-size:12px; 
	font-weight:bold; 
	line-height:30px; 
	background-color:#871b28; 
	color:#ffffff;
}
	div.careerAcademiesHeader a:link,
	div.careerAcademiesHeader a:visited{
		text-decoration:none;
		color:#ffffff;
	}
	div.careerAcademiesHeader a:hover,
	div.careerAcademiesHeader a:active{
		text-decoration:underline;
	}
div.careerAcademiesBody{
	-moz-border-radius-bottomleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-bottom-right-radius:5px; 
		height:auto !important; /* real browsers */
		height:175px; /* IE6: treated as min-height*/
		min-height:175px; /* real browsers */
	background-color:#f9f9f9; 
	border:1px solid #999999; 
	border-top:none;
}