body{
	margin: 0px;
	padding: 0px;
	background-color: #FFFFEB;
	font-family:Arial, Helvetica, sans-serif;
}
#page{
	width:100%;	
}
	#header{
		height: 150px;
		width: 100%;
		padding: 0px;
		margin: 0px;
	}
		#header #siteTitle{
			padding: 10px 0px 0px 0px;
			margin: 0px;
			text-align: center;
		}
		#header #tabs{
			text-align: right;
			padding: 0px;
			margin: 5px 0px 0px 0px;
			border-bottom: #000000 thin solid;
		}
			#header #tabs img{
				margin-right: 20px;
				margin-left: 15px;
				margin-bottom: -5px;
				padding: 0px;
			}
			#header #tabs a{
				margin: 0px;
				padding: 0px;
			}
		#header #logo{
			position: absolute;
			margin: 10px 0px 0px 35px;
			padding: 0px;
			z-index: 1;
		}
		#header #dsdp{
			position: absolute;
			right: 30px;
			padding: 0px;
			z-index: 1;
		}
	#wrapper{
		border: none;
		min-width: 900px;
	}
		#menu{
			width: 160px;
			text-align: left;
			padding-top: 10px;
			float:left;
			border-right: #000000 thin solid;
			margin-right: 10px;
		}
			#searchPanel{
				background: url(../SiteImages/searchBG.jpg) top left no-repeat;
				padding: 0px;
				margin: 0px 0px 10px 10px;
				position: relative;
				height: 25px;
			}
				#searchPanel input{
					width: 83px;
					border:none;
					background:none;
					margin: 2px 0px 0px 13px;
					color:#CCCCCC;
				}
				#searchPanel a{
					display:block;
					position:absolute;
					border:solid 0px green;
					height: 20px;
					width: 30px;
					top: 0px;
					left: 110px;
					text-decoration:none;
					
				}
			#menu ul{
				list-style: none;
				margin: 0px;
				padding: 0px;
			}
			#menu li{
				padding: 2px 20px 0px 20px;
				margin: 0px 0px 10px 10px;
				height: 36px;
				width: 100px;
				cursor: pointer;
				text-transform: uppercase;
				background-repeat: no-repeat;
				background-position: center center;
				line-height: 15px;
				text-align: center;
				vertical-align: middle;
			}	
			#menu li a{
				color: #FFFFFF;
				text-decoration: none;
				font-size:12px;
				font-weight: bold;
			}
			#ramskiPromote{
				text-align: center;
				padding: 0px;
				margin: 0px;
			}			
				.ramskiPromote{
					font-size: 10px;
					text-align:center;
					color:#999999;
					line-height:30px;
				}	
				.ramskiPromote a{
					font-size:16px;
					color: #000000;
					font-weight: bold;
					text-decoration:none;
				}
		#contentWrapper{
			margin: 0px;
			padding: 0px;
			/*border-bottom: #000000 thin solid;*/
		}
			#rightColumn{
				float: right;
				width: 160px;
				margin: 0px;
				padding: 0px 10px;;
			}
			#rightColumn div{
				border: solid #32328C thin;
				font-size: small;
				overflow: auto;
			}
				#rightColumn div ul{
					margin-left: 0px;
					padding-left: 15px;
					font-size: x-small;
				}
				#rightColumn div li{
					list-style: disc;
				}
				.panelTitle{
					background-color: #32328C;
					color: #FFFFFF;
					font-weight: bold;
					font-size: small;
					text-align: center;
				}
				.panelContent{
					color: #000000;
					padding: 5px;
					margin-bottom: 5px;
					}
					.panelContent p{
						font-size: 11px;
						margin: 0px;
						padding: 0px 3px 10px 3px;
					}
					.panelContent p.noPadding{
						padding-bottom: 0px;
					}
					.panelContent a{
						color: #75BAFF;
						font-weight: bold;
						text-decoration: none; 
					}
						
				#firstPanelContent {
					height: 300px;
				}
				#secondPanelContent {
					height: 100px;
				}
				
			#leftColumn{
				padding: 5px;
			}
				#contentTitle{
					font-size: small;
					height: 50px;
				}						
					#contentTitle h3{
						font-size: 14pt;
						font-weight: bold;
						text-transform: uppercase;
						margin: 5px 0px 5px 0px;
					}
					#contentTitle h3 span.title{
						background: url(../SiteImages/titleBG.png) repeat-x;
					}
					#contentTitle ul{
						margin: 5px 0px 0px 0px;
						padding: 0px;
						color: #75BAFF;
					}
					#contentTitle li{
						display:inline;
						list-style:none;
					}
					#contentTitle .fakeLink{
						font-weight:bold;
						text-decoration: none;
						color: #75BAFF;
					}				
				#content{
					height: 425px;	
					overflow: auto;
					font-size: small;
				}
					#content .formSection {
						text-align: left;
						padding: 5px;
						width: 550px;
						margin-left: 5%;
					}
						#content .formSection .textBox{
							width: 400px;
						}					
					#content .formSectionTitle{
						font-weight: bold;
						text-transform: uppercase;
					}
					#content .formTitle{
						font-weight: bold;
					}
					#content p{
						margin: 10px 0px; 
					}
					#content a{
						font-weight: bold;
						color: #75BAFF;
						text-decoration: none; 
					}	
					#content h2{
						font-size: medium;
					}
					#content h3.resourceTitle{
						font-size:large;
					}
					h4{
						font-size:medium;
					}
					#content h4.resourceTitle {
						font-size:medium;
					}	
					#content h5.resourceTitle {
						font-size:small;
					}
					#content *.resourceTitle {
						margin:0px;
						padding:0px;
						font-weight: bold;	
					}
					#content .resources{
						list-style:none;
					}
					#content #contactList tr td{
						padding: 10px;
					}
					#content .subTitles{
						font-weight: bold;
						text-transform: uppercase;
					}
						#content .resources li{
							padding-bottom: 15px;
						}
					#content ul{
						margin: 0px;
						padding: 0px 15px;
					}
						#content ul.searchResults{
							list-style:circle;
						}
					#content #selfEvalDownload{
						float:right;
						padding: 3px;
						margin: 25px 0px 3px 3px;	
					}
					#content table.evaluation{
						margin-left: 1px;
						border-collapse: collapse;
						border: 2px solid #999999;
					}
						#content table.evaluation td, table.evaluation th{
							border: #999999 1px solid;
							width: 25%;
							padding: 3px 5px;
							vertical-align: top;
						}
					#content #submitDetailsTable{
						border:none;
						width: auto;
					}
						#content #submitDetailsTable *{
							border: none;
							width: auto;
						}
						#content #submitDetailsTable input{
							border: 1px #999999 solid;
						}
					#content table.stageTable{
						margin-left: 1px;
						margin-top: 10px;
						border-collapse: collapse;
						width: 90%;
					}
					#content .stageTable .stageTitle{
						text-align: center;
						vertical-align: top;
						padding: 3px;
					}
					#content .stageTable .stageActivities{
						width: 30%;
						text-align: center;
						vertical-align: top;
						padding: 3px;
					}
					#content .stageTD{
						text-align: left;
						vertical-align: middle;
						width: 40%;
					}
					#content .stageTD ol{
						list-style: lower-alpha;
					}
					#content .stageTDimage{
						text-align: center;
						vertical-align: middle;
						width: 20%;
					}
