/*******************************************************************************
 * Main structure
******************************************************************************/
#container{
    width:990px;
    margin-left:auto;
    margin-right:auto;
    background-color:#FFF;
}

#wrapper{
    width:970px;
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}



#header{
    position:relative;
    height:165px;
    background-color:#FFF;
    width:100%;
}

#content{
    background-color:#f4efea;
     width:970px;
}

#sidebar{
    width:237px;
    float:left;
    position:relative;
    padding-left:18px;
    padding-top:20px;
 }

 * html #sidebar{
    width:219px;
 }
 
#middle{
    float: right;
    display:inline;
    position: relative;
    width:697px;
    padding-top:20px;
    padding-right:18px;
 }
 	#middle.full-width {
 		padding-left:18px;
 		width: 934px;
 	}

 * html #middle{
    width:691px;
  
 }

#bottom{
    clear:both;
    padding:18px 18px 0px 18px;
}

#footer{
    height:59px;
    background-color:#AFDFE0;
    clear:both;
 }

/*******************************************************************************
 * Header
*******************************************************************************/

#flash-header {
    height:285px;
}
#flash-header a {
	margin:0;
	padding:0;
}

object {
	margin:0;
	padding:0;
}
.nav {
    background:url('../images/menu/menu-bg.gif') repeat-x 0 0;
    width:970px;
    float:left;
    border-bottom:2px solid #DF1F81;
    height:20px;
    list-style: none;
    margin:0;
}

    .nav li{
        float:left;
    }

    .nav a{
        height:20px;
        float:left;
        width:122px;
        text-decoration: none;
        line-height: 18px;
        text-align: center;
        color:#FFF;
        display:block;
        border-right:1px solid #a5a5a5;
        border-left:1px solid #3d3d3d;
        font-weight:bold;
    }
    
    .nav a:hover, .nav li.current a {
        color:#FFF;
        background:#DF1F81;
        border-top:2px solid #b2256d;
        height:18px;
        text-decoration:none;
    }
    
    .nav li.first a{
        border-left:none;
        width:110px;
    }
    
  
    
    .nav li.last a{
       border-right:none;
       width:114px;
    }
    



/*******************************************************************************
 * Content
*******************************************************************************/


/* box ************************************************************************/

.box {
    background: url('../images/box/box-top.gif') repeat-x top left;
    width:220px;
    float:left;
    margin-bottom:14px;
}

.box h2 {
    color:#FFF;
    padding:3px 0 0 5px;
    font-size:1.3em;
}

.box-content {
    background-color:#FFF;
    border-top:1px solid #a4a4a4;
    border-right:1px solid #a4a4a4;
    border-left:1px solid #a4a4a4;
    margin:5px 0 0 0;
   
    min-height:40px;
    height:auto !important;
    height:40px;
}

    .box-content p{
        padding:5px;
    }

    .box-content ul{
       list-style:none;
    }
    .box-content ul li{
        border-bottom:1px solid #eeeeee;
        min-height:20px;
        height:auto !important;
        height:20px;
        
        padding:5px 0 5px 0;
    }
    
    .box-content ul li.last {
    	border-bottom: none;
    }
       
    .box-content ul li p{
        display:inline-block;
    }
        
    .box-content ul.horizontal {
        float: left;
        text-align: center;
        height:auto;
        padding:5px 0 7px 0;
        margin:0;
    }

    .box-content  ul.horizontal li{
        float:left;
        padding-left:10px;
        border-bottom:none;
    }


.box-bottom{
    background:url('../images/box/box-bottom-left.gif') no-repeat  0% 100%;
    margin-bottom:1em;
}
    .box-bottom span{
        display:block;
        background:url('../images/box/box-bottom-right.gif') no-repeat  100% 100%;
        padding:5px 5px 0px 0px;
    }
    

.box.subnav {
    width:218px;
     list-style:none;
}
    .box.subnav .box-content ul li {
        padding-top:0;
    }
    
    .box.subnav .box-content ul li a{
        display:block;
        line-height:20px;
        color:#000;
        padding-left:5px;
        padding-top:10px;
    
      	min-height:30px;
	    height: auto !important;
	    height: 30px;
    }
    
    .box.subnav .box-content ul li a:hover, .box.subnav .box-content ul li.current a{
        color:#DF1F81;
        text-decoration: none;
    }
    
    .box.subnav .box-content ul li.last {
         border-bottom:none;
    }
    
    
.box.wide {
    width:455px;
}

