/*
Theme Name: AFCA-BC
Theme URL: http://www.afca-bc.org

Description: AFCA-BC Main Layout Theme
Version: 2.05

Author: Raphael, Marco
Author E-Mail: admin@afca-bc.org

Last Updated: February 06, 2010
*/

@charset "utf-8";

/* ##### NAVIGATION #####*/

#top_navigation{list-style: none; margin: 0; padding: 0; width: 100%;height: 33px; background: transparent url(../images/navigation/nav_bg.jpg) repeat-x 0 0; }

#top_navigation li{float: left;position: relative;}

#top_navigation li a{display: block;height: 33px; margin: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; text-indent: -9999em; outline:none;}

#top_navigation li#home{width: 102px; background-image:url(../images/navigation/home.jpg);}
#top_navigation li#home:hover, #navigation li#home.selected{background-image:url(../images/navigation/home_on.jpg)}

#top_navigation li#aboutus{width: 115px; background-image:url(../images/navigation/about_us.jpg);}
#top_navigation li#aboutus:hover, #navigation li#about_us.selected{background-image:url(../images/navigation/about_us_on.jpg)}

#top_navigation li#membership{width: 132px; background-image:url(../images/navigation/membership.jpg);}
#top_navigation li#membership:hover, #navigation li#membership.selected{background-image:url(../images/navigation/membership_on.jpg)}

#top_navigation li#mentorship{width: 178px; background-image:url(../images/navigation/mentorship_program.jpg);}
#top_navigation li#mentorship:hover, #navigation li#mentorship_program.selected{background-image:url(../images/navigation/mentorship_program_on.jpg)}

#top_navigation li#contactus{width: 127px; background-image:url(../images/navigation/contact_us.jpg);}
#top_navigation li#contactus:hover, #navigation li#contact_us.selected{background-image:url(../images/navigation/contact_us_on.jpg)}

#top_navigation li#sponsors{width: 127px; background-image:url(../images/navigation/sponsors.jpg);}
#top_navigation li#sponsors:hover, #navigation li#sponsors.selected{background-image:url(../images/navigation/sponsors_on.jpg)}

#top_navigation ul{display: none;position: absolute;top: 33px; left: 0; margin: 0; padding: 0 0 0 5px; list-style: none; width: 150px; background: #635A51;}
#top_navigation ul ul{padding: 0 0 0 5px; left:140px; top: 0px;}
#top_navigation ul li{float: none; border-bottom: 1px solid #CCC; margin: 0 10px; height: auto; padding: 0 10px 0 0;}
#top_navigation ul li a{text-indent: 0; text-decoration: none; font: normal 11px Verdana, Geneva, Helvetica, sans-serif; height: auto; padding: 5px 0;}

#bottom_nav ul
{
	list-style: none;
	padding-right: 20px;
	margin: 0;
}

#bottom_nav li
{
	float: right;
	margin: 0 10px;
        font-size: 9px;
}

#bottom_nav li a
{
	height: 28px;
	line-height: 2.5em;
	display: block;
	text-decoration: none;
	text-align: center;
	color:#FFFFFF;
	outline:none;
}

#bottom_nav li a:hover
{
	color:#CCCCCC;
	text-decoration:underline;
}

/* ##### ROUNDED CORNERS ##### */

