/** 	WIDTH 		**/

#main-site {
width : 980px;
}


/**		FONT	**/


h1, .componentheading, .contentheading {
font-family: 'Dosis'; font-size: 26px; letter-spacing: 2px; line-height: 26px;
} 


.drop-down li a, .drop-down li span.separator {
font-family: 'sans-serif', 'Dosis';
}

.left h3, .right h3, .user1 h3, .user2 h3, .user3 h3, 
.user4 h3, .user5 h3, .user6 h3 {
font-family: 'sans-serif', 'Dosis';
}

body {
font-family: 'sans-serif';
}

#logo span {
font-family: 'sans-serif', 'Dosis';
}

/**
*			COLOR WEBSITE TITLE and SLOGAN
**/

#logo span {
color:#000000;
}

#logo span span {
color:#000000;
}


/**
*			COLOR FOOTER TEXT
**/


.footer-content {
color:#ffffff !important;
}
.footer-content a {
color:#ffffff !important;
}
.footer-content a:hover {
color:#ffffff !important;
}

.footer-content li a, .footer-content li span.separator {
color:#ffffff !important;
}

.footer-content li a:hover, .footer-content li span.separator:hover, .footer-content li.active a {
color:#ffffff !important;
}



/**
*			COLOR LINK
**/

a:hover {
color:#336699;
}

#breadcrumb a:hover {
color:#336699;
}

.readmore a:hover {
color:#336699;
}

.submenu li a:hover, .submenu li.current > a {
color:#336699;
}

.horizontal_menu li.active a, .horizontal_menu li:hover a {
color:#336699;
}

.vertical_menu ul li a:hover, #login-form ul li a:hover, #form-login ul li a:hover, #com-form-login ul li a:hover, ul.mostread li a:hover, ul.latestnews li a:hover, .webvertical_menus ul li a:hover, ul.newsfeed li a:hover,
.vertical_menu ul li.current > a, #login-form ul li.current > a, #form-login ul li.current > a, #com-form-login ul li.current > a, ul.mostread li.current > a, ul.latestnews li.current > a, .webvertical_menus ul li.current > a, ul.newsfeed li.current > a {
color:#336699;
}

.vertical_menu ul li li a:hover, .vertical_menu ul li li.current > a {
color:#336699;
}