.box.gallery{
    width: 697px;
}

.m21 {
    margin-right:21px;
}

/* Press releases *************************************************************/

.box.press {
    width:218px;
}

    .box.press .box-content ul li.active {
    	font-weight: bold;
    }
    
    .box.press .box-content ul li a{
    	display: inline;
    }
    
    
/* timing page ****************************************************************/
#middle div.timing {
	margin-bottom:1.5em;
}
	#middle div.timing h2{
		color:#000;
		font-weight: bold;
		font-size: 1.1em;
	}
	
	#middle div.timing h3{
		border-bottom: none;
		padding-bottom:0.5em;
		margin-bottom:0;
	}

/*******************************************************************************
 * Sidebar
*******************************************************************************/

.apply-now {
    background:url('../images/box/apply-now-bg.gif') no-repeat 0% 0%;
    width:218px;
    height:101px;
    float:left;
    margin-bottom:25px;

}

	.apply-now ul {
		width: 218px;
		float:left;
		height: 32px;
		padding-top: 65px;
		list-style: none;
	}
	.apply-now ul li{
		float:left;
		width: 218px;
	}
	
    .apply-now .go a {
        background:url('../images/go.gif') no-repeat 0% 0%;
        height:32px;
        width: 39px;
        display: block;
        text-indent:-9999px;
        margin:0 auto;
    }

    .apply-now .more{
        display: block;
        float:right;
        margin:0 10px 0 0;
        color: #DF1F81;
    }
    
 

.watch-now {
    color: #DF1F81;
    clear:both;
    padding-left:140px;
}


.read-more {
    padding-left:5px;
}

/*******************************************************************************
 * Middle
*******************************************************************************/

/* Homepage *******************************************************************/
#middle h1{
    color:#DF1F81;
    font-size:3.5em;
    font-weight:normal;
    margin-bottom:20px;
}

#middle h2{
    color:#DF1F81;
    font-size:1.3em;
    font-weight:normal;
}

#middle h3{
     font-size:1.1em;
     border-bottom: 1px solid #DF1F81;
     margin-bottom:1em;
     font-weight:normal;
}

#middle h4{
    font-size:1.2em;
    font-weight:bold;

    margin-bottom:1.5em;
}

#middle h4.italic{
    font-style: italic;
}


#middle p{
    padding:0 0 1em 0;
    text-align: justify;
}

#middle img{
    float: right;
    padding: 3px;
    display: block;
    background-color: #FFF;
    border: 2px solid #C6C2BE;
    margin-left: 10px;
}

    #middle img.ml15{
       margin-left:15px;
    }
    
.largeimage {
    margin-left:15px;
}
.mediumimage {
    margin-left:15px;
}

#middle ul,ol {
	margin:0 0 1em 15px;
	padding: 0 0 0 10px;
}

/* Gallery *******************************************************************/

#middle .box {
    margin-top:10px;
}

#middle .box  p{
    padding: 10px 10px 5px 10px;
    width:500px;
    float:left;
}

#middle .box  h2{
    color:#FFF;
    font-size:1.3em;
    padding:3px 0 0 5px;
}

.view-media{
    padding:10px 5px 5px 5px;
    display:block;
    float:right;
}

#middle .box-content ul.horizontal  li{
    width:125px;
}

/* list ************************************************************************/

div#middle ul.list {
    float:left;
    width:100%;
    margin:0;
    padding:0;
    list-style: none;
}
    ul.list li{
        float:left;
        width: 129px;
        padding:0 10px 20px 0;
    }
    
        ul.list li h2, #middle ul.list li h2{
            color: #000;
            font-style: italic;
        }
        
         ul.list li p a, #middle ul.list li p a{
            display:block;
            margin-top:5px;
            text-decoration:underline;
         }
         
         ul.list li img, #middle ul.list li img {
            padding:0;
            float:left;
            border:1px solid #C6C2BE;
         }
         
 /* Document ******************************************************************/
 .get-adobe {
 	display: block;
 	clear:both;
 }
         
/*******************************************************************************
 * bottom
*******************************************************************************/

/* sign-up ********************************************************************/
.sign-up {
    background: url('../images/newsletter/newsletter-bg-title.gif') no-repeat 0% 0%;
    width:205px;
    height:93px;
    padding:45px 0 0 13px;
    float:left;
    margin-right:20px;
}
    
    .sign-up h3{
        color:#FFF;
        font-size:0.9em;
    }
    
    input#newsletter-email {
        background:url('../images/newsletter/input-bg.gif') no-repeat 0% 0%;
        width:196px;
        height:21px;
        border:none;
        padding:2px 0 0 2px;
        margin-top:2px;
        color:#5e5e5e;
        font-style:italic;
        font-size:1em;
    }
    
    input#submit-signup {
        padding-top:10px;
    }
    
