/* HEALTH ISSUES CENTRE 
------------------------------------------------------------------------------------

Main Style Sheet
Infoxchange 2007

------------------------------------------------------------------------------------*/


 

/* START RESET 
------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 90%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*EASY CLEAR 
------------------------------------------------------------------------------------*/

/* Easy Clearing styles - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */






/* GENERAL TAGS 
------------------------------------------------------------------------------------*/

html{
	overflow: scroll; /* So Firefox always shows scrolls bars, so layout doesn't jump */
}

body{
	font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #004E76;
	padding: 1em;
}


img{
	display:block;
	border:0;
}

p, ul, ol {
	line-height: 130%;
}

a{
	color: #006699;	
}

h1, h2, h3, h4, h5{
	margin:8px 0;
}

h1{
	font-size: 120%;	
	font-weight:normal;
	color: #004E76;
	line-height:26px;
}

h2{
	font-size: 100%;
	font-weight:bold;
	
}

h3{
	font-size: 90%;
	font-weight:bold;
	color: #666;
	
}

h4{
	font-size: 90%;
	font-weight:normal;
	color: #666;
	margin-left:0.5em;
	
}


h5{
	font-size: 90%;
	font-weight:bold;
	font-variant: small-caps;
	
}

.strong, strong{
	font-weight: bold;
}


hr{
	margin: 0.5em;
	color : #ccc;
	background-color: #ccc;
	height: 2px;
	border:0;
}

.summary_quote {
	clear:both;
	padding:5px;
	margin:10px;
	font-size:90%;
	color:#444;
	font-style:italic;
}

.summary_quote img {
	display:inline;
}



/* MAIN NAVIGATION 
------------------------------------------------------------------------------------*/

#nav{
	padding-left: 18px;
	
}


#nav ul li{
	padding: 0.5em 0;
	margin-left: 0.8em;
	margin-right: 0.5em;
	border-bottom: 1px solid #B0D7E1;
}


/* Disable Nav */
#nav ul{
	display:none;
}


#nav .home, 
#nav .contactus, 
#nav .aboutus, 
#nav .contactus, 
#nav .projects, 
#nav .policy, 
#nav .participate, 
#nav .publications,
#nav .shop,
#nav .membership,
#nav .help
{	
	width:160px !important;
	border-top:1px solid #fff;
	/margin-top:-2px;
}

#nav li a.nav_parent{	
	/height:100%;
	margin:0;
	font-size: 90%;
	font-weight: bold;
	padding: 1px;	
	padding-left:10px;	
	text-decoration: none;	
	color: #fff;
	display:block;	
	background: url(/images/button_nav_normal.jpg) no-repeat right -24px;
	background-color: #4192C8;
	
}


/* CSS rollover */
#nav li a.nav_parent:hover{
	background: url(/images/button_nav_normal.jpg) no-repeat right top;
}

#nav li a.nav_parent_large{
	background: url(/images/button_nav_large.jpg) no-repeat right -48px;		
}


/* CSS rollover */
#nav li a.nav_parent_large:hover{
	background: url(/images/button_nav_large.jpg) no-repeat right top;
}





#nav li a.nav_parent:link{
	text-decoration: none;	
	color: #fff;
}

#nav li a.nav_parent:active{
	text-decoration: none;	
	color: #fff;
}

#nav li a.nav_parent:visited{
	text-decoration: none;	
	color: #fff;
}


/* Home Nav Styles */
.nav_home #nav .home a {
	color: #fff;	
}

.nav_home #nav .home ul a{
	font-weight: normal;	
}




/* Nav Styles */


.nav_aboutus #nav .aboutus a{
	color: #37869D;	
}

.nav_aboutus #nav .aboutus ul a{	
	font-weight: normal;
}

.nav_contactus #nav .contactus a:hover{
	color: #37869D;	
}



/* Blue button image background*/
#nav li{	
	width:160px;
}


/* Blue background image shouldn't apply to sub categories, so delete background */
#nav li ul li{
	background: #fff;
	background-color: #fff;
	width:auto;
	font-size: 75%;
}


/* Display submenu when needed */
.nav_aboutus #nav .aboutus, 
.nav_projects #nav .projects ul, 
.nav_policy #nav .policy ul, 
.nav_participate #nav .participate ul, 
.nav_publications #nav .publications ul, 
.nav_helps #nav .help
{
	height: auto;
}

.nav_aboutus #nav .aboutus ul,
.nav_projects #nav .projects ul, 
.nav_policy #nav .policy ul, 
.nav_participate #nav .participate ul, 
.nav_publications #nav .publications ul, 
.nav_help #nav .help ul
{
	display: block;
}





