/* 1) BODY
============================================================================ */

body {
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	text-align: center;
}

/* 1a) BASE LINK STYLES
============================================================================ */

.img
{  border-style: none;

}

a:link {
	color: none;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: none;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999;
}

/* 2) TOP NAVIGATION
============================================================================ */

#topnavigation li
{
list-style-type: none;
text-align: right;
padding-left: 5px;
margin: 0;
line-height: 18px;
display: inline;
list-style-type: none;
}

#topnavigation li a
{
background: transparent url(../images/YFM-grey-dot.png) left no-repeat;
padding-left: 14px;
text-align: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #999999;
display: inline;
list-style-type: none;
}

#topnavigation li a:hover
{
background: transparent url(../images/YFM-purple-dot.png) left no-repeat;
color: #666666;
}

#topnavigation li a#current
{
background: transparent url(../images/YFM-purple-dot.png) left no-repeat;
color: #666666;
}

/* 3) SIDE NAVIGATION
============================================================================ */
#navigation ul
{
list-style-type: none;
text-align: left;
padding-left: 5px;
padding-top: 17px;
margin: 0;
line-height: 18px;

}

#navigation ul li a
{
background: transparent url(../images/YFM-grey-dot-small.png) left no-repeat;
padding-left: 12px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #999999;
}

#navigation ul li a:hover
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}

#navigation ul li a#current
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}


/* 4) FOOTER NAVIGATION
============================================================================ */


#footernavigation
{
font-family: Arial, Helvetica, sans-serif; 
font-size:10px; 
line-height: 33px;
text-decoration: none; 
color: #FFFFFF; 
background:transparent url(../images/sub-navigation-bar.gif) center no-repeat; 
height:100%; 
clear:both;

}

.footeralignleft {
float: left;
padding-left: 12px;

}
.footeralignright {
float: right;
padding-right: 12px;

}

.footerlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align:right; 
	}

/* 5) FLOAT
============================================================================ */

.floatingleft {
    float:left;
    margin-top:12px;
    margin-left:12px;
    margin-bottom:10px;
	padding-right: 10px;

    }
	
.floatinglogos {
    margin-top:12px;
    margin-left:50px;
    margin-bottom:0px;
	padding-right: 35px;
	padding-bottom: 15px;

    }

/* 6) HUB BOX
============================================================================ */

#hubbox
{
background:url(../images/the-hub.gif) top left no-repeat; 
overflow:auto; 
height:100%; 
clear:both;
padding-left: 0px;
margin-top:3px;
margin-left: 0px;
}

#hubnavigation ul
{
list-style-type: none;
text-align: left;
padding-left: 5px;
padding-top: 110px;
margin: 0;
line-height: 18px;

}

#hubnavigation ul li a
{
background: transparent url(../images/YFM-grey-dot-small.png) left no-repeat;
padding-left: 12px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #FFFFFF;
}

#hubnavigation ul li a:hover
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #999999;
}

#hubnavigation ul li a#current
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #999999;
}

/* 7) TBC BOX
============================================================================ */
#greybox
{
background:url(../images/greybox.gif) top left no-repeat; 
overflow:auto; 
height:100%; 
clear:both;
padding-left: 0px;
margin-top:3px;
margin-left: 0px;

}

#hythegreybox
{
background:url(../images/hythe-greybox.gif) top left no-repeat; 
overflow:auto; 
height:100%; 
clear:both;
padding-left: 0px;
margin-top:3px;
margin-left: 0px;

}

#tbcnavigation ul
{
list-style-type: none;
text-align: left;
padding-left: 5px;
padding-top: 18px;
margin: 0;
line-height: 18px;

}

#tbcnavigation ul li a
{
background: transparent url(../images/YFM-grey-dot-small.png) left no-repeat;
padding-left: 12px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #999999;
}

.tbcbrandbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	padding-left: 16px;
	line-height: 12px;
	text-align: left;

}

#tbcnavigation ul li a:hover
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}

#tbcnavigation ul li a#current
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}

/* 8) NEWS BOX
============================================================================ */


#newsnavigation ul
{
list-style-type: none;
text-align: left;
padding-left: 5px;
padding-top: 22px;
margin: 0;
line-height: 18px;

}

#newsnavigation ul li a
{
background: transparent url(../images/YFM-grey-dot-small.png) left no-repeat;
padding-left: 12px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration: none;
color: #999999;
}

#newsnavigation ul li a:hover
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}

#newsnavigation ul li a#current
{
background: transparent url(../images/YFM-purple-dot-small.png) left no-repeat;
color: #666666;
}

.newsboxsubheaders {
	font-family: Arial, Helvetica, sans-serif;
	color: #8f3594;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 25px;
}

/* 9) TEXT STYLES
============================================================================ */
.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
	}
	
.maptext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
	
}

.subboxtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 20px;
	margin: 0px;
	text-align:left; 
	
}

.policytext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 12px;
	}	
	
.textspacer {
	color: #FFFFFF;
	line-height: 18px;
	font-size: 12px;

}

.navitextspacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 18px;
	}	


/* 10) MAIN TEXT BULLETS
============================================================================ */

#maintext ul
{
list-style-type: none;
text-align: left;
padding-left: 0px;
margin: 0;
line-height: 20px;

}

#maintext ul li a
{
background: transparent url(../images/overarrow.gif) left no-repeat;
padding-left: 15px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #666666;
}
	
.yfmbullets 
{ 
list-style-image: url(../images/YFM-purple-dot-small.gif); 
padding-left: 15px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
color: #666666;
margin: 0px;

}	

/* 11) SUBHEADERS
============================================================================ */

.yfmsubheaders {
	font-family: Arial, Helvetica, sans-serif;
	color: #8f3594;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.yfmwhitesubheaders {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}

.yfmwhitesubheadersright {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: right;
}

/* 12) NEWS
============================================================================ */

.newsbrandbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 15px;
	text-align: left;
	text-indent: 10px;

   }