@import url("whitespace-reset.css");

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
	color: #333;
	background-image:url(../images/page-bg.gif);
	background-repeat:repeat; }

a {
	color: #1F4192; }

#sitewrapper {
	width: 872px;
	margin: 0 auto; }
	#sitewrapper #header {
		float: left;
		width: 872px; }
		#sitewrapper #header a#logo {
			background: transparent url("../images/logo.gif") no-repeat 0 0;
			display: block;
			width: 872px;
			height: 123px;
			text-indent: -5000px; }
	#sitewrapper div.navigation {
		background: #1f4192;
		float: left;
		width: 872px;
		position:relative; }
		#sitewrapper div.navigation ul#smallnav {
			position: relative;
			background: #1f4192;
			width: 350px;
			height: 34px;
			float: right;
			margin: 0 0 0 22px; }
			#sitewrapper div.navigation ul#smallnav li {
				float: left;
				margin: 0 4px 0 0; }
				#sitewrapper div.navigation ul#smallnav li#nav-search {
					background: transparent url("../images/nav_search.gif") no-repeat 0 0;
					width: 73px;
					height: 34px;
					display: block;
					text-indent: -5000px; }
					#sitewrapper div.navigation form {
						text-indent: 0;
						margin-right:30px; }
						#sitewrapper div.navigation form input {
							position: relative;
							/*top: 6px !important;
							top: -10px;
							left: 7px !important;
							left: 105px; */
							float:right;
							margin-top:7px;
							width: 141px;
							height: 15px;
							border: 1px solid #000; }
				#sitewrapper div.navigation ul#smallnav li a {
					display: block;
					height: 34px;
					text-indent: -5000px; }
					#sitewrapper div.navigation ul#smallnav li a#nav-home {
						background: transparent url("../images/nav_home.gif") no-repeat 0 0;
						width: 65px; }
					#sitewrapper div.navigation ul#smallnav li a#nav-faq {
						background: transparent url("../images/nav_faq.gif") no-repeat 0 0;
						width: 77px; }
					#sitewrapper div.navigation ul#smallnav li a#nav-contact {
						background: transparent url("../images/nav_contact.gif") no-repeat 0 0;
						width: 101px; }
		#sitewrapper div.navigation ul#mainnav {
			background: #1f4192;
			float: left;
			margin: 0 22px !important;
			margin: 0 0 0 11px;
			width: 850px !important;
			width: 827px;
			height: 33px; }
			#sitewrapper div.navigation ul#mainnav li {
				float: left;
				margin: 0 29px 0 0 !important;
				margin: 0 24px 0 0; }
				#sitewrapper div.navigation ul#mainnav li a {
					display: block;
					height: 33px;
					text-indent: -5000px; }
					#sitewrapper div.navigation ul#mainnav li a#nav-about {
						background: transparent url("../images/nav_about-us.gif") no-repeat 0 0;
						width: 113px; }
					#sitewrapper div.navigation ul#mainnav li a#nav-enroll {
						background: transparent url("../images/nav_enroll-forms.gif") no-repeat 0 0;
						width: 158px; }
					#sitewrapper div.navigation ul#mainnav li a#nav-training {
						background: transparent url("../images/nav_training.gif") no-repeat 0 0;
						width: 104px; }
					#sitewrapper div.navigation ul#mainnav li a#nav-education {
						background: transparent url("../images/nav_education.gif") no-repeat 0 0;
						width: 117px; }
					#sitewrapper div.navigation ul#mainnav li a#nav-links {
						background: transparent url("../images/nav_links-resources.gif") no-repeat 0 0;
						width: 211px; }
	#sitewrapper #main {
		background: #1f4192;
		border-bottom: solid 22px #1f4192;
		float: left;
		width: 872px; }
		#sitewrapper #main #content {
			background: #FFF;
			float: left;
			margin: 0 22px !important;
			margin: 0 11px;
			padding: 22px 0;
			width: 828px; }
		#sitewrapper #main #content #sidebar {
			float: left;
			width: 298px;
			position: relative; }
			#sitewrapper #main #content #sidebar h1 {
				margin: 0 0 10px 52px;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:24px;
				color: #5163BA; }
			#sitewrapper #main #content #sidebar p {
				width: 242px;
				margin: 0 0 10px 52px; }
			#sitewrapper #main #content #sidebar img {
				margin-left: 52px;
				margin-right: 10px; }
			#sitewrapper #main #content #sidebar a.photo {
				border:none !important;
				float:left; }
			#sitewrapper #main #content #sidebar p#homeintro {
				line-height:18px;
				color:#555;
				margin-top:25px; }
			#sitewrapper #main #content #sidebar #news {
				width: 242px;
				margin: 30px 0 10px 0;
				position: relative;
				left: 50px; }
				#sitewrapper #main #content #sidebar #news img {
					width: 50px;
					margin: 0 10px 0 0; }
				#sitewrapper #main #content #sidebar #news p {
					display: inline;
					margin: 0; }
				#sitewrapper #main #content #sidebar #news a {
					border-bottom: 1px solid #ccc; }
					#sitewrapper #main #content #sidebar #news a:hover {
						border-bottom: 1px solid #1F4192; }
				#sitewrapper #main #content #sidebar #news h2 {
					width: 192px;
					height: 18px;
					text-indent: -5000px;
					margin: 10px 0 10px 0px; }
					#sitewrapper #main #content #sidebar #news h2#hdr_upcoming-events {
						background: transparent url("../images/hdr_upcoming-events.gif") no-repeat 0 0; }
					#sitewrapper #main #content #sidebar #news h2#hdr_announcements {
						background: transparent url("../images/hdr_announcements.gif") no-repeat 0 0; }
					#sitewrapper #main #content #sidebar #news h2#hdr_safety-tips {
						background: transparent url("../images/hdr_safety-tips.gif") no-repeat 0 0; }
			#sitewrapper #main #content #sidebar #translation {
				border:1px solid black;
				width: 242px;
				margin: 30px 0 10px 0;
				position: relative;
				left: 50px; }
		#sitewrapper #main #content #copy {
			float: right;
			width: 478px !important;
			width: 450px;
			margin: 0 0 0 52px; }
			#sitewrapper #main #content #copy img {
				padding: 5px; }

