body {
margin : 0;
padding : 0;
font : 75% "arial";
background : #CCCCCC;
position:relative;
}

#container
{
width : 960px;
/*min-height : 350px;*/
margin-left : auto;
margin-right : auto;
padding : 0;
line-height: 1.8em;
color : #666;
background : #FFFFFF;
}
/*
*html #container
{
height : 350px;
} 


html, body{
height:350px;
}

#container{
height: auto;
min-height: 350px;
}

 */
                        /*LINKS*/
#links {
float : right;
padding : 10px;
margin-right : 0;
}

			/*LOGO*/
#logo {
float : left;
padding : 20px;
margin-left : 0;
}

    	
                      /*Navigation Tab*/

#nav li:hover, #nav li.hover {
    position:static;
    }	  
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	float: right;
    
}

#nav a {
	display: block;
	width: 11em;
        text-decoration : none;
        height: 2em;
        line-height: 2.2em;
        color: #2552A3;
	text-align: center;
}

#nav li { /* all list items */
float: left;
width: 11em; /* width needed or else Opera goes nuts */
border: 1px solid #CCC;
background: url(bg.png);
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: url(bg1.png);
	
	width: 11em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	position:absolute;
}

#content {
	clear: left;
	color: #ccc;
}


              		/*TOP BANNER*/
			
#banner {
float : left;
width : 960px;
height : 150px;
padding : 0;
}


#nav a:hover
{
color: #2552A3;
background:  url(bg1.png);
text-decoration: none;
padding-right: 0;
}


                         /*TITLE COLOR*/
.green
{
color: #98A704;
text-align: center;
} 
.blue
{
color: #2552A3;
} 

		             	/*Bold Text*/
.bold
{
font-weight: bold;
} 

                        /*Float Image*/
.imagefloat
{
float : right;
}


			/*Header Font*/
						
#hfont
{
font-size : 20px;
}
                        /*Vertical Line*/

#verline
{
float : right;
border-top-width: 0;
border-bottom-width: 0;
border-left : 0;
border-right : 1px solid;
}



                        /*Border*/
.border
{
border-top-width: 7px;
border-color: #98A704; border-style: solid;
border-bottom-width: 7px;
border-bottom-color : #2552A3; border-style: solid;
border-left : none;
border-right : none;
}

                          /*LINE BORDER*/

.lineborder
{
border-top-width: 7px;
border-top-color : #98A704; 
border-style: solid;
float :  none;	
}


                     
				  
#content-wrap 
{
clear:both;
margin: 0;
padding:0;
width: 960px;
}
     /*-----------------> HOME BODY CONTENT DIVISION <------------------------*/

			/*HOME LEFT CONTENT*/
			
#lefthome {
float: left;
width: 32%;
margin: 0;	
padding: 15px; 	

}

				/*HOME CENTRE CONTENT*/

#centerhome {
float: left;
margin-left: 0;
padding: 15px; 	
width: 36%;	
}

			/*HOME RIGHT CONTENT*/
			
#righthome {
float: right;
width: 22%;
padding: 15px;	
margin: 0;	
}

  /*-----------------> END OF HOME BODY CONTENT DIVISION <------------------------*/




			/*LEFT CONTENT*/
			
#sidebar {
float: left;
width: 29%;
margin: 0;	
padding: 10px; 
}

				/*CENTRE CONTENT*/

#sidebar-a {
float: left;
margin-left: 0;
padding: 10px;
width: 38%;	
}

			/*RIGHT CONTENT*/
			
#sidebar-b {
float: right;
width: 24%;
padding: 10px;	
margin: 0;	
}

                       /*------------->TWO BODY CONTENT DIVISION<-----------------*/


			/*LEFT CONTENT*/
			
#leftbar {
float: left;
width: 20%;
margin: 0;	
padding: 10px; 
}

				/*RIGHT CONTENT*/

#rightbar {
float: left;
margin-left: 0;
padding: 10px;
width: 63%;	
}

                     /*SIDEBAR*/


#sidebar-bgtop {
}

#sidebar-bgbtm {
	background: none;
}

#sidebar-content {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#sidebar ul {
	padding: 0px 0 5px 0;
	margin: 0px;
	list-style: none;
}

#sidebar li li {
	margin-left: 20px;
	margin-right: 20px;
	line-height: 30px;
	padding-left: 15px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	
}

#sidebar li ul {
	margin-bottom: 1.8em;
	list-style: none;
}

#sidebar h2 {
	background: url(sidebar_bg.png) no-repeat left 50%; 
	padding: 7px 25px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
        text-align: left;
        font-size : 20px;
        color: #2552A3;
}

#sidebar a {
	text-decoration: none;
        font-size: 15px;
}

#sidebar a:hover {
	text-decoration: underline;
}

                   /*END OF SIDEBAR*/

.linsep
{
width: 600px;
}



			
			/*LEFT CONTENT*/
			
#lbar {
float: left;
width: 31%;
margin: 0;	
padding: 10px; 
}

				/*CENTRE CONTENT*/

#centbar {
float: left;
margin-left: 0;
padding: 10px;
width: 25%;	
}

			/*RIGHT CONTENT*/
			
#rbar {
float: right;
width: 35%;
padding: 10px;	
margin: 0;	
}


#full {
float: right;
width: 100%;
padding: 10px;	
margin: 0;	
}


	               /*2-Division*/

#firstdiv {
float: left;
margin-left: 0;
padding: 10px;
width: 18%;	
}

			
			
#secdiv {
float: right;
width: 44%;
padding: 0 20px 20px 0;	
margin: 0;	
}


/**VERTICAL LINE**/
.vl
{ 
border-right-color: #2552A3; border-left-color: #2552A3;
border-left-style: solid; border-right-style: solid;
border-right-width: 1px; border-left-width: 1px;
padding-right: 6px; padding-left: 6px;
}

	
	
			/*FOOTER*/
			
#footer 
{
clear : both;
padding : 5px;
margin-top : 0;
color : #000000;
background : #2552A3;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
color: #fff;
text-align: center;
}

/*Registration form*/
#parentTable
{
width:90%;
border:0;
padding-left:0;
margin-right: auto;
margin-left: auto;
}

#subTable
{
width:100%;
border:0;
padding:0;
border-spacing:0;
color: #666666;
font-size: 12px;
}

#inputField
{
width:90%;
margin-right:auto;
margin-left:auto;
border-color:#fff;
border:solid;
border-width:1;
border-style:inset;
}

#textArea
{
width:100%;
height:100%;
border-color:#fff;
border:solid;
border-width:1;
border-style:inset;
}

#dropdown
{
margin-right:auto;
margin-left:auto;
border-color:#fff;
border:solid;
border-width:1;
border-style:inset;
}