/*
	# Company: Dementia Support
	# CSS Authors: Nick Maller, (Ordyss), Aaron Symes
	# File: layout.css
*/

/* 
	** Components :: Navigation
*/
/* primary navigation */
.header .navigation
{
	position: relative;
	float: left;
margin: 1px 0 0 72px;
width: 957px;
	z-index: 100;
    font-family: 'Titillium Web', 'sans-serif';
    font-weight:600;
}
.header .navigation ul
{
	padding: 0 0px;
background-image: url(../_img/menu-back.jpg);
min-height: 39px;
}
.header .navigation ul li
{
	float: left;
	padding: 0;
    padding-left: 0px;
	background-image: none;
    font-size: 15px;
}
.header .navigation ul li a
{
	display: block;
	height: 40px;
	color: white;
    text-decoration: none;
    margin-left: 15px;
    margin-top: 10px;
    /*background: url(../_img/sprite_menu.jpg) no-repeat;*/
}
.header .navigation ul li a:hover,
.header .navigation ul li.selected a
{
    color:#bfe002;
}
.header .navigation ul img{
    float: left;
    margin: 0px;
    margin-top: 8px;
    margin-left: 20px;
}
/*
.header .navigation ul li.mi-home a:link,
.header .navigation ul li.mi-home a:visited
{
	/*width: 79px;
	background-position: 0px 0px;
}
.header .navigation ul li.mi-home a:hover,
.header .navigation ul li.mi-home-selected a:link,
.header .navigation ul li.mi-home-selected a:visited
{
	/*width: 79px;
	background-position: 0px 100%;
}

.header .navigation ul li.mi-dementiaandmemoryloss a:link,
.header .navigation ul li.mi-dementiaandmemoryloss a:visited
{
	/*width: 195px;
	background-position: -79px 0px;
}
.header .navigation ul li.mi-dementiaandmemoryloss a:hover,
.header .navigation ul li.mi-dementiaandmemoryloss-selected a:link,
.header .navigation ul li.mi-dementiaandmemoryloss-selected a:visited
{
	/*width: 195px;
	background-position: -79px 100%;
}

.header .navigation ul li.mi-supportservices a:link,
.header .navigation ul li.mi-supportservices a:visited
{
	/*width: 139px;
	background-position: -274px 0px;
}
.header .navigation ul li.mi-supportservices a:hover,
.header .navigation ul li.mi-supportservices-selected a:link,
.header .navigation ul li.mi-supportservices-selected a:visited
{
	/*width: 139px;
	background-position: -274px 100%;
}

.header .navigation ul li.mi-community a:link,
.header .navigation ul li.mi-community a:visited
{
	/*width: 107px;
	background-position: -413px 0px;
}
.header .navigation ul li.mi-community a:hover,
.header .navigation ul li.mi-community-selected a:link,
.header .navigation ul li.mi-community-selected a:visited
{
	/*width: 107px;
	background-position: -413px 100%;
}

.header .navigation ul li.mi-resources a:link,
.header .navigation ul li.mi-resources a:visited
{
	/*width: 97px;
	background-position: -520px 0px;
}
.header .navigation ul li.mi-resources a:hover,
.header .navigation ul li.mi-resources-selected a:link,
.header .navigation ul li.mi-resources-selected a:visited
{
	/*width: 97px;
	background-position: -520px 100%;
}

.header .navigation ul li.mi-learningcentre a:link,
.header .navigation ul li.mi-learningcentre a:visited
{
	/*width: 134px;
	background-position: -617px 0px;
}
.header .navigation ul li.mi-learningcentre a:hover,
.header .navigation ul li.mi-learningcentre-selected a:link,
.header .navigation ul li.mi-learningcentre-selected a:visited
{
	/*width: 134px;
	background-position: -617px 100%;
}

.header .navigation ul li.mi-aboutus a:link,
.header .navigation ul li.mi-aboutus a:visited
{
	/*width: 92px;
	background-position: -751px 0px;
}
.header .navigation ul li.mi-aboutus a:hover,
.header .navigation ul li.mi-aboutus-selected a:link,
.header .navigation ul li.mi-aboutus-selected a:visited
{
	/*width: 92px;
	background-position: -751px 100%;
}

.header .navigation ul li.mi-contactus a:link,
.header .navigation ul li.mi-contactus a:visited
{
	/*width: 108px;
	background-position: -843px 0px;
}
.header .navigation ul li.mi-contactus a:hover,
.header .navigation ul li.mi-contactus-selected a:link,
.header .navigation ul li.mi-contactus-selected a:visited
{
	/*width: 108px;
	background-position: -843px 100%;
}

        */

.header .navigation .sub
{
	position: absolute;
	top: 36px;
	z-index: 1000;
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
	
	width: 224px;
	margin-left: -4px;
	border-top: 3px solid #24231e;
	
	font-size: .8em;
}
.header .navigation .sub ul
{
	position: static;
	
	padding-top: 9px;
	padding: 15px 22px 22px;
	
	background: #2d2d2d;
	text-align: left;
	z-index: 1001;
	list-style-position: outside;
}
.header .navigation .sub li 
{
	position: static;
	float: none;
	margin-bottom: 1px;
	padding-bottom: 3px;
	background: none;
	border-bottom: 1px solid #373737;
	text-align: left;
	z-index: 1002;
}
.header .navigation .sub li.last-item
{
	padding-bottom: 33px;
}
.header .navigation .sub li a:link,
.header .navigation .sub li a:visited
{
	position: static;
	
	float: none;
	width: auto !important;
	height: auto;
	padding: 3px 0;	
	
	background: none !important;
	
	color: #fff;
	text-decoration: none;
	z-index: 1003;
}
.header .navigation .sub li a:hover
{
	background-color: #353535;
	background-position: 20px -41px !important;
	color: #f1b400;
	text-decoration: underline;
}
.header .navigation .sub li a.selected
{
	color: #f1b400;
}





