/**
 ** safety-training-india.com  screen style sheet 
 * 
 * Styled by imi21.com 
 *  
 * *
 *   version 1 
 *   June 2009  
 */
body {
	background-color: #a69d7c;
	margin: 0px;
	text-transform: none;
	color: #000000;
	padding: 0px;
	font-size: 10pt;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}
#main {
	padding: 0px;
	width: 917px;
	margin: 16px  auto;
	clear: both;
}

#logo {
	margin: 0;
	width: 917px;
	height: 103px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
}
/* menu */
#menu {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	width: 917px;
	height: 46px;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
}
div.paragraph{
float:left;
	font-size: 10pt;
	width: 830px;
	text-align:justify;	
}
div.date{
	font-style: italic;
		font-size: 8pt;
	color:#999;
	text-align:right;
}
div#body{
	background-image: url(images/bkContent.jpg);
	background-repeat: repeat-y;
	width: 917px;
	margin: 0;
}
div#content {
  margin-left:40px;
  width:870px;
}
div#content .photo{
float:right;
padding:0px;
margin:5px 35px 0px 15px; 
border:double 4px #000;
}
div#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #004400;
	font-size: 18pt;
}
div#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #006600;
	font-size: 14pt;
}
div#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000070;
	font-size: 13pt;
}
div#content p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	text-align: justify;
	color: #000000;

}
div#content a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #000000;
}
div#content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #ffaa00;
}
div#content .align-right {
	float: right;
}
div#content .align-left {
	float: left;
	margin: 0 10px 10px 0;
}
div#content .frame {
	padding: 5px;
	border: 1px solid #ffaa00;
}
div#content .block-right {
	width: 250px;
	height: 164px;
	float: right;
	margin: 0 20px 20px 10px;
	background-image: url(images/blockbk.jpg);
	background-repeat: no-repeat;
}
div#content .block-right h2 {
color: #040;
	padding-bottom: 0;
	margin-top: 15px;
	margin-bottom: 8px;
	font-size: 15pt;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
}
div#content .block-right p {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	width: 180px;
	margin: 0 auto;
	color: #fff;
}
div#content .block-right a {
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	width: 180px;
	margin: 0 auto;
	color: #fff;
}
div#content .cell {
	width: 160px;
	vertical-align: top;
	padding-top: 10px;
	height: 120px;
	background-image: url(images/cellbk.jpg);
	background-repeat: no-repeat;
}
div#content .cell h2 {
	padding-bottom: 0;
	margin: 0;
	font-size: 15pt;
	text-align: center;
	font-weight: bold;
	background-color: transparent;
}
div#content .cell p {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	width: 100px;
	margin: 0 auto;
}
div#footer {
	margin: 0px;
	width: 917px;
	height: 107px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}
div#footer ul{
	height: 40px;
	font-size: 0.8em;
	margin: 10px auto;
	float: right;
	width: 917px;
	text-align: center;
}
div#footer ul li{
	display: inline;
	line-height: 3em;
	color: #333;
	height: 36px;
	padding: 4px 8px 4px 9px;
	border-left: 1px solid #666;
		border-right: 1px solid #888;
}
div#footer a {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #000;
	font-size: 10pt;
}
div#footer  a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
	font-size: 10pt;
}
div#copy {
	margin-top: 5px;
	font-weight: bold;
	font-style: italic;
	color: #404040;
	font-size: 10pt;
	text-align: center;
}
div#copy a {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #404040;
	font-size: 10pt;
}
div#copy a:hover, div#host a:hover{
	text-decoration: underline;
}
div#host {
	margin: 45px auto;
	text-align: center;
	font-weight: normal;
	font-style: italic;
	color: #444;
	font-size: 9pt;
}
div#host a {
	text-decoration: none;
	color: #333;
	font-size: 9pt;
}


/* contact*/
div#contact{
float:left;
width:500px;
}
div#contact fieldset {
	border: 1px solid #777;
	color: #000000;
	margin: 5px;
	padding: 5px;
	padding-right: 0;
	clear: both;
	width: 700px;
}
div#contact legend {
	font-size: 10pt;
	font-weight: bold;
	color: #777;
	padding: 4px;
	border: 1px solid #777;
}
div#contact label {
	display: block;
	width: 150px;
	float: left;
	margin: 2px 4px 6px 4px;
	text-align: right;
}
div#contact p {
	font-size: 10pt;
	clear: both;
}
div#contact input {
	width: 176px;
	border: 1px outset #ccc;
	padding: 1px 2px;
	margin-right: 10px;
}
div#contact textarea {
	width: 400px;
	height:100px;
}
div#contact .error {
	font-weight: bold;
	color: #f00;
}
div#contact input:hover {
	border: 1px solid #df7e00;
	;
	background: #ff6;
}
div#contact .button {
	font-weight: bold;
	background-color: #ccc;
	border: 1px outset #ccc;
	padding: 2px 8px;
}
div#contact .button:hover {
	font-weight: bold;
	background-color: #ddd;
	border: 1px inset #f00;
	padding: 2px 8px;
}
div#contact .error {
	color: #ff0000;
}
div#debug{
color: #990000;
background-color: #ddd;
}