/* MAIN LAYOUT
------------------------------------------------------------------------------------*/

#wrapper{
	width: 98%;
	margin: 0 auto;
}

#top{
	background: url('/images/background_top.jpg') repeat-x;
}

.topbar_left{
	float:left;
}

.topbar_right{
	float:right;
	background: url('/images/topheading_right.jpg') no-repeat right;
	padding-right: 2em;
}


#content{
	padding:0;
	margin:0;
	
}

#content_left{
	float:left;
	width: 160px !important;
}

.nav_background{
	background:transparent url(/images/background_nav.jpg) repeat-y;
	width:188px;
}

#content #content_right{
	clear:right;
	margin: 0 0 0 190px;
	padding:0;
}

#content #content_right_home{
	margin-left: 190px;
}


#top_print{
	display:none;
}


/* FOOTER 
------------------------------------------------------------------------------------*/


#footer{
	display:inline;
	margin: 0 auto;
	width:98%;
	position: relative;
	margin-top: 2em;
	text-align:center;
	
}

#footer p{	
	font-size: 80%;
	text-align:center;
}


#footer hr{
	width:98%;
	color: #ccc;
	margin-top:0; 
	margin-bottom:0;
}




/* HOMEPAGE SPECIFIC LAYOUT 
------------------------------------------------------------------------------------*/

#content_right_body{	
	float:left;
	width:68%;
	overflow:hidden;
}

#content_right_quicklinks{
	float:right;
	width:30%;
}





/* QUICK LINKS 
------------------------------------------------------------------------------------*/


#quicklinks{
	padding: 1em;
	padding-top: 0.5em;
}


#quicklinks p{
	font-size: 75%;
}

.helplink {
font-size:90%;
}

.testing {
display:block;
width:500px;
background-color:#FFFF99;
color:#222;
}



/* LEFT FEATURED LINKS 
------------------------------------------------------------------------------------*/

#left_featured{
	margin-left: 2em;
	padding-top: .5em;
	margin-bottom: 1em;
	width:auto;
}

#left_featured ul{
	margin:0;
	padding:0;
	width:100px;
}

#left_featured ul li{	
	background-color: #4192C8;	
}

#left_featured ul li h3 {
	font-size: 80%;	
}

#left_featured ul li h3 a{	
	color:#fff;
}


/* HOT ISSUES 
------------------------------------------------------------------------------------*/

#hot_issues span {
	font-size:13px;
}

#hot_issues h1 {
color:#E40C10;
border-bottom:3px solid #F87779;

}

/* BREADCRUMBS
------------------------------------------------------------------------------------*/

.breadcrumbs {
	padding-left: 10px;
	padding-top: 5px;
	font-size: 80%;
}


/* FEATURED 
------------------------------------------------------------------------------------*/

.featuredBox {
	border: 1px solid #ccc;
	background-color: #eee;
	margin: 0.5em;
}



/* CONTENT 
------------------------------------------------------------------------------------*/

#content_right ol, #content_right_body ol, .admin_view ol {
	list-style-type:decimal;
	padding-left: 22px;
}

#content_right ul, #content_right_body ul, .admin_view ul {
	list-style-type:disc;
	padding-left: 15px;
}

#content_right ul.arrow, #content_right_body ul.arrow, #admin_view ul.arrow {
	list-style: none;
	padding-left:0px;
}

#content_right ul.arrow li, #content_right_body ul.arrow li, #admin_view ul.arrow li{
	background: url('/images/bullet_orange.gif') no-repeat;
	padding-left: 15px;
	margin:3px 0;
}

#content_right p, #content_right_body p{
	font-size: 75%;
	padding:3px 0;
}

#content_right span, #content_right_body span {
	font-size:13px;
}



/* UTILITY
------------------------------------------------------------------------------------*/


.clear{
	clear:both;
}

.clearRight{
	clear:right;
}

.pad{
	padding: 0.5em;
}

.nopad{
	padding:0;
}

.nomargin{
	margin:0;
}


.left{
	float:left;
}

.right{
	float:right;
}

.center{
	text-align: center;
}


.nobullets{
	list-style:none;
}

.inLine{
	display:inline;
}

.icon{
	vertical-align:middle;
}

.lighter {
	color:#7A98C2;
}

.smallfont {
font-size:85%;
}

.bigheader {
border-bottom:1px solid #aaa;
margin:1em .5em;
padding:3px 0;
}

/* FORMS 
------------------------------------------------------------------------------------*/

