body{
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
    background-color: black;
    background-image: url(/website-images/background.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    background-color:#ffffff; 
}

a{
    color: Purple;
    font-size: 0.9em;
}

p 
{
    font-family: Arial,Tahoma,Sans-Serif;
    font-weight:normal;
    color:#6d646e;
    text-align:justify;
    font-size: 0.9em;
}
li
{
    font-family: Arial,Tahoma,Sans-Serif;
    font-weight:normal;
    color:purple;
    text-align:justify;
    font-size: 0.9em;
    margin-left:10px;
    line-height:20px;
    
    
    }
br{
    margin:0px;
    padding: 0px;
    line-height: 0.5em;
}

h1{
    font-family: Arial;
    font-size: 0.8em;
    color: Purple;
    margin: 0px;
    padding: 0px;  
    font-weight: normal;  
}

h2{
    font-family: Arial;
    font-size: 0.8em;
    color: purple;
    margin: 0px;
    padding: 0px;
}

.h2-highlight
{
    color: Purple;
}

h3{
    font-family: Arial;
    font-size: 0.8em;
    margin:0px;
    padding: 0px; 
    color: #333333;
}

/* h4 is page heads - must be fixed size */
h4
{       
    font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: black;
	border-bottom:1px solid #e1e1e1;
	margin: 0px;
	padding: 0px;	
	margin-top: 5px;
}

h5
{
    margin-top:0px;
    margin-left:0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: purple;
	
}
h6
{
    margin-top:0px;
    margin-left:0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	
}
h7{
   margin-top:0px;
    margin-left:0px;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: purple;

}

#main-container{
    position: relative;
    width: 980px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;  
}  


#container{
    position: relative;
    width: 980px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;      
 
} 

#top-section{
    width:980px;
    margin: 0px;
    padding: 0px;
    height:193px;
    background-image: url(/website-images/header.jpg);
    background-repeat:no-repeat;  


}
#top-text
{
   float:right;
   width:923px;
   margin-top:72px;
   margin-right:65px;  
    
}

#top-text a
{
    float:right;
    font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em; 
    color: #1dcaf4; 
    text-decoration: none; 
}

#top-text a:hover
{
    font-family: 'Trebuchet MS',Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em; 
    color: #6a3281; 
    font-style:normal;
    text-decoration: none;
}

a#logo
{
    float:left;
    width:303px;
    height:107px;
    margin-top:60px;
    background-image: url(/website-images/logo.jpg);  
    background-repeat: no-repeat; 

}
a#logo:hover {
    background-image: url(/website-images/logo-hover.jpg); 
    background-repeat:no-repeat; 
}
a .alt { display: none; 
}

/* ************************* FRONT LOGIN*************************** */

#login-home{
    float:right;
    width:550px;
    margin-bottom: 0px;
    margin-top: 26px;
 
}  


#login-home  input{
    float: left;
    width: 150px;
    height:15px;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;
    font-variant:normal;
    border:0;
    background-color:Transparent;
    color:#593477;  
    display:inline;
    margin-top:15px;  
}   

#login-home-button
{
    float:right;
    margin-right:18px;
    margin-top:-20px;  
}
#password-forgotten
{
   float:right;
   height:20px;
   margin-top:20px;
   margin-right:15px;
 
    
}
#password-forgotten a
{
   font-family: Arial;
   font-weight: Bold;
   color: #fff;
   font-size: 13px;
   margin-right:5px;
   text-decoration: none;
    
}
#password-forgotten a:hover
{
   color: #41205a;   
}

/*************************CONTENT*********************/
#content
{   
    position: relative;
    width:980px;
 
}

#content a
{   

}

#content a:hover
{
    
}

#content-inner
{
    float:left;
    width:958px;
    margin-left:30px;

  
}

#content-inner2
{
    position: relative;
    width:750px;
    padding-left:20px;
    padding-top: 10px;
}

#content-header
{   
    float:left;
    width: 970px;
    height:16px;
    background-image: url(/website-images/cmsarea-header.jpg);  
    background-repeat: no-repeat; 

}
#content-header-text
{
    float:left;
    width:920px;
    margin-top:10px;
    margin-bottom:5px;
    margin-left:30px;
    
}