/* timeline ********************************************************************/

/*
.timeline {
    color:#FFF;
    width: 933px;
    margin:0 auto 17px auto;
    position:relative;
    clear:both;

   overflow:hidden;
}

.timeline h2{
    font-weight:bold;
}

.timeline h2 span{
    font-weight:normal;
    font-size:0.7em;
}

.timeline ul.top {
     background: #000 url('../images/box/box-black-top.gif') no-repeat 0% 0%;
     width:914px;
     margin:0;
     padding:10px 5px 0 14px;
     list-style: none;
}


    .timeline ul.top li {
        border-top:none;
        padding-bottom:0;
    }

    .timeline ul.top li.twitter {
       width:670px;
       text-align:right;
       padding:5px 10px 0 0;
    }

    .timeline ul.top li.twitter a{
       color:#DF1F81;
       padding-top:10px;
       font-size:1em;
      }

.timeline ul {
    background: #000 url('../images/box/box-black-bottom.gif') no-repeat 0% 100%;
    padding:0 14px 13px 15px;
    width: 904px;
    float:left;
    list-style: none;
    
}

.timeline ul.bottom {
   height: 130px;
   float: left;
   width:3000px;
}

.timeline ul li {
    float: left;
    position: relative;
    border-top: 1px solid #DF1F81;
    padding-bottom: 10px;
}

.timeline ol {
    width: 176px;
    list-style-type: none;
    padding-left: 50px;
    font-family: Trebuchet MS,Arial, Helvetica, Sans-serif;
    list-style: none;
}
    .timeline ol li {
        width: 100%;
        border-top:none;
    }

    * html .timeline ol li{
        width:170px;
    }

    .timeline ul li ol li.event-day {
        position: absolute;
        top:0;
        left:0;
        font-size:1.7em;
        padding-left:15px;
        border-right: 1px solid #DF1F81;
        width:210px;
        padding-top:5px;
        color:#cecece;
    }
    
    .timeline ul li.last ol li.event-day{
    	border-right: none;
    }

    .timeline ul li ol li.event-day.no-border {
          border-right: none;
    }

        .event-day span{
            display:inline-block;
            font-size:0.6em;
            vertical-align:top;
            padding-top:1px;
        }

        .event-month {
            padding-top:5px;
            color: #DF1F81;
        }

        .event-title {
            font-weight:bold;
            font-size:1.3em;
        }
             .event-title a{
              color:#FFF;
             }
             
        .event-details {
            color:#cecece;
        }
             
*/

/*******************************************************************************
* Timeline
*******************************************************************************/

#timeline {
   color:#FFF;
    width: 933px;
    margin:0 auto 17px auto;
    position:relative;
    clear: left;
}

	#timeline a.previous {
		position: absolute;
		top:125px;
		left:5px;
		
		display: block;
		background: url(../images/timeline/left-arrow-sm.gif) no-repeat 0 0;
		width: 25px;
		height:26px;
		text-indent:-9999px;
		z-index: 100;
	
	}
	
	#timeline a.next{
		position: absolute;
		display: block;
		background: url(../images/timeline/right-arrow-sm.gif) no-repeat 0 0;
		width: 25px;
		height:26px;
		text-indent:-9999px;
		top:125px;
		right:5px;
		z-index: 100;
	}
	
	.mask {
		position: absolute;
		top:40;
		right:0;
		background-color: #000;
		height: 100px;
		width:10px;
		z-index:100;
	}
	
	#timeline h2{
	    font-weight:bold;
	}
	
	#timeline h2 span{
	    font-weight:normal;
	    font-size:0.7em;
	}

	#timeline ul.top {
	     background: #000 url('../images/box/box-black-top.gif') no-repeat 0% 0%;
	     width:914px;
	     margin:0;
	     padding:10px 5px 0 14px;
	     list-style: none;
	    /* float: left; */
	     height: 33px;
	}
	
		#timeline ul.top li {
          border-top:none;
          padding-bottom:0;
          float: left;
	    }
	
	    #timeline ul.top li.twitter {
	       width:670px;
	       text-align:right;
	       padding:5px 10px 0 0;
	    }
	
	    #timeline ul.top li.twitter a{
	       color:#DF1F81;
	       padding-top:10px;
	       font-size:1em;
	      }
	      
	     #timeline ul.top li.twitter-img a img{
	    	margin-top:-6px;
	    }