/* secondary navigation */
.sectionpanel .navigation ul
{
	font-size: 12px;
    font-family: Verdana;
    /*font-weight:bold;*/
}
.sectionpanel .navigation li
{
	padding: 0;
    padding-left: 12px;
    margin-left: -12px;
    background: url(../_img/bullet.gif) no-repeat 4px 7px;
    border-bottom: 1px solid #CCCCCC;
    
}
.sectionpanel .navigation li.last
{
		padding: 0;
    padding-left: 12px;
    margin-left: -12px;
    background: url(../_img/bullet.gif) no-repeat 4px 7px;
	border-bottom: 0; 
}
.sectionpanel .navigation li a:link,
.sectionpanel .navigation li a:visited
{
	display: block;
	padding: 4px 0;
	
	background: none;
	
	color: #730e76;
	text-decoration: none;
}
.sectionpanel .navigation li.selected a:link,
.sectionpanel .navigation li.selected a:visited
{
	color: #730e76;
    font-weight:bold;
}
.sectionpanel .navigation li a:hover
{
	text-decoration: underline;
}

.sectionpanel .navigation .childpages li
{

	background: url(../_img/bullet.gif) no-repeat 4px 7px;
}
.sectionpanel .navigation .childpages li a
{
	margin-left: 15px;
    color:#5e5e5e;
}
.sectionpanel .navigation .childpages li.selected a
{
    color:#5e5e5e;
}

/* 
	** Components :: Core
*/
.offleft
{
	position: absolute;
	left: -9999em;
	width: 1000em;
}

hr 
{
	clear: both;
	visibility: hidden;
	height: 1px !important;
	height: 1px;
	margin: 0;
	padding: 0;
	border: none;
}

.hide
{
	display: none;
}

.left
{
	float: left;
}
.right
{
	float: right;
}
.clear
{
	clear: both;
}
.aright
{
	text-align: right;
}
.center
{
	text-align: center;
}
.pright
{
	padding-right: 105px;
}

.group
{
	padding: 15px;
}

.bold
{
	font-weight: bold;
}

.btn
{
	margin-left: -6px;
}



div .h2{
font-size: 22px;
color: black;
font-family: 'Titillium Web', 'sans-serif', 'Myriad Pro';
font-weight: 600;
}

.sidetitle{
    font-family: 'Titillium Web', 'sans-serif', 'Myriad Pro';
font-weight: 600;
font-size: 18px;
color: black;
margin-top: 25px;
margin-bottom: 20px;
}

.maintitle{
        font-family: 'Titillium Web', 'sans-serif', 'Myriad Pro';
font-weight: 600;
font-size: 20px;
color: black;
margin-top: 25px;
margin-bottom: 20px;
}
/* Flash Replacement */
.flash-replaced .alt 
{
	display: block;
	height: 0;
	position: absolute;
	overflow: hidden;
	width: 0;
}
.flash-replaced
{
	margin-left: -3px !important;
	margin-left: 0;
	line-height: 1em !important;
	/*font-size: 30px !important;*/
}
h1.flash-replaced object,
h1.flash-replaced embed
{
	height: 34px !important;
	width: 600px !important;
	margin-top: 35px;
	margin-bottom: -5px;
	margin-left: 3px;
}
.sectionpanel h2.flash-replaced object,
.sectionpanel h2.flash-replaced embed
{
	height: 25px !important;
	width: 100px !important;
	margin-bottom: -5px;
}
.content h2 span.flash-replaced object,
.content h2 span.flash-replaced embed
{
	height: 23px !important;
	width: 364px !important;
	margin-bottom: -5px;
}
.content .summary h2.flash-replaced object,
.content .summary h2.flash-replaced embed
{
	height: 25px !important;
	width: 100px !important;
	margin-bottom: -5px;
}

#homepage .screen .panel h1.flash-replaced object,
#homepage .screen .panel h1.flash-replaced embed
{
	height: 31px !important;
	width: 322px !important;
	margin-top: 8px;
	margin-bottom: 0;
	margin-left: 24px;
}
#homepage .screen .panel.stories h1.flash-replaced object,
#homepage .screen .panel.stories h1.flash-replaced embed
{
	width: 163px !important;
}
#homepage .screen .panel h2.flash-replaced object,
#homepage .screen .panel h2.flash-replaced embed
{
	height: 24px !important;
	width: 322px !important;
	margin-left: 1px;
	margin-bottom: 2px;
}
#homepage .screen .panel.stories h2.flash-replaced object,
#homepage .screen .panel.stories h2.flash-replaced embed
{
	height: 24px !important;
	width: 146px !important;
	margin-left: 1px;
	margin-bottom: 2px;
}



/* 
	** Components :: Main
*/
/* flat lists */
ul.flat
{
	padding: 0;
}
ul.flat li
{
	padding: 0;
	background-image: none;
}


/* inline lists */
ul.inline
{
	padding: 0;
}
ul.inline li
{
	display: inline;
	padding: 0;
	background-image: none;
}


/* split lists */
ul.split li
{
	float: left;
	width: 48%;
}

ul.split-by3 li
{
	float: left;
	width: 31%;
}

ul.split-by4 li
{
	float: left;
	width: 23%;
}

ul.split-by5 li
{
	float: left;
	width: 19%;
}


/* buttons */
/*a.btn-more:link,
a.btn-more:visited
{
	display: block;
	width: 112px;
	height: 17px;
	
	background: url(../_img/btn-more.gif) no-repeat;
}*/

.watermarkOn {
	color: #CCCCCC;
	font-style: italic;
}