/*------------------------------------------------------------------------------*/
/*	--> FACE THE FUTURE WEBSITE V 2.0 2008 CSS DOCUMENT 	*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*	--> WEBSITE BODY					*/
/*------------------------------------------------------------------------------*/
body {
margin: 0px;
padding:0px;
width:100%;
background-color:#ffffff;
background-image:url(../images/body_bg.gif);
background-repeat:repeat-y;
background-position:center;
}


/*------------------------------------------------------------------------------*/
/*	--> TOP DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#site_container{
width: 900px;
margin-left: auto;
margin-right: auto;
}

#top_bar{
background-image:url(../images/top_bar_bg.gif);
background-repeat:repeat-x;
height:22px;
}

#top{
height:90px;
background-color:#ffffff;
padding-top:28px;
padding-left:25px;
}

#top_col_1{
width:424px;
float:left;
display:inline;

}

#top_col_2{
width:226px;
float:right;
display:inline;
}

#top_col_3{
width:200px;
float:left;
display:inline;
}
  

#purple_bar{
height:22px;
background-color:#a12283;
text-align:right;
width:875px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-right:25px;
padding-top:8px;
}

/*------------------------------------------------------------------------------*/
/*	--> HOME PAGE DIVS AND CLASSES FOR FUTURE EDITABILITY		*/
/*------------------------------------------------------------------------------*/

#main{
width: 900px;
background-image:url(../images/main_bg.gif);
background-repeat:no-repeat;
padding-bottom:10px;
}

#main_column_one{
width:175px;
float:left;
display:inline;
margin-left:25px;
padding-top:24px;
}

#main_column_two{
width:450px;
float:left;
display:inline;
margin-left:25px;
padding-top:24px;
}

#main_column_three{
width:200px;
float:left;
display:inline;
margin-left:25px;
padding-top:24px;
}

#main_column_three p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a12283;
width:180px;
margin:0 0 10px 0; padding:0;}

#main_column_three p.link{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b5b5b;
width:180px;}

#main_column_three p.link a{color:#5b5b5b;}

.main_column_three_padder{
margin-bottom:12px;
}

#welcome{
background-image:url(../images/middle_col_img/welcome_bg.gif);
background-repeat:repeat-y;
}

#content{
background-image:url(../images/middle_col_img/welcome_bg.gif);
background-repeat:repeat-y;
margin-top:25px;
}

#main_column_two table{
padding-left:17px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a12283;
}

.form{
width:275px;
margin-left:10px;
}

.form_button{background-color:#a12283; border: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; padding:5px; margin-left:10px; margin-top:5px; width:100px}

.website_text_purple{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a12283;
width:416px;
padding-left:17px;
}

.website_text_purple a{
color:#a12283;
}

.website_text_grey{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5b5b5b;
width:416px;
padding-left:17px;
}

.website_text_grey a{
line-height:20px;
color:#5b5b5b;

}


#items{margin:0; padding:0 0 0 17px;}
#items ul{margin:0; padding:0;}
#items li{float: left; width: 125px; list-style-type: none; margin-right:18px; margin-bottom:18px; text-align:center;}
#items li a{display: block; height:119px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; padding:0; margin:0; color:#ffffff; background-color:#a12283; padding-bottom:5px;}
#items li a:hover {background-color:#000000; color: #ffffff;}
.padder{padding-bottom:5px;}



/*------------------------------------------------------------------------------*/
/*	--> OTHER PAGES DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/*	--> FOOTER DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

#footer{
width:100%;
background-color:#a12283;
height:32px;
}

#footer_col_one{
width:325px;
float:left;
display:inline;
margin-left:25px;
}

#footer_col_two{
width:525px;
float:left;
display:inline;
text-align:right
}

#footer p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
padding-top:10px;
}

#footer a{
color:#ffffff;
text-decoration:none;
}

#footer a:hover{
color:#ffffff;
text-decoration:underline;
}



/*------------------------------------------------------------------------------*/
/*	--> MISC VALUES, DIVS AND CLASSES					*/
/*------------------------------------------------------------------------------*/

p{
margin: 0px;
padding: 0px;
}

.clearcols
{
clear:both;
height:1px;
}