body{
	margin:0px 0px;
	padding:0px;
	font-family: Calibri, Arial, sans-serif;		
	/*background-image:url(../Images/blue.jpg);*/
	background: #eeeeee;
	/*background:#D6E2D3*/
	}

tabborder{
	border-color:#000000;
	border-width:1px;
	color:#000099;
	font-family: Calibri, Arial, sans-serif;	
	font-size:14px;
	font-weight:bold;
}
#heading{
	height:150px;
	margin-top:0px;
	position:relative;
	background-color:#E2EDFE;
	color:#000033;
	font-size:14px;
}
.heading{
	font-family: Calibri, Arial, sans-serif;	
	color:#000099;
	font-size:14px;
	font-weight:bold;
}
input.mandatory {
	width:120px;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
	font-size:12px;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	background-color: #FFFFD9;
}
/*.width200 {
	width:450px;
}*/
input.notmandatory {
	width:120px;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
	font-size:12px;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	background-color: #FFFFFF;
}
input.readonly {
	width:100px;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
	font-size:12px;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	color:#910000;
	background-color: #D6E2D3;
}
textarea.readonly {
	width:auto;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	font-size:12px;
	color: #910000;	
	background-color: #D6E2D3;
}
textarea.mandatory { 
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	background-color: #FFFFD9;
	font-size:12px;
}
textarea.notmandatory { 
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	font-size:12px;
	color: #003333;	
}
select.mandatory{
	width:120px;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
	font-size:12px;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	background-color: #FFFFD9;
}
select.notmandatory{
	width:120px;
	border-bottom: 1px solid #9caace; 
	border-right: 1px solid #9caace;
	border-top: 1px solid #9caace; 
	border-left: 1px solid #9caace;
	font-size:12px;
    font-family:Calibri, Arial, sans-serif;	
    font-weight:Normal;
	background-color: #FFFFFF;
}

form {
	margin: 0;
}
td{	
	font-color:#000099;
	font-family: Calibri, Arial, sans-serif;
	font-size:14px;	
	line-height: 18px;
	color:#000099;
	text-align:left;
}
input, select {
	font-size: 0.9em;
}
.groovybutton
{
   font-size:11px;
   font-family:Calibri, Arial, sans-serif;	
   font-weight:bold;
   color: #000000;
   width:90px;
   background-color:#FCEDD1;
   border-style:solid;
   border-color: #7C7CBE;
   border-width:1px; 
   cursor:pointer;  
}

table.tableData3 {
	font-size: 0.9em;
	border-top: 1px solid #FEC6B8; 
	border-left: 1px solid #FEC6B8;
	text-align:left;
   	border-color:#548998;
}
table.tableData3 th {
	border-bottom: 1px solid #548998; 
	border-right: 1px solid #548998; 
	text-align: center;
	padding: 4px;
	vertical-align:bottom;
	background:#D7EAFB;
}
table.tableData3 td {
	border-bottom: 1px solid #548998; 
	border-right: 1px solid #548998;
	background:#D7EAFB;
	padding: 4px;
	vertical-align: top;
}
.links
{
	border-right: 0px solid #CECECE;
	border-top: 0px solid #E5E5E5;
	color:#663333;
	padding-top: 4px;
	font-size:18px;
}

#navg {    
	z-index:6;
    position:relative;
    top:0px;
	left:0px;
    width:100%;
    height:15%;
	background:url(../images/BG.png) repeat;
	
}
#navg-container {    
    width:960px;
    height:100px;
	background:#FFFFFF;
    margin:0 auto;
}
#navg-wrapper {    
    width:936px;
    height:100px;
	background:#FFFFFF;
    margin:0 auto;
}
#navg-wrapper-lcol {
	top:0px;
	bottom:0px;
	position:relative;
	width:300px;
	height:85px;
	float:left;
}
#navg-wrapper-rcol {
	top:10px;
	bottom:10px;
	position:relative;
	width:636px;
	height:100px;
	float:left;
	text-align:center;
	font-family:Calibri, Arial, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#808080;
}
#navg-wrapper-rcol li {    
	display:block;
    float:left;
	padding-top:50px;
    padding-right:0px;
    border-right:0px;
    margin-left:45px;
	font-family:Calibri, Arial, sans-serif;	
	font-size:14px;
	font-weight:bold;
	color:#808080;
}
/* Links and Images */
 a{
	/*background:#F9F9F9;*/
	border-right: 0px solid #CECECE;
	border-top: 0px solid #E5E5E5;
	border-bottom: 0px solid #E5E5E5;
	color: #9900CC;
	padding-top: 4px;
/*	width: 249px; height: 26px;*/
	text-decoration:none;
}
a:hover{
	/*background: #EEE;*/
	border-right: 0px solid #CECECE;
	border-top: 0px solid #E5E5E5;
	font-weight: bold;
	color: #990000;
	padding-top: 4px;
	/*width: 249px; height: 26px;*/
}
 img {
 	border: none;
	
 }
 .hovtext:hover {
	border: 1px solid #CCAE86;
	cursor:pointer;
	box-shadow: 0px 0px 5px #CCAE86;
}
 .playbut:hover {
	border: 1px solid #9CA280;
	cursor:pointer;
	box-shadow: 0px 0px 5px #9CA280;
}
#home-box {    
    position:absolute;
    top:100px;
	left:0px;
    width:100%;
    /*height:84%;*//*550px*/
	background:url(../images/BG.png) repeat;
}
#home-box-container {    
    width:960px;
    /*height:100%;*/
	background:#C0D391;
    margin:0 auto;
}
#home-box-wraper {    
    width:960px;
   /* height:100%;*/
    
	background:#C0D391;/*#33CC99*/
    margin:0 auto;
}
#home-box-wrapper-trow {
	position:relative;
	float:left;
	width:960px;
	height:5%;
	
}
#home-box-wrapper-mrow {
	position:relative;
	float:left;
	width:960px;
	/*height:90%;*/
	min-height: 485px;
	height: auto;
	background:#C0D391;
}
#home-box-wrapper-brow {
	position:relative;
	float:left;
	width:960px;
	height:5%;
	
}