/*style sheet for Accent website */

body 	{background-color: #ffffff;} 

/* text */

h1 	{
	color: #003366;
	font-size: 22px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold; 
	line-height: 150%;
	}
	

h2 	{
	color: black;
	font-size: 30px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 150%;
	}
	


h3 	{
	color: #003366;
	font-size: 22px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold; 
	line-height: 150%;
	}

	
	
h4 	{
	color:  #003366; 
	text-align: center;
	font-size: 15px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: bold;
	line-height: 150%;
	}
	
p, ul {
	color: #003366; 
	font-size: 16px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-weight: normal;
	line-height:150%;
}

ul {
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: 0em;
	}



a:link, a:visited

{
	color: #ffffff;
	background-color: transparent;
}

linkothr.a
{
	color: #ff00ff;
	background-color: transparent;
}


a:hover, a:active
{
	color: #ffff00;
	font-weight: bold;
	background-color: transparent;
}


.other a:link {text-decoration: underline overline; color: green;}
.other a:visited {text-decoration: underline overline; color: green;}
.other a:active {text-decoration: underline overline; color: green;}
.other a:hover {text-decoration: underline; color: green;}	

/*end of text*/

/* divs */


.topbanner
{
height: 300px;
margin: 10px 0 10px 0;
background-color: #ff0000;
border: 2px dotted #cd853f;
}

.nav
{
	margin: 0;
	font-size: 120%;
	
	/* background-color: #993300;*/
	 background-color: #003366;
	padding: 2px 0;
}

.nav2
{
	margin: 0;
	height: 100px;
	width: 900px;
	/*  background-color: #993300; */
	 background-color: #003366;
	padding: 0;
}

.nav li
{
	display: inline;
	list-style-type: none;
	padding-left: 30px;
}

/* width increased from 100 to 150 px to keep icon & button on same line */

.floatright
{

float: right;
margin: 0 0 10px 10px;
width: 150px;
}

.floatleft
{

float: left;
margin: 0 10px 0 0;
width: 150px;
clear: left;
}

#floatleft_head

{

float: left;
margin: 0px 10px 10px 50px;
width: 900px;
clear: left;

}


#floatcentre_head
{

margin: 0px auto 10px auto;
width: 900px;
clear: left;

}

.containingbox_content  { 
		
		margin: 0 250px 0 250px;
		background-color: #eeeeee;
		}


.containingbox_subhead  { 
		
		margin: 0 100px 0 250px;
		background-color: #eeeeee;
			}
#containingbox 		{ 
		width:100%;
		height: 600px;
		margin: 0;
		background-color: #eeeeee;
			}
#picture	{margin: 50px 250px 50px 300px;}


/* new; styles for 3 col layout within div content_container; cols are lhs, content, & aside; latter is where  the scroller is */

/*one or 2 things altered from three_col_b.css 

lhs col renamed from section-navigation to lhs*/

/* redundant??? */
ul.rhs {
   
    padding-left: 20px;
    }

/* this is the div id that does the rhs col, where the scroller is */
#aside
{
	float: right;
	/*width: 340px;*/
	width: 25%;
	padding: 0 20px 0 0;
	/*margin: 0 0 0 20px;*/
	display: inline;
/* setting the colour; was white; also need to go .scroller_jcarousellite ul li */
	background:#c0c0c0; 
	font-family:Verdana,Arial,Sans-Serif;
	font-size:16px;
}
 

#aside h3 { margin: 0; }

#scroller a { text-decoration:none; }
#scroller img { border: 2px solid #000000; }

.scroller_jcarousellite { width:340px;}
.scroller_jcarousellite ul li { 
	list-style:none; 
	display:block; 
/* setting the colour; was #eeeeee; also need to go to #aside */
	background:#c0c0c0;
	height:250px; 
	padding-bottom:1px; 
	margin: 0 20px 5px 20px;
/*
	margin-bottom:5px; 
*/		}
.scroller_jcarousellite .info { float:left; }

.clear { clear: both; }

/* Have changed this so it is centred */

#container
{
	margin: 0 auto;
	width: 100%;
	background: #fff;
}

#header
{
	background: #ccc;
	padding: 20px;
}

#header h1 { margin: 0; }


#content_container
{
	float: left;
	/*width: 1000px;*/

		width:100%;
		height: 600px;
		margin: 0;
		background-color: #eeeeee;
			}
	


#lhs
{
	float: left;
	/* width: 160px;*/
	 width: 14%;
	/* padding: 20px 0; 
	margin: 0 20px;
	margin: 0 0 0 20px;*/
	margin: 0;
	display: inline;
}

#lhs ul
{
	margin: 0;
	padding: 0;
}

#lhs ul li
{
	margin: 0 0 1em;
	padding: 0;
	list-style-type: none;
}

#content
{
	float: left;
	/* width: 700px;*/
	width: 45%;	
	/* padding: 20px 0;*/
	padding: 0;
	/*margin: 0 0 0 30px; */
	margin: 0 0 0 5px;
}

#content h2 { margin: 0; }


#footer
{
	clear: left;
	background: #ccc;
	text-align: right;
	padding: 20px;
	height: 1%;
}