/* CSS Document */
body {
		color:#333333;
		margin:0px;
		padding:0px;
		background-color:#939393;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		background-image:url(../images/bg_repeat.gif);
		background-repeat:repeat;
		}
/* Hi guys, i've used the !important hack for IE. The !important is used on the field for Firefox etc (good browsers!).*/

#frame {
		position:absolute;
    	left:50%; 
     	top:50%;
     	width:770px;
		height:574px!important;
     	height:594px;
		margin-top:-287px!important; /* half of the height: Firefox*/
     	margin-top:-297px; /* half of the height: IE*/
     	margin-left:-385px; /* half of the width */
     	}

p {	
		margin:0px 0px 7px 0px;
		text-align:justify;
		}

a { 
		color:#333333; text-decoration:none; 
		}

a:hover { 
		color:#CCCCCC; 
		text-decoration:none; 
		}

h1 { 
		color:#333333; 
		margin:0px 0px 5px 0px; 
		padding:0px; 
		font-size:12px; 
		}

h3 { 
		margin:0px 0px 0px 0px;
		text-align:center; 
		padding:0px; 
		font-size:12px; 
		font-weight:bold; 
		}

.buttons {
		background-color:#FFFFFF;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		border:1px solid #999999;
		margin-right:7px;
		}

.form { 
		font-family:Verdana, Arial, Helvetica, sans-serif; 
		font-size:11px; 
		}

/******************************************************** Top Image and Menu **********/ 

#top_image {
		height:110px;
		width:770px;
		line-height:0px;
		font-size:0px;
		background-color:#FFFFFF;
		}
		
#menu_container_left {
		float:left;
		height:18px;
		background-color:#313131;
		border-top:1px solid #AC669B;
		border-bottom:1px solid #AC669B;
		width:589px;
		padding:5px 0px 0px 20px;
		}
		
#menu_container_left a{
		color:#ffffff;
		margin-right:15px;
		}
#menu_container_left a:hover{
		color:#999999;
		}

#menu_container_right {
		height:23px;
		background-color:#4F4F4F;
		border-top:1px solid #AC669B;
		border-bottom:1px solid #AC669B;
		width:161px;
		float:right;
		}

/*********************************************************** Main Content ***********/

#main_left {
		float:left;
		background-color:#FFFFFF;
		width:589px;
		height:388px!important;
		height:408px;
		padding:10px 10px 10px 10px;
		}
		
#main_left a{ 
		color:#AE3A86; 
		}

#main_left a:hover{ 
		color:#666666;
		}
		
#main_left form{
		margin:0px; 
		padding:0px;
		}

.index_li {
		margin:3px;
		}
		
.outline { 
		background-color:#F1F1F1; 
		border:1px solid #D5DADE; 
		padding:7px!important;
		padding:8px; 
		}
		
.image_link a img{ 
		padding:1px; 
		background-color:#AE3A86; 
		}
		
.image_link a:hover img{ 
		background-color:#666666; 
		}

#main_right {
		float:right;
		background-color:#F8F8F8;
		width:156px;
		height:398px!important;
		height:418px;
		padding:10px 0px 0px 5px;
		color:#666666;
		}
		
#main_right a{ 
		color:#666666; 
		}
		
#main_right a:hover{ 
		color:#AE3A86;	
		}

.csn_logo {
		margin:8px 0px 5px 38px;
		}

.pdf {
		float:left;
		margin:7px 10px 0 5px;
		text-align:center;
		}
.pdf a img{ 
		padding:1px; 
		background-color:#AE3A86; 
		}
		
.pdf a:hover img{ 
		background-color:#666666; 
		}

.pdf p {
		margin:5px 0 0 0;
		}

/************************************************************ Footer ****************/

#footer_text {
		float:left;
		height:19px;
		width:765px;
		background-color:#E5E4E4;
		border-bottom:2px solid #AC669B;
		color:#999999;
		font-size:9px;
		padding:6px 0px 0px 5px;
		}
		
#footer_text h3{
		margin:0px 0px 0px 512px;
		display:inline;
		font-size:9px;
		font-weight:normal;
		}
		

		
#base {
		line-height:0px;
		font-size:0px;
		overflow:hidden;
		float:left;
		height:1px;
		width:770px;
		background-color:#E5E4E4;
		border-bottom:3px solid #313131;
		}