/* INTERIOR PAGES */

#sitewrapper #main #interior {
	background: #FFF;
	float: left;
	margin: 0 22px !important;
	margin: 0 11px;
	padding: 0;
	width: 828px; }
	#sitewrapper #main #interior #sidebar {
		float: right;
		width: 243px;
		background: #C1CDEA;
		position: relative; }
		#sitewrapper #main #interior #sidebar #news {
			width: 243px;
			padding: 20px 0 10px 0; }
			#sitewrapper #main #interior #sidebar #news h2 {
				width: 192px;
				height: 18px;
				color: #000;
				margin: 5px 0 5px 10px; }
				#sitewrapper #main #interior #sidebar #news h2#hdr_upcoming-events {
					background: transparent url("../images/hdr_upcoming-events.gif") no-repeat 0 0;
					text-indent: -5000px; }
				#sitewrapper #main #interior #sidebar #news h2#hdr_announcements {
					background: transparent url("../images/hdr_announcements.gif") no-repeat 0 0;
					text-indent: -5000px; }
				#sitewrapper #main #interior #sidebar #news h2#hdr_safety-tips {
					background: transparent url("../images/hdr_safety-tips.gif") no-repeat 0 0;
					text-indent: -5000px; }
			#sitewrapper #main #interior #sidebar div.sidebaritem {
				margin: 0 0 15px 10px; }
			#sitewrapper #main #interior #sidebar #news p {
				display: inline;
				width: 230px; }
				#sitewrapper #main #interior #sidebar #news p.viewall {
					display: block;
					text-align:right;
					font-style:italic;
					margin: 6px 0 8px 0; }
			#sitewrapper #main #interior #sidebar #news img {
				margin: 0 10px 0 0;
				float: left; }
		#sitewrapper #main #interior #sidebar #smallpics {
			float: left;
			position: relative;
			top: 15px;
			padding: 10px 0 55px 11px; }
		#sitewrapper #main #interior #sidebar #smallpics img {
			margin: 0;
			padding: 5px 3px 5px 0; }

	#sitewrapper #main #interior #copy {
		float: left;
		width: 500px;
		line-height: 24px;
		margin: 0;
		padding: 22px 25px 40px 50px; }
		#sitewrapper #main #interior #copy #photos {
			float:right;
			width:201px;
			margin:15px 0 15px 20px;}
		#sitewrapper #main #interior #copy img#pagephoto {
			margin:0 0 5px 0; }
		#sitewrapper #main #interior #copy img#pagephoto2 {
			margin:0 0 5px 0; }
		#sitewrapper #main #interior #copy img#pagephoto3 {
			margin:0 0 5px 0; }
		#sitewrapper #main #interior #copy p {
			margin: 0;
			padding: 5px 0 10px 0; }
		#sitewrapper #main #interior #copy h1 {
			font-size:24px;
			color:#333;
			margin-bottom:5px;}
		#sitewrapper #main #interior #copy h3 {
			font-size:12px;
			color:#000;
			margin:0;
			padding:0;  }
		#sitewrapper #main #interior #copy a {
			border-bottom:1px solid #ccc; }
		#sitewrapper #main #interior #copy a:hover {
			border-bottom:1px solid #1F4192; }
		#sitewrapper #main #interior #copy ul {
			margin: 0 0 15px 15px;
			padding: 0 0 0 5px;
			list-style:disc;
			line-height:20px; }
			#sitewrapper #main #interior #copy ul li {
				margin: 0 0 0 15px; }

div.ftr_contactinfo {
	clear: both;
	width: 872px;
	margin: 0 auto;
	font-weight:bold;
}
div.ftr_contactinfo p {
	color: #000;
	padding: 15px 0;
	text-align: center; }

form#contact label {
	float:left;
	clear:left;
}
form#contact input, form#contact textarea {
	float:left;
	clear:left;
}
form#contact input#submit_button {
	margin-top:20px;
}
div#msg {
	font-weight:bold;
	color:#c00;
	margin:1em 0;
}