body {
	margin: 0;
	padding: 0;
	color: black;
	background: #8acccd;
	background-attachment:fixed;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 0.8em; 
} 

.heading_text { font: 1.8em "Arial", sans-serif; color: #0b4d4e; letter-spacing:2px; }
.heading2_text { font: 1.5em "Arial", Verdana, Arial, sans-serif; color: #0b4d4e; letter-spacing:2px; }
.heading3_text { font: 1.3em "Arial", Verdana, Arial, sans-serif; color: #099; font-weight: bold; letter-spacing:1px;}
.e_text { font: 1.1em "Arial", Verdana, Arial, sans-serif; color: #099; font-weight: bold; letter-spacing:1px;}
.faint_text { font: 0.9em Verdana, Arial; color: #777; }
   
blockquote {padding:10px; font: 0.9em "Arial", Tahoma, "Trebuchet MS", sans-serif; }

a, a visited { color: #444; text-decoration: underline; }
a:hover, a:active { color: #099; text-decoration: none; }


#rap {
	border: 0;
	width:780px;
	margin: 0px auto 0px auto;
	padding-bottom:20px;	
	position:relative;
}

#header {
	width: 100%;
	height: 100px;	
}

#header_text  {
	font-size:2.1em;
	text-align:right;
	padding-right:20px;
	color:#fff;
	display:none;
	
}
#header_biline  {
	font-size:1.4em;
	text-align:right;
	padding-right:20px;
	color:#fff;	
}

#bar_wrap {
	width:760px;
	background:url('images/bar.png');
	height:55px;	
	}

#ball {
	color:#ddd;
	font-weight:bold;
	letter-spacing:5px;
	word-spacing:10px;
	font-size:1em;
	font:Arial;
	}
	
#topbar {
	background:url('images/top-bar.jpg');
	width:760px;
	background-repeat:repeat-x;
	margin-left:10px;
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:16px;
	word-spacing:15px;
	text-align:center;
}

	#topbar a, #topbar a:visited{
		font-weight:bold;
		color: #eee;
		text-decoration: none;	
		padding-left:5px;
		padding-right:5px;
		height:40px;
		margin-top:10px;
		word-spacing:0px;
			padding-top:10px;
	padding-bottom:10px;
		
	}
	
	#topbar a:hover{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		height:40px;
		background:url('images/highlight.jpg');
		padding-bottom:12px;
		padding-top:10px;
		border-right:1px solid #999;
		border-left:1px solid #999;
		padding-left:4px;
		padding-right:4px;
	}
	
#subbar {
	text-align:center;
	background:url('images/sub-bar.jpg');
	background-repeat:repeat-x;
	margin-left:10px;
	width:760px;
	padding-top:10px;
	padding-bottom:11px;
	height:20px;
	word-spacing:15px;
	font-size:16px;
}

	#subbar a, #subbar a:visited{
		font-weight:bold;
		color: #222;
		text-decoration: none;
		padding-left:5px;
		padding-right:5px;
		height:40px;
		width:160px;
		letter-spacing:1px;
			padding-top:10px;
	padding-bottom:11px;
			}
	
	#subbar a:hover{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		border-right:1px solid #ddd;
		border-left:1px solid #ddd;
		padding-left:4px;
		padding-right:4px;
		background:url('images/top-bar.jpg');
		padding-top:10px;
		padding-bottom:11px;
		height:40px;
	}
	
#highlighter a, #highlighter a:visited{
		font-size: 16px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		border-right:1px solid #fff;
		border-left:1px solid #fff;
		padding-left:4px;
		padding-right:4px;	
		padding-bottom:12px;
		padding-top:10px;
		background:url('images/sub-bar.jpg');
	}
	
		#highlighter a:hover{
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		padding-left:4px;
		padding-right:4px;
		background:url('images/highlight.jpg');
	}

	


/* Main */
.in-white {
	width: 100%;
	background-color:#fff;
}

/* Sidebar */
.sidebar {
	float:left;
	width:150px;
	padding-left:4px;
	margin-top:20px;
}

.insidebar {
	padding:0px;
	margin:0px;
	margin-left:1px;
	width:150px;
	}

/* divs inside sidebar */

.inside-blue {
	border-right: 1px solid #037;
	border-left: 1px solid #037;
}

.ininside-blue {
	background:url('images/corners/blue-transparent.png');
	width: 100%;
}

.menu_title { text-align:center; font-size:1.2em; color:#aaa; margin-bottom:10px;}

#main_menu {
	margin-top:0px;
	padding-top:0px;
}

