/*
    GENERAL STYLING
*/

body {
	background-image:url(../media/background.png); 
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#d4d5d7;
	font-family:tahoma, arial, helvetica, sans-serif; 
	font-size:13px; 
	line-height:18px;
	color:#333;
}

p {margin-top:5px 0;}
a {color:#002154;}
a:hover {color:#f90;}

h1, h2, h3, h4 {font-family:lacuna, arial, helvetica, sans-serif; color: #002154; text-align:left;}

h2 {
    font-size:22px;
}

h3 {
    font-size:18px;
}

ul {
	margin-top:10px;
    margin-left:15px;
    line-height:18px;
}

li {
	margin-bottom:5px;
}

iframe {margin:15px 0 0 0;}

small a {
	color:#aaa;
}
/*
    MENU STYLING
*/

div#header ul {display:inline;}
div#header li a {color:white; padding: 0 20px;}
div#header li a:hover {color:white; opacity:0.8;}
div#header li.selected a {color:white;}

/*
    HEADER STYLING
*/

div#header {
	height:240px;
	position:relative;
}

#header h1 {
	position:absolute;
	top:80px;
	width:900px;
	height:150px;
}

#header h1 a {
	display:block;
	float:right;
	height:125px;
	background-image: url(../media/canberra-bariatric-logo-blue.png);
	background-position: top right;
}

div#header div.pop {
	display:none;
	/*bottom:-325px;
	right:-50px;
	width:160px;
	height:311px;
	background-image:none;*/
}


/*
    BODY CONTENT STYLING
*/
.content {}

div.content div.title h1 {color:white;}
div.content div.title h1 small {font-size:20px;}
div.content div.title h1 span {}
div.content div.title h1 span.parent {}
div.content div.title h1 span.child {}
div.content div.title h1 a {color:white;}
div.content div.title h1 a:hover {color:white;}


#body .content .components h2 {
	color:#002154;
	font-weight:normal;
	line-height:24px;
	margin-top:10px;
	border-bottom:1px solid #ccc;
	padding-bottom:12px;
	margin-bottom:10px;
}

#body .content .components h3 {
	color:#002154;
	font-weight:bold;
	line-height:24px;
	margin-top:15px;
	font-size:16px;
}

#body .content .title h1{
   font-size:30px;
}
#body .content .components h1 {
   font-size:24px;
   line-height:30px;
}

#body .content .components .breakout .image{
	padding:0px;
	border:0px solid #dbdcdb;
}

a.popup_flash {
	display:block;
    padding:3px;
    background:#eee url(../media/smallbuttons.jpg) repeat-x bottom right;
    border:1px solid #ccc;
    color:#333;
    text-align:center;
    text-decoration:none;
    margin-top:10px;
}
a.popup_flash:hover {
    border:1px solid #aaa;
    color:#111;
}
a.popup_flash:active {
    background:#eee url(../media/smallbuttons.jpg) repeat-x top right;
    border-color:#ddd;
    color:#555;
}
/*
    SIDEBAR STYLING
*/

.sidebar {}

#body .sidebar .bucket .bmi .right p {
    font-weight:normal;
    color:#002154;
    margin-top:7px;
    margin-bottom:10px;
}

#body .sidebar .bucket .bmi .right a {
    font-weight:normal;
    color:#999;
}
/*
    FOOTER STYLING
*/

.footnotes {font-size:.85em; line-height:15px;}
#body .content .components .footnotes h3 {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0; margin-bottom:10px;}
.footer p {margin-top:0;}

div#body div.content div.footer div.cyberdesign {background-color:transparent;}
div#body div.content div.footer div.cyberdesign a {display:block; color:transparent; height:22px; width:55px; margin-top:15px; float:right; background:transparent url(../media/cdw-22x55.png) no-repeat top right;} 
div#body div.content div.footer div.cyberdesign a:hover {background-position:bottom right;}
div#body div.content div.footer div.cyberdesign a:active {background-position:center right;}