body { 
	padding: 0px; 
	margin: 10px; 
	font: 100%/1.45 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	color: #454545; 
}

a {
	color: #185DA0;
	background: inherit;
}

a:hover {
	color: #9EC068;
	background: inherit;	
}


h1 {
	text-align: center;
	font: bold 2em Arial, Sans-Serif;
	letter-spacing: -1px; 
	margin: 0;
	color: #3366FF;
}

h1 a, h2 a {
	text-decoration: none;
}

h1 a:hover, h2 a:hover {
	color: #FF6600;
	background: #FFF;
}


h2 { 
	font: bold 140% Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: -1px;
}

h3 { 
	font: bold 140%/1.4 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	letter-spacing: -1px;
}

h4 { 
	font: bold 140%/1.4 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	color: #4A8E00; 
}
	

p {	
	margin: 0 0 15px 0;
	
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.login { 
	width: 130px;
	border: #666666 solid 1px; 
	padding: 3px; 
}

.content { 
	margin: 10px auto;
	width: 1000px;
	background: #FFFFFF;
}
.splashContent { 
	margin: 10px auto;
	width: 530px;
	background: #FFFFFF;
}

.header { 
	padding: 2px;
}

.InstTable {
	background-color:#FFFFFF;
	border-width:medium;
	border-bottom-color:#CCCCCC;
	border-right-color:#CCCCCC;
	border-top-color:#F0F0F0;
	border-left-color:#F0F0F0;
}
	.InstTable th {
		background-color:#CCCCCC;
		text-align:center;
	}


.status {
	float: right;
	width: 500px;
}


	.status_right {
		float: right;
		padding: 0 0 0 0px;
	}
	
.splashStatus {
	float: right;
	width: 500px;
}


	.splashStatus_right {
		float: right;
		padding: 0 0 0 0px;
	}

	.logo {		
	
	}


.bar { 
	font: bold 140%/1.4 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	background: #FFF;
	clear: both;
	padding: 2px 2px 2px 2px;
}
.splashBar { 
	font: bold 75%/1.4 Helvetica, "Lucida Grande", Arial, Verdana, sans-serif;
	background: #FFF;
	clear: both;
	padding: 2px 2px 2px 2px;
}
	.splashBar li { 
		margin: 0; 
		padding: 0px 10px 0px 10px;
		float: left; 
	}
	.splashBar a { 
		font-weight: bold;
		color: #4A8E00; 
		background: inherit;	
		text-decoration: none;
	}
	.splashBar a:hover {
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
		text-decoration: none;
	} 
		.bar li { 
		margin: 0; 
		padding: 0px 10px 0px 10px;
		float: left; 
	}
	.bar a { 
		font-weight: bold;
		color: #4A8E00; 
		background: inherit;	
		text-decoration: none;
	}
	.bar a:hover {
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
		text-decoration: none;
	}

.menubar { 
	clear: both;
	font-size: 0.95em;
}

	.menubar li { 
		margin: 0; 
		padding: 4px 10px 8px 10px;
		color: #808080;
		float: left; 
	}
	
	.menubar li.active {  
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.menubar a { 
		text-decoration: none;
		font-weight: bold;

	} 
	
.headerImage {
	width: 100%; 
	height: 166px;
}
.headerFlash {
	width: 100%; 
	height: 240px;
}
.flashHeader {
	width: 100%; 
	height: 240px;
}

.topheader { 
}

.subheader {
	margin: 27px auto;
	text-align: center;
	background-color: #E5EEFF;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	padding: 13px;
	margin-bottom: 10px;
}

/* left side
   --------- */

.left {
	float: left;
	width: 66%;
	padding: 0px 0px 0px 10px;
}
	.left_articles {
		margin: 0px 0 10px 0;
	}

	.left_links {
		border: 1px solid #999;
		padding: 10px 5px 10px 10px;	
		margin: 0 0 0 0;
	}
	
	.menu_title {
		background: #FFFFFF url(/images/head.gif) repeat-x top left;
		text-align: center;
		padding: 3px 3px 3px 3px;
		color:#333333;		
		font: bold 1.2em Arial, Sans-Serif;		
	}

	.left_links_footer {
		text-align: center;		
	}
		
	.contact {
		border: 1px solid #999;
		padding: 5px;	
		margin: 0 0 10px 0;
		background: #fff;
		color: #454545; 
	}
	
	.right_message:hover {
		border: 1px solid #ccc;
	}
	
		.left_side {
			float:	left;
			width: 40%;
		}
		
		.right_side {
			float:right;			
			width: 50%;
		}
		
	.left_box {
		background: #f4f4f4;
		color: #000;
		border: 1px solid #ccc;
		padding: 10px;
	}
	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 30%;
	padding: 0px 10px 5px 5px;
}

	.right_login {
		padding: 5px;
		border: 1px solid #999;		
		margin: 0 0 10px 0;
	}

	.right_login_button {
		text-align: right;
	}

	.menu {
		border: 1px solid #999;
		padding: 8px;	
		margin: 0 0 10px 0;
	}

	.testimonials {
		border: 1px solid #999;
		padding: 8px;	
		margin: 0 0 10px 0;
	}

	.testimonial-quote {
		margin-left: 20px;
	}

	.testimonial-attrib {
		margin-left: 30px;
	}
	
	.right_articles:hover {
		border: 1px solid #ccc;
	}

.image {
	float: left;
	margin: 0 9px 3px 0;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #8080F0;
	background: #FFF;
	padding: 20px;
}

.footer a {
	color: #9EC068;
	background: #fff;
}

/* objects
	------*/
.saveButton {
	width: 80%;
}

.dtgGeneric {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;                     
}

.genHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
}

.dtgThemes {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;                     
                     text-align: left;
}
.dtgThemesHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
       text-align: center;
}

.dtgThemesFooter {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
       text-align: center;
}

.dtgImps {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;      
                     text-align: left;               
}
.dtgImpsHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
       text-align: center;
}

.dtgImpsFooter {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
       text-align: center;
}

table#dtgInferences {
                     width: 100%;
}

.dtgInf {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;
}

.dtgInfHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
}

.ajInferences {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;                     
}

.ajInfHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
}

.sftResponse {
	width: 99%;
}

.largeFTResponse {
	width: 99%;
	height: 350px;
}

.feelingsRecord {
	width: 99%;
	height: 250px;
}

.dtgJobDims {
                     width: 100%;
                     border: outset 5px;
                     padding: 2px;
                     spacing: 0px;
}

.dtgJobDimsHeader {
       background: #CCCCCC;
       border: #333333 1px;       
       font-weight: bold; 
}