/*

	Abaana style sheet
	Created by Andi Topping on 18/04/2007

*/

/* STANDARDISE ACROSS BROWSERS */
html, body, div, form { padding:0px; margin:0px; }
img { border:none; }
p { padding:6px 0px; margin:0px; line-height: 125%; }
h1 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.4em; color: #9E0205; }
h2 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.2em; color: #FC690A; }
h3 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 1.2em; color: #9E0205; font-weight: normal; }
h4 { padding: 0px 0px 6px 0px; margin: 0px; font-size: 0.9em; color: #FC690A; font-weight: bold; }
.date { color: #333333; font-weight: normal; }
.animage { border: 1px solid #9E0205; padding: 1px 1px; }
.thinborder { border: 1px solid #9E0205; padding: 0px 0px; }
.white { padding: 5px 5px; background-color:#FFFFFF; }

/* SETUP OUR CANVAS */
html { background-color:#FFFFFF; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
body { background-color:#FFFFFF; }

/* LAYOUT */
#container { margin: 20px auto; width:880px; }
#content { margin: 10px 0px; }

/* TOPBAR STYLES */
#topbar { text-align: right; }
#topbar #logo { float:left; margin: 0px 0px; }
#topbar #icons { padding: 0px 0px 0px 0px; }

/* TOP NAV STYLES */
#topnav { background-image:url(http://new.abaana.org/images/bg_topnav.png); background-position: bottom; background-repeat:no-repeat;  height:28px; text-align: right; clear: both; }
#topnav img { padding: 0px 10px 0px 0px; }

/* MAIN IMAGE STYLES */
#header { margin: 1px 0px 1px 0px; height: 141px; }

/* BOTTOM NAV STYLES */
#bottomnav { background-image:url(http://new.abaana.org/images/bg_bottomnav.png); background-position: top; background-repeat:no-repeat; clear: both; height:28px; margin: 0px 0px; padding: 0px 0px 0px 200px; }
#bottomnav img { padding: 0px 20px 0px 0px; }

/* CONTENT STYLES */
#left { float:left; width:180px; padding:10px 10px; color: #000000; font-size: 0.9em; background-color:#C8AF9B; }
#right { margin:0px 0px 0px 220px; }
#rightnew { margin:0px 0px 0px 0px; }
#rightColumn { float:right; width:180px; padding:10px 10px; color: #000000; font-size: 0.9em; background-color:#C8AF9B; margin-left: 10px;  }
#centerColumn { margin:0px 220px 0px 0px;  }

/* LEFT STYLES */
#left a { color: #9E0205; text-decoration:none; font-weight: bold; }
#left a:hover { text-decoration: underline; font-weight: bold; }

/* RIGHT STYLES */
#right a { color: #9E0205; text-decoration:none; font-weight: bold; }
#right a:hover { text-decoration: underline; font-weight: bold; }

/* incarceration */
#incarceration { font-size: 11px; }
#incarceration tr { font-size: 11px; }
#incarceration td { font-size: 11px; }

/* FOOTER STYLES */
#footer { clear: both; text-align:center; font-size: 1em; color: #999999; }
#footer a, #footer a:hover { color: #999999; text-decoration:none; }
#footer .copyright { font-size: 0.8em; }
#footer hr { height:1px; margin:0px 220px -5px 220px; border: none 0; border-top: 1px solid #999999; width: 440px; text-align:center; }

/* FORM STYLES */
label { width: 150px; float:left; color:#333333; font-style: italic; font-size: 1.05em; margin: 0px 0px 0px 10px; }
div.submit { padding-left:265px; line-height:200%; }

/* SIDEBOX STYLES */
.sidebox { margin: 0px 0px 25px 0px; }
.sidebox li { list-style-image:url(http://new.abaana.org/images/bullet_point.png); margin: 0px 0px; padding: 0px 0px; }
.sidebox a, .sidebox a:hover { color: #000000; text-decoration:none; }
.sidebox form { padding: 10px 10px; width: 150px; }
.sidebox .button { padding: 5px 0px; }
.sidebox input[type="text"] { width: 150px; }

/* NEWSBOX STYLES */
#news .more a, #news .more a:hover { color: #FC690A; text-decoration: none; font-weight: bold; }
#news .header { margin: 0px 0px; padding: 2px 7px 1px 7px; background-image:url(http://new.abaana.org/images/bg_news.png); background-repeat: no-repeat; color: #333333; text-decoration: none; font-weight: bold; height:16px; }
#news img { border: 1px solid #9E0205; padding: 1px 1px; }

/* KEY FACTS */
#keyfacts { margin: 10px 0px; }
#keyfacts th { color: #FFFFFF; background-color:#9E0205; text-align:left; padding: 5px 5px; }
#keyfacts .border { border: 1px solid #9E0205; }

/* GENERAL STYLES */
.message { background-color: #9E0205; border: 2px dashed #FFFFFF; color:#FFFFFF; font-weight: bold; text-align:center; padding: 10px 10px; }
.details strong { color:#9E0205; font-weight: bold; }
/* Hover Transparent Window */
.highlightit img{ border: 1px solid #CCCCCC; padding: 1px 1px; }
.highlightit:hover img{ border: 1px solid #ff3366; padding: 1px 1px; }
.highlightit:hover{ color: #ff3366; border: 0px ; /* Dummy definition to overcome IE bug */ }

/* Accordion Styles */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size: 11px;
	font-weight: normal;
	height: 12px;
	font-family: 'Andale Mono', sans-serif;
}
 
.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}
 
.float-right {
	padding:10px 20px;
	float:right;
}
 
blockquote {
	font-style:italic;
	padding:5px 0 5px 30px;
}

/* moodalbox CSS  */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(../images/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(../images/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}

/* Tool Tip Styles */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}