#timeline .events {
	background:#000000 url(../images/box/box-black-bottom.gif) no-repeat scroll 0 100%;
	 /* float: left; */
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 0 13px 0;
	width:933px;
	overflow: hidden;
	margin-bottom:20px;
	height:105px;
	position:relative;
}

#timeline .event {
	background: url(../images/box/pink-line.gif) no-repeat scroll 100% 0%;
	float: left;
	width: 213px;
	padding: 15px 10px 15px 10px;
	color: #B3B3B3;
	height: 86px;
}
	#timeline a {
		outline:none;
	}

	#timeline .event h3 {
		color:#CECECE;
		font-size:1.7em;
		float: left;
		margin: 0 10px 0 0;
		
	}
		#timeline .event h3 span{
			display:inline-block;
			font-size:0.6em;
			padding-top:1px;
			vertical-align:top;
		}
	
	#timeline .event .info {
		width: 170px;
		float: left;
	}
	
		#timeline .event .info strong {
			color: #DF1F81;
		}
		
		#timeline .event .info p.event-title{
			color:#FFF;
		}
		
		#timeline .event .info p a{
			color: #CECECE;
			font-size:1.3em;
			font-weight:bold;
		}

#timeline .event.last {
	background: none;
}


/* related-sections **********************************************************/   

ul.related-sections {
    border-top:1px solid #c6c1bd;
    padding:15px 0 0 0;
    width:100%;
    float:left;
    margin-bottom:3em;
    list-style: none;
}
    ul.related-sections li{
        float: left;
        width: 280px;
        padding-right: 40px;
        padding-bottom:10px;
    }
    
    ul.related-sections li.last{
        padding-right: 0px;
     }
     
     ul.related-sections li img, #middle ul.related-sections li img{
        float:left;
        margin-right:5px;
        margin-left:0;
        border:1px solid #C6C2BE;
     }
     
     
     ul.related-sections li p{
        text-align:justify;
     }
     
     ul.related-sections li p.readmore {
        padding-bottom:0.5em;
        padding-left:1px;
     }
     
     ul.related-sections li p.readmore a:hover{
        display:block;
        text-decoration:underline;
      
     }
     
     ul.related-sections li h2, #middle ul.related-sections li h2{
        font-size: 1.1em;
        font-style: italic;
        font-weight:bold;
        color:#000;
     }
     
     
ul.related-sections.vertical {
    border-top:none;
    list-style: none;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
ul.related-sections.vertical li {
    width: 335px;
    padding-bottom:40px;
    margin-right:25px;
    padding-right:0;
}

* html ul.related-sections.vertical li{
   width: 325px;
}

ul.related-sections.vertical li.even {
     margin-right:0px;
}

/* in assocoation with *******************************************************/



#in-association li.plain {
    width: 130px;
    color:#6d6d6d;
    margin-top:10px;
    text-align: left;
}

    #in-association li.plain a{
         color:#6d6d6d;
    }

/* contact us *****************************************************************/

.box.contact-us div.box-content {
	min-height:105px;
	height: auto !important;
	height: 105px;
}
.box.contact-us .question{
    font-weight:bold;
    padding:5px 5px 0 5px;
}

.box.contact-us .details {
     padding:0 5px 5px 5px;
}
/*******************************************************************************
* Contact us and application form
*******************************************************************************/