img{
	border:none;
}
.fakeLink{
	cursor:pointer;
	text-decoration:underline;
}
.fakeLink:hover{
	text-decoration:none;
}
.error{
	color: #FF0000;
	font-weight: bold;
	font-size: x-small;
}
.red{
	color:#722E2E;
}

/*-------------------------------------------------Panel for "did you know?"-------------------------*/

.popPanelWide{
	position: absolute;
	left: 175px;
	top: 300px;
	height:167px;
	width: 750px;
	display:none;
	z-index: 3;
	color:#FFFFFF;
	font-size:small;	
}
	.popPanelWide .popPanelContent{
		text-align:left;
		height: 120px;
		margin: 10px;
		overflow:auto;
	}
	.popPanelWide .popPanelCloseBt{
		text-align:center;
		width: 750px;
	}
		.popPanelWide .popPanelContent h3{
			font-size:medium;
			margin: 0px;
		}
		.popPanelWide .popPanelContent table td{
			height: 25px;
		}
/*-------------------------------------------------css for error 404 page-------------------------*/
#notfound{
	margin: 20px;
}
	#notfound h1.error404{
		color: #75BAFF;
	}
	#notfound a.error404{
		color: #75BAFF;
		font-weight: bold;
	}
	#notfound a.error404:hover{
		color: #000000;
	}