@import url("reset.css");
@import url("colorbox.css");
@import url("typography.css");
@import url("SEAtrain-theme-1.0.css");
body {
	color: #000;
	background: #fff url(../images/bk_2.gif);
	font-family: Georgia, Times, 'Times New Roman', serif;
	}

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

#header {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: center;
	height:60px;
	}
	
/* Body */

#body {
	width: 780px;
	margin: 0 auto;
	padding:40px 10px 75px;
	background:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	font-size:14px;
	overflow:hidden;
	}
	
	#body #left-column h3, #body #right-column h3 {
		position:relative;
		left:10px;
		font-size:16px;
		}
	#body #left-column {
		width:420px;
		float:left;
		margin:0 20px;
		}
	#body #right-column {
		border-left:1px dotted #000;
		width:200px;
		float:left;
		margin:0;
		padding-left:55px;
		}
		#right-column select, #left-column select {
			position:relative;
			left:10px;
			}
	#body #index table { 
		width:701px; 
		margin:0 auto 20px;
		}
		
		#body #index label {
			padding-left:40px;
		}
		
		#body #usa {
			float:left;
			width:320px;
			margin-right:25px;
			}
			#body form#state select {
				
				}
		#body div.row {
			font-size:16px;
			display:block;
			overflow:hidden;
			border-bottom:1px dotted #000;
			line-height:18px;
			padding:15px 0;
			}
				#body div.row a.readmore {
					color: #000;
					}
					
			#body div.row:last-child {
				border:none;
				}
			#body div.row:hover {
					background-color:#E2E2E2;
				}
			#body div.row a {
				color: blue;
				text-decoration:underline;
				}
			#body div.row label {
				padding:0;
				display:block;
				}
				#body div.row label.last {
					padding-bottom:10px;
					}
			#body div.row #location {
				margin:0 0 10px 0;
				}
		#body #search {
			clear:left;
			padding:20px 0 0 0;
			}
			#pictures {
				float:left;
				display:inline;
				width:250px;
				height:210px;
				margin:0 0 0 20px;
				padding:0;
				}
			
			#pictures img {
				max-width:200px;
				max-height:150px;
				display:block;
				padding:10px;
				}
	#body h1 {
		margin:10px;
		font-size:30px;
		border-bottom:1px solid #000;
		clear:right;
		}
	
	#body h2 {
		font-size:23px;
		color:#2B2B2B;
		padding:10px 0 2px 0;
		margin:0 0 15px 20px;
		}
			
	#body #sub-navigation {
			text-align:right;
		}
			
	#body #confirm, div#error {
		clear:right;
		border:1px outset #fff;
		text-align:center;
		margin:30px 40px 20px;
		padding:20px 0;
		font-size:18px;
		background:#E2E2E2 url(../media/prompt-gradient.png) top left repeat-x;
		}
		
		#body #confirm a, div#error a {
			width:150px;
			display:block;
			margin-top:10px !important;
			margin-left: auto !important;
			margin-right: auto !important;
		}
		
		#body #confirm label { 
			display:block; 
			padding-bottom:20px;
			}
			
		#body #confirm a {
			padding:3px 10px;
			margin:5px;
			display:inline;
			}
			
			#body #confirm a:hover {
				padding:2px 9px;
				border:1px inset #000;
				background:#AAA;
				}
				
	/*Profile Page */
				
	#profile {
		float:left;
		display:inline;
		padding:0 0 0 40px;
		font-size:16px;
		border-left:1px dotted #000;
		width:450px;
		}
		
		#profile .address {
			margin:0;
			padding:0;
			}
			
			#profile #contact {
				margin:15px 0;
				}
			
			#profile #contact label {
				display:block;
				}
		
		#profile h2 {
			margin:0;
			padding:0;
			}
		
		#profile #philosophy, #profile #technology {
			margin-bottom:15px;
			}
			
	/* 3 Column Layout */		
	#body .column {
		padding:5px 20px;
		width:210px;
		margin-top:40px;
		border-right:1px dotted #000;
		float:left;
		display:inline;
		padding-right:20px;
		text-align:center;
		}
			
		#body div.img {
			border:1px solid #000;
			margin:0 auto;
			width:150px;
			height:100px;
			}
			
			#body div.img img {
				max-width:150px;
				max-height:100px;
				}
		
		#body #images select {
			margin-left:40px;
			}
		
		#body h4 {
			font-size:16px;
			font-weight:normal;
			text-align:left;
			margin:0;
			padding:10px 30px;
			}
		
		#body .column h3 {
			font-size:20px;
			text-align:left;
			margin-bottom:15px;
			}
			
			#body #first-column {
				margin-left:10px;
				}
				
			#body #last-column {
				padding-right:0;
				border:0;
				}
			
			#body .column input { display:block }
		
		#body .column input[type="file"] { 
			font-size:10px; 
			margin:10px 10px;
			}
			
		#body .column input[type="submit"] {
			float:right;
			border:1px outset #000;
			background:#E2E2E2 url(../media/prompt-gradient.png) top left repeat-x;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			}
			
			#body .column input[type="submit"]:active {
				float:right;
				border:1px inset #000;
				color:#fff;
				background:#000 url(../media/prompt-gradient.png) top left repeat-x;
				}
				
		#body #progress {
			padding:15px 40px;
			display:none;
			clear:right;
			border:1px outset #fff;
			text-align:center;
			margin:30px 40px 20px;
			padding:20px 0;
			font-size:18px;
			background:#E2E2E2 url(../media/prompt-gradient.png) top left repeat-x;
			}
		
		#body .column iFrame {
			border:0;
			width:0;
			height:0;
			}
			
	/* Login Form */
	#login-form {
		width:300px;
		font-size:14px;
		margin:100px auto;
		}
		
		#login-form input[type="text"], #login-form input[type="password"], 
		#login-form input[type="submit"], #login-form input[type="button"] {
			font-size:14px;
			padding:3px 4px;
			margin:0 0 25px 0;
			}
				
		#login-form label {
			width:200px;
			}
		
		#login-form input[type="text"], #login-form input[type="password"]{
			display:block;
			width:295px;
			margin:5px 0 15px 0;
			}
	
	/*Form Pages*/
	
	form {
		font-size:16px;
		}
		
		form input {
				padding:3px 4px;
				font-size:16px;
			}
			
		form input[type="text"], form input[type="password"], select {
			display:block;
			}
		
		fieldset#buttons { margin-right:40px; }
		
			
		fieldset#login input[type="text"], fieldset#login input[type="password"], #first, #last, 
		#country, form .address, #phone, #fax, #email, #url, select {
			margin-bottom:25px;
			}
				
		fieldset#login, fieldset#contact {
			margin:25px;
			padding:15px;
			border-bottom:1px dotted #000;
			}
			
			fieldset#permissions {
				border:1px outset #000;
				padding:10px;
				padding-bottom:15px;
				width:285px;
				margin-top: 20px;
				margin-bottom:10px;
				font-size:14px;
				}
				
				fieldset#permissions legend {
					display:none;
					}
				
				fieldset#permissions li {
					display:inline;
					padding:15px;
					}

		input.address {
			width:400px;
			margin-bottom:10px;
			}
			
			input[name="address2"] { margin-bottom:25px; }
		
		textarea {
			margin:0 40px 20px 40px;
			width:400px;
			height:100px;
			}
			
		#country { width:100px; }
		#city { width:125px; }
		#state { width:25px; }
		#zipcode { width:55px; }
					
		ul#location input {
				display:inline;
				}
				
		ul#location li {
			float:left;
			display:inline;
			}

			ul#location li#city { width:150px; }
			ul#location li#state { width:50px; }
			ul#location li#zipcode { width:80px; }
			ul#location li#country select { margin-top:7px; }
		
		table#hours {
			margin:0 0 30px 0;
			}
			
			table#hours th {
				width:750px;
				}
					table#hours th:first-child {
							width:50px;
						}
			
			table#hours td {
					text-align:center;
				}
			
				table#hours td {
					vertical-align:middle;
					}
					
			table#hours input{
					width:60px;
					margin:5px auto;
					font-size:12px;
					text-align:center;
				}
			table#hours select {
					width:70px;
					margin:10px auto 0;
					font-size:12px;
				}
			
			
		fieldset#buttons { margin-left:40px; }
		
	/* Common Themes */
			
	label.disclaimer {
		font-size:12px;
		color:#990000;
		position:relative;
		bottom:1px;
		left:5px;
		}
	
	.staffTable {
		font-size:14px;
		width:100%;
		margin-bottom: 20px;
		}
		
		.staffTable th {
			text-align:left;
			font-size:16px;
			}
				
			.staffTable td {
				padding:4px 10px;
				border:1px solid #fff;
				border-left:none;
				border-right:none;
				cursor:pointer;
			}
			
			.staffTable tr:hover td {background:#A6A6A6; }
	
	.themeTable {
		font-size:16px;
		margin-bottom:30px;
		}
	
		.themeTable th {
			background-image:url(/admin/media/navgrad.png);
			border:1px solid #fff;
			font-size:14px;
			color:#fff;
			padding:3px 5px;
			}
		
				.themeTable th:first-child {
					-moz-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
				}
				
				.themeTable th#edit { width:30px; }
				.themeTable th#delete { width:40px; }
				
				.themeTable th:last-child {
					-moz-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
				}
				
			
			.themeTable th a { color:#fff; }
			.themeTable th a:hover { text-decoration:underline; }
			
		.themeTable td {
			padding:4px 5px;
			border:1px solid #fff;
			border-left:none;
			border-right:none;
			cursor:pointer;
			
			}
			
			.themeTable td:first-child { border-left:1px solid #fff; }
			.themeTable td:last-child { border-right:1px solid #fff; }

			.themeTable tr.even td{ background:#E1E1E1; }
			.themeTable tr.odd td{ background:#c4c4c4; }
			.themeTable tr:hover td {background:#A6A6A6; }
	
	.hoursTable {
		font-size:12px;
		margin-bottom:30px;
		margin-left: 0;
		}
	
		.hoursTable th {
			background-image:url(/admin/media/navgrad.png);
			border:1px solid #fff;
			font-size:12px;
			color:#fff;
			padding:3px 5px;
			}
		
				.hoursTable th:first-child {
					-moz-border-radius-topleft: 5px;
					-webkit-border-top-left-radius: 5px;
				}
				
				.hoursTable th#edit { width:30px; }
				.hoursTable th#delete { width:40px; }
				
				.hoursTable th:last-child {
					-moz-border-radius-topright: 5px;
					-webkit-border-top-right-radius: 5px;
				}
				
			
			.hoursTable th a { color:#fff; }
			.hoursTable th a:hover { text-decoration:underline; }
			
		.hoursTable td {
			padding:4px 5px;
			border:1px solid #fff;
			border-left:none;
			border-right:none;
			cursor:pointer;
			}
			
			.hoursTable td:first-child { border-left:1px solid #fff; font-size:14px;}
			.hoursTable td:last-child { border-right:1px solid #fff; }

			.hoursTable tr.even td{ background:#E1E1E1; }
			.hoursTable tr.odd td{ background:#c4c4c4; }
			.hoursTable tr:hover td {background:#A6A6A6; }
			
	.themeButton {
		padding:4px 5px;
		color:#fff;
		border-left:1px solid #990000;
		border-top:1px solid #990000;
		border-right:1px solid #660000;
		border-bottom:1px solid #660000;
		background-image:url('../media/buttongrad.png');
		}	
		
		.themeButton:hover {
			text-decoration:underline;
			}
		
		.themeButton:active {
			border:1px solid #990000;
			background-image:url('../media/navgrad.png');
			}
		
	
	.themeDDButton {
		position:relative;
		margin:0;
		padding:0;
		float:right;
		}
		
		.themeDDButton li {
			margin:0;
			padding:0 9px 0 0;
			width:50px;
			}
						
			.themeDDButton li a {
				position:relative;
				padding:4px 5px;
				color:#fff;
				border-left:1px solid #990000;
				border-top:1px solid #990000;
				border-right:1px solid #660000;
				border-bottom:1px solid #660000;
				background-image:url('../media/transparentgrad.png');
				background-color:#990000;
				z-index:1000;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				}
				
				.themeDDButton li a:hover {
					border:1px solid #000;
					-moz-border-radius-bottomleft:0;
					-webkit-border-bottom-left-radius:0;
					-moz-border-radius-bottomright:0;
					-webkit-border-bottom-right-radius:0;
					}
			
			.themeDDButton .divider, .themeDDButton .divider:hover {
				border:none !important;
				border-bottom:1px solid #fff !important;
				padding:0 !important;
				margin:0 10px !important;
				cursor:auto !important;
				}
			
			.themeDDButton .backToHome {
					text-align:center;
				}
				
			.themeDDButton li:hover ul {
				display:block;
				z-index:900;
			}
				.themeDDButton li:hover .themeDDButtonLink {
					border:1px solid #990000;
					border-bottom:none;
					background-color:#990000;
					
					-moz-border-radius-bottomleft:0;
					-webkit-border-bottom-left-radius:0;
					-moz-border-radius-bottomright:0;
					-webkit-border-bottom-right-radius:0;
				}
				
		.themeDDButton ul {
				position:absolute;
				right:0px;
				top:15px;
				border:1px solid #fff;
				background:#990000 url(../media/transparentgrad2.png) bottom left repeat-x;
				margin:2px 0 0 0;
				padding:0;
				display:none;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-moz-border-radius-topright:0;
				-webkit-border-top-right-radius:0;
				-moz-box-shadow:1px 1px 25px #000;
				-webkit-box-shadow:1px 1px 25px #000;
			}
			
			.themeDDButton li li {
				text-align:left;
				margin:3px 7px;
				padding:3px 4px;
				min-width:150px;
				cursor:pointer;
				display:block;
				}
				
				.themeDDButton li li:first-child { margin-top:5px; }
				.themeDDButton li li:last-child { margin-bottom:5px; }
				
				.themeDDButton li li:hover {
						padding:2px 3px;
						border:1px solid #000;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						background:#fff;
						color:#000;
					}
					
					.themeDDButton li li:hover a {
						color:#000;
						}
						
				.themeDDButton li li a {
					color:#fff;
					margin:0;
					background:none;
					border:none;
					}
				
					.themeDDButton li li a:hover {
						text-decoration:underline;
						border:none;
						background:none;
						}
		
		
			
/* Footer */

#footer {
	width: 800px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	overflow: auto;
	border-top: 1px solid #bfbfbf;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	background:#000;
	color:#fff;
	}

	#footer li {
		display: inline;
		}