#content-repeat
{   
    float:left;
    clear:both;
    width:978px;
    border-right:1px solid #e1e1e1; 
    border-left:1px solid #e1e1e1; 
    border-bottom:1px solid #e1e1e1;
    background-color:White;

}

/* ********************************* NAV SECTION **************************** */	
#nav 
{
    
    float:right;
    padding: 0px;
    width: 640px;
    margin-top:40px;
    margin-right:5px;


}

#nav ul 
{
    float:right;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;	
	list-style: none;
}

#nav ul li {   
	float:left;
	margin:0px;
	padding-left:8px;	
	padding-right: 23px;
	
}
		
#nav ul li a{
    	font-family: Arial;
    	font-weight: Bold;
    	color: #41205a;
    	font-size: 13px;
    	text-decoration: none;
}

#nav .noborder{
	border: 0px;
}
	
#nav ul li a:hover{
	color: #31cef5;
	background-position:top;
}



#footer
{
    float:left;
    clear: both;
    width: 980px;  
    margin-top:10px; 
    padding-bottom:20px;
    margin-left: auto;
    margin-right: auto; 

 
}

#footer a {
    font-family: Arial;
    font-weight:normal;
    font-size:11px;    
    color: #41205a;
    text-decoration: none;
}
		
#footer a:hover {
	color: #999999;
    text-decoration:none;
}
#footer p {
    font-family: Arial;
    font-weight:normal;
    font-size:11px;    
    color: #41205a;
    text-decoration: none;
}

/****************CONTENT FOOTERS FOR REG PROCESS END************************************/
.Validator{   
   font-family:Arial; 
   font-size:0.8em; 
   padding:0px; 
   margin:0px;
}   

.FormTextBox{
   font-family:Arial; 
   font-size:0.9em; 
   padding:0px; 
   margin:0px;
   color: #777777;
}

.CheckBoxList{
    font-family: Arial;
    color: Purple;
    font-size: 0.8em;
}

.header-row{
    font-family: Arial;
    color: white;
    background-color: #999999;
    font-size: 14px;
    font-weight: bold
}

.detail-row{
    font-family: Arial;
    color: #333333;
    background-color: #eeeeee;
    font-size: 14px;
    font-weight: bold
}

.WarningMessage{
    font-family: Arial;
    color: purple;
    font-size: 14px;
    font-weight: bold;
}
/*****************PROCESS BUTTONS***************************/
#process-button1{
   float:left;
   width:980px;
}

#process-button2{
   float:left;    
   width:982px;
}

.registration-button{
   float:right;
   margin-right:73px;
   margin-top: 15px;
   margin-bottom: 20px;
}

.registration-button2{
   float:right;
   margin-right:68px;
   margin-top: 0px;
   margin-bottom: 20px;
}

.registration-button3{
   float:right;
   margin-right:74px;
   margin-top: 74px;
}

#process-button3
{
   float:left;
   height:151px;
   width:982px;


}
/*****************PROCESS BUTTONS END***************************/
.registration-text{
    font-family: Arial;
    font-size: 0.8em;
    color: #333333;
}

.registration-text a{
    font-weight: bold;
    color: Purple;
}    



.footer-links{
   float: right; 
   margin-top:30px; 
   margin-right: 35px;
   color: white;
}

.footer-links a{
   color: white;
   font-size:11px;
   font-family: Arial;
   text-decoration:none;
}

.footer-links a:hover{
   color: #cdcdcd;
   text-decoration:none;
}

.required{
    color: Orange;
}

.Validator{   
   font-family: Arial; 
   background-image: url(/images/warning-icon.png);
   background-repeat: no-repeat;
   background-position: 0 0;
   font-size:12px; 
   padding:0px; 
   margin:0px;
   width: 500px;
   padding: 2px;
   margin-top: 5px;
   padding-left: 27px;
   border: 0px solid orange;
   color: Orange;
}