@charset "UTF-8";
/* Bothal Consultants main layout CSS
8th February 2009 */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 80%;
	font-family:Georgia, Times New Roman, Times, serif;
	color: #000000;
	background-color: #DEDDB6;
	-webkit-text-size-adjust: none;
}
body a:link {text-decoration: none;}
body a:visited {text-decoration: none;}
body a:hover {text-decoration: none;}
body a:active {text-decoration: none;}

/************** header tag styles **************/

h1{
	font-size: 150%;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h2{
 font-size: 130%;
 font-weight:bold;
 margin: 0px;
 padding: 0px;
}

h3{
	font-size: 120%;
 	font-weight:bold;
	margin: 0px;
}

h4{
	font-size: 100%;
 	font-weight:normal;
	margin: 0px;
	padding: 0px;
}

h5{
 font: italic 95%;
 margin: 0px;
 padding: 0px;
}

/* Define the overall background of the page*/
#background_top, #background_middle, #background_base {width: 859px; margin: auto; text-align: left; border: 0;}

#background_top {background: transparent url(images/main_background_top.png) no-repeat top center; text-align: center; height: 54px; margin-top: 10px;}
#background_middle {background: transparent url(images/main_background_mid.png) repeat-y center;}
#background_base {background: transparent url(images/main_background_bot.png) no-repeat bottom center; height: 54px; margin-bottom: 10px;}


/* Define the header and footer of the page */
#header_left {float:left; width: 174px; background: transparent url(images/bothal_logo_mirror.png) no-repeat center; border: 0; height: 128px;}
/* Create a hotspot over the two header background images */
#header_left ul { 
margin: 0; 
padding: 0; 
list-style: none;
} 
#header_left a { 
position: absolute; 
width: 760px; 
height: 120px; 
text-indent: -1000em; 
} 
#header_left .bothal a { 
top: 60px; 
left: 170px; }


#header_right {float:right; width: 596px; background: transparent url(images/bothal_name_mirror2.png) no-repeat center; border: 0; height: 128px;}
#footer {text-align: center;
		 margin-top: 10px;
		 width:771px;}

/* Define the areas of the main screen */
#margins{margin:0px 44px 0px 44px;}

/* Define the boundaries of the main content area */
#main_page{margin 0;
		   width: 771px;}

/* Define the left side panel */
#left_side{width: 174px; float:left; margin:0;padding:0;}

/* Define the information boxes on the left side */
.info_box{
	background: url(images/left_box_ie6_mid.png) repeat-y right;
	text-align:center;
	font-size:x-small;
	width:172px;
	margin-bottom:10px;
	overflow:hidden;
}
/* Specific class for the top of the menu with no margin */
.info_box_menu_top{background: url(images/left_box_ie6_top.png) no-repeat top right; height: 12px; overflow:hidden;}
/* Whereas the other boxes are always 10 pixels down from the box above */
.info_box_top{background: url(images/left_box_ie6_top.png) no-repeat top right; height: 12px;overflow:hidden;}
.info_box_margins{margin: 0px 10px 0px 12px;}
/* Centre the image */
.info_box img{margin: 5px auto 5px auto;
					display:block;}
.info_box h3{font-size:small;}
.info_box_menu_bottom{background: url(images/left_box_ie6_bot.png) no-repeat top right; height: 9px; overflow:hidden;}
.info_box_bottom{background: url(images/left_box_ie6_bot.png) no-repeat top right; height: 9px; overflow:hidden;}

/* Define the content panel */
#content{margin-left: 182px;margin-right: 0px; text-align:justify;line-height:1.5em; z-index:1;
}
#content_top{background: transparent url(images/content_box_top.png) no-repeat bottom; height: 14px; border: 0;}
#content_middle{background: transparent url(images/content_box_mid.png) repeat-y center;
				border: 0; 
				min-height: 350px;
				padding: 0px 15px 1px 15px;
				}
#content_bottom{background: transparent url(images/content_box_bot.png) no-repeat top; height: 14px; border: 0;}

/* Define the corners of the dynamic drop box */
.misc_box_tl{background: transparent url(images/misc_box_tl.png) no-repeat center; border: 0; height: 12px;width: 13px;}
.misc_box_top{background: transparent url(images/misc_box_top.png) repeat-x center; border: 0; height: 12px;}
.misc_box_tr{background: transparent url(images/misc_box_tr.png) no-repeat center; border: 0; height: 12px;width: 15px;}
.misc_box_l{background: transparent url(images/misc_box_l.png) repeat center; border: 0; height: 6px;width: 13px;}
.misc_box_m{background-color:#FFFFFF;}
.misc_box_r{background: transparent url(images/misc_box_r.png) repeat center; border: 0; height: 6px;width: 15px;}
.misc_box_bl{background: transparent url(images/misc_box_bl.png) no-repeat center; border: 0; height: 9px;width: 13px;}
.misc_box_bot{background: transparent url(images/misc_box_bot.png) repeat-x center; border: 0; height: 9px;}
.misc_box_br{background: transparent url(images/misc_box_br.png) no-repeat center; border: 0; height: 9px;width: 15px;}


.clearer {clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

.totp{
	color: #000000;
	font-size: xx-small;
	text-align: right;
	font-style: italic;
}

.copyright{
	color: #000000; 
	font-size: x-small;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.lastupdated{
	font-size: xx-small;
	color: #000000;
	padding: 2px 12px 0px 0px;
	margin: 0px 35px 0px 0px;
	text-align: right;
	clear: right;
}

.centre_js_text{text-align:center;}

.main_body_text{margin-top:10px; padding-bottom:10px;}

.main_body_text img{
	text-align: center; 
	margin: 5px 15px 5px 15px;
}

.centre_images{
	text-align: center; 
	margin: 5px 5px 5px 5px;
}
.centre_images img{padding :0px 10px 0px 10px;}

/*Define the side menu-bar*/
#nav {
	width:172px;
	text-align:left;
	font-size:small;
}
#nav ul {
	margin:0;
	padding:0;
	list-style: none;
	margin-left:5px;
}
#nav li {
	display:in-line;
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
	margin:0;
	height:33px;
	line-height:33px;
}

#nav a,.sel {padding-left:10px;
}
#nav a {color:#000000;
	    display:block;
		width:154px;
		background: transparent url(images/bg_nav_unsel.gif) no-repeat center;
}
#nav a:hover,.sel{
	background: transparent url(images/bg_nav_sel.gif) no-repeat center;
	color:#ffffff;
	width:154px;
}