#main_menu ul {
	list-style: none;
	padding:0;
	margin:0;
}
	#main_menu a, #main_menu a:visited{
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color: #888;
		letter-spacing:2px;
		text-decoration: none;
		padding:2px;
		padding-left:18px;
		width:150px;	
		padding-top:6px;	
		padding-bottom:6px;	
	}
	
	#main_menu a:hover{
		font-size: 12px;
		font-weight:bold;
		color: #ddd;
		text-decoration: none;
		border:1px solid #99adc8;
		padding:1px;
		padding-left:18px;
		width:145px;
		margin-left:4px;
		padding-top:5px;
		padding-bottom:5px;
		background:url('images/top-bar.jpg');
	}

#sub_menu {
	margin-top:10px;
	padding-top:0px;
	border-top:8px solid #99adc8;
	
}

#sub_menu ul {
	list-style: none;
	padding:0;
	margin:0;
}

	#sub_menu a, #sub_menu a:visited{
		font-size: 12px;
		font-weight: bold;
		color: #bbb;
		text-decoration: none;
		padding:2px;
		padding-left:16px;
		width:160px;				
	}
	
	#sub_menu a:hover{
		font-size: 12px;
		font-weight: bold;
		color: #037;
		text-decoration: none;
		border:1px solid #99adc8;
		padding:1px;
		padding-left:18px;
		background:#ddd url(images/menu_back.gif) no-repeat;
		width:155px;
		margin-left:1px;
	}

#main_menu li a, #sub_menu li a { display: block; }

/* misc. stuff */

.notopgap {
	margin-top: 0;
}

.nobottomgap {
	margin-bottom: 0;
}

/* red metal sidebar */

.side-top {
	background:url('images/sidetop.png');
	height:50px;
	background-repeat:no-repeat;
	width:190px;
	}

.side-middle {
	background:url('images/sidemiddle.png');
	width:190px;
	background-repeat:repeat-y;
	margin-top:0px;
		}

.side-bottom {
	background:url('images/sidebottom.png');
	background-repeat:no-repeat;
	height:50px;
	width:190px;
	}
	
/* white page */

.page-top {
width:760px;
height:200px;
background:none;
margin-left:10px;
}

.page-middle {
background:url('images/page-middle.png');
width:780px;
height:100%;
}

.page-bottom {
background:url('images/page-bottom.png');
height:40px;
width:780px;
}

/* roundquotes */

.roundquoteR {
	float:right;
	padding:0px;
	margin-left:10px;
}

.roundquoteL {
	float:left;
	padding:0px;
	margin-right:10px;
}

.roundquoteC {
	margin:auto;
	}

/* Light Green */

.rq-top {
	background-image: url('images/rq-top.png');
	height:55px;
	background-repeat:no-repeat;
}

.rq-bottom {
	background-image:url('images/rq-bottom.png');
	height:40px;
	}	

.rq-middle {
	background:url('images/rq-middle.png');
	width:225px;
}

.inside-quote {

	width:190px;
	margin:auto;
	color: #fff;
	font: 0.9em "Verdana", Tahoma, "Trebuchet MS", sans-serif;
	line-height:1.2em;
}

/* Black shiny */

.rq2-top {
	background-image:url('images/rq2-top.png');
	height:55px;
	background-repeat:no-repeat;
}

.rq2-bottom {
	background-image:url('images/rq2-bottom.png');
	height:40px;
	}	

.rq2-middle {
	background:url('images/rq2-middle.png');
	width:225px;
}

.inside-quote2 {

	width:190px;
	margin:auto;
	color: #fff;
	font: 1.0em "Verdana", Tahoma, "Trebuchet MS", sans-serif;
	line-height:1.2em;
}

/* Regular Green */

.rq3-top {
	background-image: url('images/rq3-top.png');
	height:55px;
	background-repeat:no-repeat;
}

.rq3-bottom {
	background-image:url('images/rq3-bottom.png');
	height:40px;
	}	

.rq3-middle {
	background:url('images/rq3-middle.png');
	width:225px;
}

.inside-quote3 {

	width:190px;
	margin:auto;
	color: #fff;
	font: 1.0em "Verdana", Tahoma, "Trebuchet MS", sans-serif;
	line-height:1.2em;
}