/* Red */
.bl_red {background: url(../images/roundedcorners/red/bl.jpg) 0 100% no-repeat;}
.br_red {background: url(../images/roundedcorners/red/br.jpg) 100% 100% no-repeat;}
.tl_red {background: url(../images/roundedcorners/red/tl.jpg) 0 0 no-repeat;width:}
.tr_red {background: url(../images/roundedcorners/red/tr.jpg) 100% 0 no-repeat;} 
.tm_red {background: url(../images/roundedcorners/red/t.jpg) 0 0 repeat-x; width: 950px; background-color:#990000;}
.bm_red {background: url(../images/roundedcorners/red/b.jpg) 0 100% repeat-x;}
.l_red {background: url(../images/roundedcorners/red/l.jpg) 0 0 repeat-y;}
.r_red {background: url(../images/roundedcorners/red/r.jpg) 100% 0 repeat-y;} 

/* White */
.bl_white {background: url(../images/roundedcorners/white/bl.jpg) 0 100% no-repeat;}
.br_white {background: url(../images/roundedcorners/white/br.jpg) 100% 100% no-repeat;}
.tl_white {background: url(../images/roundedcorners/white/tl.jpg) 0 0 no-repeat;width:}
.tr_white {background: url(../images/roundedcorners/white/tr.jpg) 100% 0 no-repeat;} 
.tm_white {background: url(../images/roundedcorners/white/tm.jpg) 0 0 repeat-x; width: 900px; background-color:#FFFFFF;}
.bm_white {background: url(../images/roundedcorners/white/bm.jpg) 0 100% repeat-x;}
.l_white {background: url(../images/roundedcorners/white/l.jpg) 0 0 repeat-y;}
.r_white {background: url(../images/roundedcorners/white/r.jpg) 100% 0 repeat-y;} 

/* Grey */
.bl_grey {background: url(../images/roundedcorners/grey/bl.jpg) 0 100% no-repeat;}
.br_grey {background: url(../images/roundedcorners/grey/br.jpg) 100% 100% no-repeat;}
.tl_grey {background: url(../images/roundedcorners/grey/tl.jpg) 0 0 no-repeat;width:}
.tr_grey {background: url(../images/roundedcorners/grey/tr.jpg) 100% 0 no-repeat;} 
.tm_grey {background: url(../images/roundedcorners/grey/tm.jpg) 0 0 repeat-x; width: 900px; background-color:#CCCCCC; float:right;}
.bm_grey {background: url(../images/roundedcorners/grey/bm.jpg) 0 100% repeat-x;}
.l_grey {background: url(../images/roundedcorners/grey/l.jpg) 0 0 repeat-y;}
.r_grey {background: url(../images/roundedcorners/grey/r.jpg) 100% 0 repeat-y;}

/* New Pop Up Window */
.bl_greyNew {background: url(../images/roundedcorners/grey/bl.jpg) 0 100% no-repeat;}
.br_greyNew {background: url(../images/roundedcorners/grey/br.jpg) 100% 100% no-repeat;}
.tl_greyNew {background: url(../images/roundedcorners/grey/tl.jpg) 0 0 no-repeat;width:}
.tr_greyNew {background: url(../images/roundedcorners/grey/tr.jpg) 100% 0 no-repeat;} 
.tm_greyNew {background: url(../images/roundedcorners/grey/tm.jpg) 0 0 repeat-x; width: 900px; background-color:#CCCCCC;}
.bm_greyNew {background: url(../images/roundedcorners/grey/bm.jpg) 0 100% repeat-x;}
.l_greyNew {background: url(../images/roundedcorners/grey/l.jpg) 0 0 repeat-y;}
.r_greyNew {background: url(../images/roundedcorners/grey/r.jpg) 100% 0 repeat-y;}  

/* ##### BANNER BACKGROUND ##### */

.bg_banner
{ 
	background: url(../images/logos/bg_repeat_banner.jpg) 0 0 repeat-x; z-index:-1; position:absolute;
  	background-color:#333333;
  	width:100%;
  	height:95px;
}

/* ##### LINK STYLES ##### */

a:hover
{
	color: #FF9900;
}

/* ##### TEXT STYLES ##### */

body
{
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
	font-size: 12px;
	margin:0px; 
	margin-top: 5px;
	background-color: #990000;
}

h1 
{
	font-size: 20px;
	padding-top: 5px;
	padding-bottom: 5px; 
	color: rgb(100,100,100);
}

h2 
{
	border-bottom: 1px solid #990000;
	border-bottom-style:dotted;
	color: #990000;
	padding-top:15px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 17px;
}

h3 
{
	margin-top:20px;
	margin-bottom:10px;
	font-size: 14px;
	text-decoration:none;
}

h3 a
{
	outline:none; 
	text-decoration:none;
	color:#990000;
}

h4 
{
	margin-top:15px;
	margin-bottom:10px;
	font-size: 12px;
	font-weight:normal;
        font-style: italic;
}

h5 
{
        font-weight: normal;
        font-style: italic;
	margin-top:15px;
	margin-bottom:0px;
	padding:0px;
	font-size:10px;
	letter-spacing:0px;
}

h6 
{
        font-weight: normal;
	margin-top:15px;
	margin-bottom:0px;
	padding:0px;
	font-size:10px;
	letter-spacing:0px;
}

/* ##### DIV STYLES ##### */

.float_left
{
	float: left;
	padding: 0px 10px 0px 0px;
}

.float_right
{
	float:right;
	padding: 0px 10px 0px 10px;
}

.sub_title
{
	list-style-type: none;
        font-weight: bold;
	padding-bottom:3px;
	color:#990000;
	font-size:11px;
	letter-spacing:0px;
}

.news_item
{
	border-bottom: 1px solid #990000;
	border-bottom-style:dotted;
}

.upcoming_events
{
	border-bottom: 1px solid #990000;
	border-bottom-style:dotted;
}

.thumb
{
	border: 1px #990000 solid; 
	padding: 2px 2px 2px 2px;
	margin:0px 8px 8px 0px;
}

.banner
{
	border: 3px #FFFFFF solid; 
}

.div_content_grey
{
	margin: 10px 20px 10px 20px;
	height: 420px;
	background-repeat:no-repeat; 
	background-position:center;
}

.div_content_white
{
	margin: 10px 20px 10px 20px;
	height: 420px;
	background-repeat:no-repeat; 
	background-position:center;
}

.left_navlink
{
	border-bottom: 1px solid #990000;
	border-bottom-style:dotted; 

	
}

/* ##### BREADCRUMB STYLES ##### */

.breadcrumbs
{
        font-weight: normal;
	margin:15px 0px 0px 20px;
	padding:0px;
	font-size:10px;
	letter-spacing:0px; 
	color:#FFFFFF;
	font-family: Verdana, Helvetica, Arial, Tahoma, sans-serif;
}

A:link.breadcrumbs
{
	color: #FFFFFF;
}

A:visited.breadcrumbs
{
	color: #FFFFFF;
}

A:active.breadcrumbs
{
	color: #FFFFFF;
}

A:hover.breadcrumbs
{
	color: #FF9900;
}

/* ##### TABLE STYLES ##### */

.textRowFirst
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	padding-left: 10px;
}

.textRow
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	padding-left: 10px;
}

.textRow1
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	padding-left: 10px;
}

.title
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	border-top: 1px solid #990000;
	border-left: 1px solid #990000;
	background-color: #990000;
	color: #FFFFFF; 
	font-weight:bold;
	font-size:12px;
	padding-left: 10px;
}

.labelRowFirst
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	border-left: 1px solid #990000;
	background-color:#CCCCCC;
	font-weight: bold;
	padding-left: 10px;
}

.labelRow
{
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
	background-color:#CCCCCC;
	padding-left: 10px;
}

/* ##### ONLINE MEMBERSHIP APPLICATION FORM STYLE ##### */

.MemberAppHeading
{
	padding-left: 5px;
        color: blue;
}

/* ##### SPONSOR STYLE ##### */

.sponsor
{
	font-size: 12px;
}

A:link.sponsor
{
	color: #FFFFFF;
}

A:visited.sponsor
{
	color: #FFFFFF;
}

A:active.sponsor
{
	color: #FFFFFF;
}

A:hover.sponsor
{
	color: #FF9900;
}

/* ##### HR STYLE ##### */

hr 
{
	color:#741C35;
	align:center;
	filter: Alpha(Opacity=100,FinishOpacity=5,Style=3);
}

/* ##### FOOTER STYLE ##### */

.staff 
{
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
	color: #000033;
	text-align: center;
}