.form {
	float: left;
    width:650px;
}

    .form legend {
        font-size:1.2em;
        font-weight:bold;
        margin-bottom:1em;
        color: #000;
    }

   * html .form legend{
    	position: relative;
    	left: -7px;
    	top: -0.75em;
    }
    
    *+ html .form legend{
       	position: relative;
    	left: -7px;
    	top: -0.75em;
    }
    
	.form .field {
        width: 305px;
		margin: 0 20px 15px 0;
		float:left;
	}
	
	.form fieldset {
	   padding-bottom:15px;
	
	}
	
	.form fieldset.border{
		border-bottom:1px solid #e7ded5;
	}
	
	.form fieldset.no-border{
	   border-bottom:none;
	}
	
	*+ html .form fieldset {
	   margin-bottom:30px;
	}
	
		.form .field.last {
			margin-right: 0;
			float:left;
		}
	
		.form .field.long {
			width: 650px;
			height: 135px;
		}
	
	.form label {
		width: 108px;
		float: left;
		display: block;
	}
	
	* html .form label{
		width: 95px;
	}
	
	.form .note{
		width: 650px;
	}
	.form .text {
		background: transparent url(../images/form/text-bg.gif) no-repeat 0 0;
		height: 16px;
		float: left;
		width: 184px;
		padding: 4px;
		border: 0;
		font-size: 1em;
	}
	
	.form .textarea {
		background: transparent url(../images/form/textarea-bg.gif) no-repeat 0 0;
		width: 520px;
		
		height: 147px;
		padding: 0px;
		border: 0;
		float: left;
		overflow: auto;
	}
	
	.form  textarea.long{
			background: transparent url(../images/form/textarea-bg-long.gif) no-repeat 0 0;
			width:648px;
		}
		
	.form .select{
	   background-color:#F4EFEA;
	   width: 285px;
	}
	
	.form label.select{
		width: 250px;
	}
	
	.form .field.button {
		width: 628px;
		margin: 10px 0;
		padding:0;
	}
		   		
	   .form .field.button input.submit {
            float:right;
	   }	   
	   
	   .form .field.button input.margin-left {
	   		margin-left: 240px;
	   }
	   
	   * html .form .field.button input.margin-left {
	   		margin-left: 225px;
	   }
	   .form .field.button input.contact-us{
			float: right;
	   }
	   
	   * html .form .field.button input.contact-us{
			margin-right:10px;
	   }
	   
ul.errors {
	color: #FF0000;
	margin: 0 0 20px 1em;
}

ul.success {
	color: #00FF00;
	margin: 0 0 20px 1em;
}
	   	
.hr {
	height: 1px;
	margin:0 0 20px 0;
}

	   	
/* application form  bottom buttons ******************************************/ 

.actions {
	display: inline-block;
	position: relative;
}
	.actions.left{
		float: left;
	}
		.actions.left a#previous-step{
			margin:0;
			padding:0;
			float:left;
			display: block;
		}
			#middle .actions.left a#previous-step img{
	   			border: none;
				margin:0;
	   			padding: 0;
				float: left;
	   		}
		
	.actions.right{
		width:223px;
	}
		.actions.right #save-and-exit{
			float: left;
		}
		.actions.right #save-and-continue{
			float: right;
		}   
		
	form#details-form .actions.left{
		width:405px;
	}
	* html form#details-form .actions.left{
		width: 390px;
	}
	
	form#questions .actions.left{
		width: 410px;
	}
	form#step-3 .actions.left{
		width:425px;
	}
	* html form#step-3 .actions.left{
		width: 422px;
	}
	
	form#step-4 .actions.left{
		width:130px;
	}
	   	
/* application form  *******************************************************/   

#contact_us_form {
    margin-top:20px;
}
#new-application {
	width: 680px;
}

p.new-application {
	position: relative;
	margin-top: 20px;
}

#new-application-btn {
	margin-left:450px;
}
	* html #new-application-btn{
		margin-left:440px;
	}
	
#change-password-ptn{
	margin-left:450px;
}
	* html #change-password-ptn {
		margin-left:440px;
	}
	
/*******************************************************************************
* Steps
*******************************************************************************/

.step-contaier{
	width: 650px;
	margin:0 auto;
}

.logout{
	clear:left;
	width: 650px;
}

#middle ul.steps {
    float:left;
    margin-bottom:30px;
    width:680px;
    list-style: none;
    padding-left:0;
    margin-left:0;
}

    ul.steps li{
        float:left;
        text-align:left;
        color:#7b7774;
        width:120px;
         margin-right:19px;

        background:url('../images/form/arrow-not-active.gif') no-repeat 90% 50%;
    }
    
     ul.steps li.step1 {
        background:url('../images/form/arrow-not-active.gif') no-repeat 50% 50%;
     }
     
     ul.steps li.step1.current {
        background:url('../images/form/arrow-active.gif') no-repeat 50% 50%;
     }
     
     
     ul.steps li.step2 {
        background:url('../images/form/arrow-not-active.gif') no-repeat 65% 50%;
     }
     
     ul.steps li.step2.current {
        background:url('../images/form/arrow-active.gif') no-repeat 65% 50%;
     }
     
     
     ul.steps li.step4 {
        background:url('../images/form/arrow-not-active.gif') no-repeat 65% 50%;
     }
     
     ul.steps li.step4.current {
        background:url('../images/form/arrow-active.gif') no-repeat 65% 50%;
     }
         
        ul.steps li span{
            display:block;
             color: #e997bd;
            font-size:1.2em;
        }
        
         ul.steps li.current {
            color:#000;
            font-weight:bold;
            background:url('../images/form/arrow-active.gif') no-repeat 90% 50%;
         }
         ul.steps li.current span{
            font-weight:bold;
            color:#DF1F81;
            padding-top:4px;
         }
     
    ul.steps li.last{
      background:none;
      margin-right:0;
    }
     
     
 /* step 1*/
 
 .toppadding {
 	padding-top: 10px;
 }
