/* CSS Document */

/* custom styles */
.fix:after { clear:both; content:"."; display:block; height:0pt; visibility:hidden; }
* html .fix { height:1%; }

a img { border:none; }
tr { vertical-align:top }


.bodyStyle{ text-align:center; margin:5px 0 0 0; padding:0; background:url(../images/template/pagebg.jpg) top left repeat-x;  } 

 div.yuimenu .bd {
    
        zoom: normal;
    
    }

    #calendarcontainer {

        padding:10px;

    }

    #calendarmenu {
    
        position: absolute;
    
    }

    #calendarpicker button {

        background: url(../Forms/PreRegistration/files/calendar_icon.gif) center center no-repeat;
        text-align: left;
        text-indent: -10em;
        overflow: hidden;
        *margin-left: 10em; /* For IE */
        *padding: 0 3em;    /* For IE */
        white-space: nowrap;

    }

    #month-field,
    #day-field {
    
        width: 2em;
    
    }
    
    #year-field {
    
        width: 3em;
    
    }

input, select, password{
	background-color: #dee4e7;
	border: 1px solid #039dd7;
	color: #4c4958;
	font-size: 11px;
}

textarea { background-color:#dee4e7; border: 1px solid #039dd7; color:#4c4958; font-size:11px; width: 300px; height: 100px;}

.inputwidth{ width: 120px; margin-top:5px;}

.btn{ background-color:#dee4e7; border: 0px; font-size:11px; }

hr { display:block; width: 100%; margin: 1em auto; padding:10px 0;  height: 0px; line-height:0px; font-size:0px; border:none; border-bottom: 1px dotted #0094d5; background:none; }

#wrapper{ position: relative; width:938px; margin:0 auto; padding: 0px; text-align:left;  }

#left{ position: relative; width:260px; margin:0 auto; padding: 0px; float:left; }	
			

#logo{  width:206px; height: 83px; margin:80px 0 0 20px; padding: 0px;  background:url(../images/template/CRCCCLogo.gif); }

			#shadow{  width:6px; height: 166px; margin:38px 0px 0px 0px; padding: 0px; float:right;  background:url(../images/template/imageshadow.png); }
			#menutop{  width:260px; height: 12px; margin:41px 0 0 0px; padding: 0px;  background:url(../images/template/menutop.png); }
			#menuslicemain{  width:260px; margin:0px; padding:0 17px;  background:url(../images/template/menuslicemain.png) repeat-y; }
			#menuslice{      width:260px; margin:0px; padding:0 17px;  background:url(../images/template/menuslice.png) repeat-y; }
			#menuseparator{  width:260px; height: 32px; margin:0px auto; padding:0px;  background:url(../images/template/menudivider.png); }
			#menubottom{  width:260px; height: 12px; margin:0px auto; padding:0px;  background:url(../images/template/menubottom.png); }

#referfriend{background-color:#2d75bf; padding:6px 3px 3px 20px; width:218px; height: 20px;}

#referfriend:hover{background-color:#13497f; padding:6px 3px 3px 20px; width:218px; height: 20px;}

#referfriend a{ width:218px; height: 20px; color: #ffffff; text-decoration:none;}
#referfriend a:hover{ width:218px; height: 20px; color: #ccc; text-decoration:none;}

#contactus{background-color:#1e5fa1; padding:6px 3px 3px 20px; width:218px; height: 20px; margin-top:1px;}

#contactus:hover{background-color:#13497f; padding:6px 3px 3px 20px; width:218px; height: 20px;}

#contactus a{ width:218px; height: 20px; color: #ffffff; text-decoration:none;}
#contactus a:hover{ width:218px; height: 20px; color: #ccc; text-decoration:none;}


#right{ position: relative; width:678px; margin:0 auto; padding: 0px; float:right; }

#search {float:right; width: 321px; height: 34px; padding-top:5px;}

		#header { position:relative; height:268px; margin:40px 0px 0px 0px; padding: 0px; 
				background:url(../images/template/imagebg.png) top left no-repeat;   }	
			#topimage { position:relative; height:236px; margin:0px; padding: 15px 0px 0px 10px; 
				 }		
		#cont{  width:683px; margin:-5px 0px 0px -6px; padding:0px;  background: url(../images/template/contentbg.png) repeat-y; }
				#contpad{
	width: 673px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
	background: #ffffff url(../images/template/contenttopslice.gif) top repeat-x;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}
				#content{ padding:25px 20px;  }
		#footer { height:79px; width: 673px; margin:0; padding:0px; background: #1c65af; clear: both; text-align:center; }
		
		#footerpadding {
	padding: 10px;
	margin: 0px;
	color: #fff;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #1C65AF;
}
		#footerpadding a { color:#fff; font:normal 11px Arial, Helvetica, sans-serif; }
#footerpadding p { color:#fff; font:normal 11px Arial, Helvetica, sans-serif; }
	#footerpadding a:hover { text-decoration:underline; }
		
#pad{

padding: 8px;

}

#loginpad{

padding: 15px 5px 10px 0px;

}

p { top-margin:0px;}


/* All Navigations */
#menu {width:100%; }
#menu ul li{ list-style-type:none; border-bottom:0px solid #ff0000; margin:0px;  width:200px; margin-top:0px ; _margin-top:0px }
#menu ul li a{ padding-left: 10px;}
#menu ul { margin:0px; padding:0}
#menu ul li:hover{ list-style-type:none; border-bottom:0px solid #ff0000;  width:200px;  }
	

.Nav_Side_Level1,.Nav_Side_Level2,.Nav_Side_Leveln,.Nav_Side_Level_Selected,.Nav_Top{
  text-decoration:none;
}


.Nav_Side_Level1{
  color:#000000; font-size:12px; text-decoration:none; padding-left:0px; line-height:30px;  background-repeat: no-repeat;  width:220px; _width:220px; height:30px;  background-image:url(../images/template/menubg.gif); background-repeat:no-repeat; background-position:top; display:block; margin:0px 0px 0px 0px
}

.Nav_Side_Level1:hover{ background-image:url(../images/template/menubg1.gif); color:#000000; text-decoration:none;}

.Nav_Side_Level2{ width:196px; height:24px; background-color:#dbe1e7; display:block; padding-left:55px; font-size:11px; line-height:18px; color:#000000; position:relative; left:2px}	
 
.Nav_Side_Level2:hover{ color:#3b80c6; text-decoration:none;}

.Nav_Side_Leveln{
  width:196px; height:24px; background-color:#dbe1e7; display:block; padding-left:65px; font-size:11px; line-height:18px; color:#000000; position:relative; left:12px
}

.Nav_Side_Level_Selected{

}


 


/* text styles */
.hr { display:block; width: 100%; margin: 0; padding:10px 0;  border:none; border-bottom: 1px dashed #94b1d3; background:none; }


/* --------- Clearfloat --------- */

.clearfloat:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	}
.clearfloat { display: inline-block; }
* html .clearfloat { height: 1%; }
.clearfloat { display: block; }