﻿/*Created by Shweta Singh*/

/*----------Main styles-----------*/

* { padding: 0; margin: 0; }
body {
font-family:Arial, Verdana, Helvetica, sans-serif;
background: #F0F0F0;
}
#wrapper {
margin: auto;	
width: 770px;
background: #FFFFFF;
border: 1px solid #FFFFFF;
}
#logo {
 width: 340px;
 height: 81px;
 color: #333;
 padding: 10px;
 border: 0px solid #ccc;
 margin: 5px 5px 0px 5px;
}
#header {
 width: 750px;
 color: #333;
 padding: 5px;
 margin: 0px 5px 5px 5px;
 text-align: center;
 font-size: 14px;
}
#navigation{
 color: #333;
 background: #F0F0F0;
 margin: 2px 5px 2px 5px;
 padding: 5px;
 width: 750px;
}
#heading { 
 border: 1px solid #ccc;
 margin: 0px 5px 2px 5px;
 padding: 5px;
 width: 748px;
 text-align: center;
 font-size: 16px;
 font-weight: bold;
}
#content { 
 color: #333;
 margin: 0px 5px 2px 5px;
 padding: 5px;
 width: 750px;
 text-align: justify;
 font-size: 12px;
 word-spacing: 2px
}
h3 {
font-size: 16px;
font-style: italic;
margin-left:20px;
margin-right:20px;
padding-top:8px;
padding-bottom:8px;
}
p{
margin-left:20px;
margin-right:20px;
padding-top:5px;
padding-bottom:5px;
}
#content li{
padding:2px;
margin-left:40px;
margin-right:20px;
}
.italic{
font-style: italic;
}
#footer { 
 width: 738px;
 color: #333;
 border: 1px solid #ccc;
 margin: 0px 5px 5px 5px;
 padding: 10px;
 text-align: center;
 font-size: 10px;
}
iconimg{
 width:112px;
 height: 33px;
 float: left;
 border: 0px;
 padding: 5px;
}

/*----------Menu styles-----------*/

#nav, #nav ul
{
 background-color:#fff;
 color:#000;
 margin:0;
 padding:0;
 list-style:none;
 font-size: 14px;
}
#nav li
{
    background-color:#fff;
    color:#000;
	float: left;
    padding:0 1px 0 0;
}
#nav li a
{
    background-color:#888888;;
    display:block;
    padding:5px;
}
#nav li a:link, #nav li a:visited
{
    background-color:#888888;;
    color:#fff;
    display:block;
    padding:5px;   
	text-decoration:none;
}
#nav li a:hover
{
    background-color:#dadada;
    color:#000;
}

/*----------Form styles-----------*/

form {  
 color: #333;
 margin: 0px 5px 2px 5px;
 padding: 5px;
 width: 750px;
 text-align: justify;
 font-size: 12px;
}
fieldset {
 border-color: #000;
 border-width: 0px;
 border-style: solid;
 padding: 10px;       
 margin: 0;
}
label { 
 display: block;  
 float: left; 
 width: 150px; 
 padding: 0; 
 margin: 5px 0 0; 
 text-align: right; 
}
input, textarea {
 width:auto;      
 margin:5px 0 0 10px; 
}
select{
 width:auto;      
 margin:5px 0 0 10px;
}
input#reset {
 margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { 
overflow: auto; 
}
.required{
font-weight:bold;
}
br {
clear:left; 
}
.layer{	 
display:none;
background: #F0F0F0;
border: 1px solid #ccc;
margin: 0px 5px 2px 5px;
padding: 5px;
}
form li{
padding:2px 2px 2px 5px;
margin: 2px 0px 2px 30px;
}
form h3 {
font-size: 16px;
font-style: italic;
color: #FF0066;
margin: 5px 0px 5px 0px;
padding:5px;
}