/* step2  ******************************************************************/

.app-category {
	float: left;
	width: 290px;
	height: 280px;
	margin: 0 10px 10px 0;
	padding: 10px;
	border: 1px solid #A4A4A4;
	position: relative;
}

	.app-category h3.appcategory, #middle h3.appcategory {
		text-align: left;
		font-weight: bold;
		font-size: 1.4em;
		margin: 0 0 10px 0;
		border-bottom: none;
		text-transform: uppercase;
	}
	
	.app-category .field {
		position: absolute;
		bottom: 10px;
		right: 10px;
		width: 110px;
		margin: 0;
	}
	
		.app-category .field label {
			width: 90px;
		}

/* step3  ******************************************************************/

#step-3 fieldset {
	padding-bottom: 20px;
}

.question h3,#middle .question h3 {
	margin: 0 0 10px 0;
	font-size: 1.1em;
	border-bottom: none;
	font-weight: bold;
}

#step-3 table {
	border: 1px solid #3A3A3A;
}

	#step-3 table th {
		border-right: 1px solid #3A3A3A;
		border-bottom: 1px solid #3A3A3A;
		font-weight: bold;
		font-size: 1.2em;
		padding: 10px 0;
	}
	
		#step-3 table th.last {
			border-right: 0;
		}

	#step-3 table td {
		border-right: 1px solid #3A3A3A;
		border-bottom: 1px solid #3A3A3A;
	}
	
		#step-3 table td.last {
			border-right: 0;
		}
		
		#step-3 table td.bottom {
			border-bottom: 0;
		}
	
	#step-3 table td input {
		width: 100px;
		margin: 10px;
		border: 0;
		background: transparent url(../images/form/text-bg-small.gif) no-repeat 0 0;
	}

/* step4  ******************************************************************/

fieldset.upload-form .field {
	float: left;
	width: 275px;
}

.uploaded {
	float: left;
	width: 645px;
	margin: 0 0 40px 0;
}     

.application-summary h2, #middle .application-summary h2 {
	font-size: 1.6em;
	margin-bottom: 15px;
	border-bottom: 1px solid #DF1F81;
}

/* Summary ******************************************************************/
.cat-wrapper{
	margin-bottom:20px;
	border:1px solid #EEEEEE;
	padding:10px;
	clear: left;
	background-color: #FFF;
}
div.summary-feild {
	margin-bottom:10px;
	clear: left;
}
	div.summary-feild label{
		font-weight: bold;
		width: 200px;
		display: block;
		float: left;
	}
/*****************************************************************************
 * Footer
******************************************************************************/

#footer {
    background:url('../images/footer-bg.gif') repeat-x  0% 0%;
    height:59px;
    width:100%;
}

#footer ul {
    width:450px;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:10px 100px 10px 10px;
}
    #footer ul li{
        float:left;
        color:#FFF;
        border-right:1px solid #FFF;
        float:left;
        margin:0 5px 0 0;
        padding:0 5px 0 0;
    }
        #footer ul li a{
            display:block;
            color:#FFF;
            font-size:0.9em;
        }
    
    #footer ul li.last {
        border:none;
    }

#footer .copyright {
    color:#FFF;
    float:right;
    margin:10px 10px 10px 10px;
    font-size:0.9em;
}
/*******************************************************************************
 * Others
******************************************************************************/

.group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 }

.group{display: inline-block;}

/* Hides from IE-mac \*/
* html .group{height: 1%;}
.group{display: block;}
/* End hide from IE-mac */


.pink{
    color: #DF1F81;
     }
.gray {
    color:#6d6d6d;
}


/*******************************************************************************
 * paganation
******************************************************************************/
div.pagination ul {
	float: left;
	list-style :none;
}

	div.pagination ul li {
		float: left;
		width: 17px;
	}
		div.pagination ul li.current{
			font-weight: bold;
		}
	div.pagination ul li.pages {
		width: 40px;
	}