.admin {
	font-size: 85%;
	padding: 1em;
}

.nobullets{
	list-style-type: none;
}

.inline li{
	display: inline;
}

.inline {
	display:block;
}


/* Used when no serach results / No webboard articles */
.warningBox{
	padding:10px;
	background-color: #8d0000;
	background-color: #942424;
	border: 1px solid #ce6161;
	margin-bottom: 1em;
	margin-top: 1em;
}

html fieldset{ position: relative; margin-top:1em; padding-top:.75em; }

html legend{ position:absolute; top: -.9em; left: .5em; color: #fff; }

form label {
	font-size: 90%;
}

form fieldset{
	margin: 1em;
	padding: 1em;
}

form fieldset .inputset{
	margin-bottom: 1em;
}

.default_size p {
font-size:90%;
}
/*
.default_list {
margin:10px 0;
list-style-type:square;
}

.default_list li {
margin:5px 7px;
}
*/
.default_form fieldset {
margin:15px 0;
padding:0;
}

.default_form p{
margin:7px 0;
padding:5px !important;
}

.default_form legend {
color:#4192C8;
}

.default_form label {
display:inline;
float:left;
text-align:left;
width:130px;
font-weight:bold;
font-size:80%;
}

.default_form a {
font-weight:bold;
}

.mandatory, .warning {
color:red;
}

.admin_table {
width:98%;
text-align:left;
margin:0 auto;
margin-bottom:1em;
}

.admin_table .titleColumn {
width:60%;
}

.admin_table .dateColumn, .admin_table .actionColumn {
width:20%;
}

.admin_table caption, .admin_table p.special {
font-size:1em;
background-color:#0081C2;
color:#fff;
font-weight:bold;
width:98%;
margin:0 auto;
padding:2px;
}

.admin_table th {
font-weight:bold;
padding:5px 0;
}

.admin_section {
display:inline;
float:left;
margin:.6em;
width:180px;
padding:.4em;
background-color:#fff;
border:1px solid #004E76;
}

.related_group {
margin:.5em:
padding:.4em;
background-color:#eee;
border:1px solid #bbb;
}

.related_section {
display:inline;
float:left;
width:160px;
}

.keyword {
position:relative;
font-size:80%;
background-color:#525252;
color:#fff;
}

.keyword a {
color:#FFF65D;
}

.admin_view {
width:700px;
border:1px solid #999;
padding:10px;
margin-top:1em;
background-color:#fff;
}
/*
.admin_view ul li{
background: url('/images/bullet_orange.gif') no-repeat;
padding-left: 15px;
margin:3px 0;
}
*/
.member_login {
width:300px;
padding:.5em;
background:#fafafa;
border:1px solid #eee;
}

/* SITEMAP
------------------------------------------------------------------------------------*/

ul.sitemap {
 list-style-type: none; 
 margin-left: 0.5cm;
 padding-left: 0;
}

ul.sitemap li {
 padding-left: 1.1em;

}

ul.sitemap li a {
 background: transparent url('sitemapdocbullet.gif') no-repeat;
 margin-left: -1.1em;
 padding-left: 1em;
}

ul.sitemap li ul {
 background: transparent url('sitemapfolderbullet.gif') no-repeat;
 list-style-type: none;
 margin: -1.4em 0 0 -1.6em;
 padding: 1.4em 0 0 0.6em;
}

ul.sitemap li ul li {
 margin-left: 0.5cm;
 padding-left: 10px;

}

ul.sitemap li ul li a{
  font-size: 10px;
}
ul.sitemap li ul li h5{
  font-size: 10px;
}

.admin_table th {
color:#444;
font-size:.8em;
}

.admin_table td, .admin_table p {
margin:0 !important;
padding:3px !important;
font-size:90%;
}

.array_bullet {
background: transparent url('/images/bullet_grey.gif') center left no-repeat;
padding-left:16px;
}

.admin_fieldset {
padding-top:1em !important;
border-top:1px solid #A3C9FF;
}

.admin_submit {
width:137px;
height:43px;
border:none;
background:url('/images/admin_submit.gif') 0 -43px;
}

.admin_submit_hover {
width:137px;
height:43px;
border:none;
background:url('/images/admin_submit.gif') top left;
cursor:pointer;
}

.pagination {
text-align:center;
}

.pagination span.current_page {
font-weight:bold;
}

.colorPublic {
color:#006600;
}

.colorPrivate {
color:#990000;
}

.colorShop {
color:#9933CC;
}

.smallpad p {
padding:.5em !important;
}