.inside-quote .heading3_text, .inside-quote .e_text {color:#d0ebeb;}
.inside-quote3 .heading_text, .inside-quote3 .heading2_text {color:#fff;}
.inside-quote3 .heading3_text, .inside-quote3 .e_text, .inside-quote2 .heading_text, .inside-quote2 .heading2_text {color:#8acccd;}
.inside-quote .faint_text, .inside-quote a:hover {color: #ddd;}

/* Fix PNG */

.png {
	behavior: url(iepngfix.htc)
}

.pngR {
	float: right; 
	padding-bottom: 5px;
	padding-left: 14px;
	behavior: url(iepngfix.htc)	
}

.pngL {
	float: left; 
	padding-bottom: 5px;
	padding-right: 14px;
	behavior: url(iepngfix.htc)
}

/* Main content */
.main_content {
	padding-top:10px;
	padding-left:0px;
	padding-right:30px;
	vertical-align:top;
	font-weight:normal;
	line-height:1.3em;
	float:right;
	width:550px;
	margin-bottom:20px;
	font-size:1.1em;
	
}

/* Coloured lines */

.line_wrap {border-bottom:1px solid #099;}
.line_1 {background:#d0ebeb; padding-top:5px; padding-bottom:5px; border-top:1px solid #099; margin:0px; width:100%; color:#0b4d4e;}
.line_2 {background:#eee; padding-top:5px; padding-bottom:5px; border-top:1px solid #099; margin:0px; width:100%; color:#0b4d4e;}

.footer {
	margin:auto;
	width:705px;	
}

.infooter {
	font-size: 0.8em;
	text-align:center;
}

.logo a {
	text-decoration:none;
	width:100px;
	height:100%;
	}


.logo a:hover {
	background:#666;
	color:#fff;
	width:100px;
	}

.inlogo {
	width:100%;
	height:100%;
	}
	
.inlogo:hover {background:#666;}

/* emphasized */

.emph {
width:480px;
}

.emph-middle {
background:url('images/emph.png');
width:480px;
}

.emph2-middle {
background:url('images/emph2.png');
width:480px;
}

.emph4-middle {
width:475px;
border-top:4px solid #ccc;
}

.in-emph {
width:440px;
margin:auto;
color:#666;
}

.emph-title {
height:16px;
line-height:16px;
font: "Trebuchet MS", Verdana, Arial, sans-serif; 
color: #701; 
font-weight: bold;
font-size:16px;
text-align:center;
}



#footerlinks a, #footerlinks a:visited, #footerlinks a:hover{text-decoration:none; color:#000; }
#incB {width:100%; margin-bottom:10px;}
#incA {width:100%; margin-top:10px;}

#admin_edit {
	text-align:right;
	margin: 10px auto;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 0.8em;
	width:90%;
	color:#037;
}

/* forms */
.form_cont {width:90%;}
.form_tag {clear:both; float: left; display:block; width:150px; padding-right:7px; text-align:right; margin-top:10px; font-size:0.8em; font-weight:bold;}
.form_div {margin-top:5px;}
.form_item {
	border:1px solid #ddd;
	padding:2px 3px;
	margin-top:5px;
	font: bold 0.9em "Courier New", Courier, monospace;
	color: #037;
}
.form_exp {
	border:1px solid #ddd;
	padding: 5px 0;	
	padding-left:25px;
	margin-top:5px;
	font-size:0.75em;
	color:#777;
	background: #fafafa;
	width:77%;
}


.dl_rap {width:97%; border-bottom:2px solid #ddd; margin:10px auto;}
.dl_tag {width:90%; padding:1px 4px; font-size:1em;}


.imageR {
	float: right; 
	padding-bottom: 5px;
	padding-left: 14px;
}

.imageL {
	float: left; 
	padding-bottom: 5px;
	padding-right: 14px;
}

.frameR {
	display:block;
	float:right;
	width:250px;
	height:350px;
	overflow:auto;
	border:1px solid #afafaf;
	margin:7px;
	padding:5px;
	background:#efefef;
	font: 0.8em Arial, sans-serif;
	
}

.frameL {
	display:block;
	float:left;
	width:250px;
	height:350px;
	overflow:auto;	
	border:1px solid #afafaf;
	margin:7px;	
	padding:5px;
	background:#efefef;
	font: 0.8em Arial, sans-serif;

}

.box_link a{
	color: #000;
	text-decoration: none;
	background: #ccc;
	text-align: center;
	padding: 1px 5px;
	border: 1px solid #777;
	margin:2px 0;
	font-size:0.9em;
}

.box_link a:hover{
	color: #000;
	text-decoration: none;
	background: #eee;
	text-align: center;
	padding: 0px 5px;
	border: 1px solid #777;
	margin:2px 0;
	font-size:0.9em;
}



.clear {clear:both};}

/* tooltips */

a.info{
    position:relative; /*this is the key*/
    z-index:24;
	}

a.info:hover{z-index:25;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:150px;
    border:1px solid #000;
    background-color:#099; color:#fff;
    text-align: center;
	padding:5px;}

/* end styles */