/* SET DEFAULT VALUES FOR ALL HTML ELEMENTS */

* { 

 margin: 0; 

 padding: 0;

}



/* LIGHTBLUE BACKGROUND COLOR */

html, body { background-color: #CDE; background: url(./img/bg.jpg) repeat;}



/****************************************************************

* FOLLOWING DIV TAGS DEFINE POSITION, SIZE AND LAYOUT

* BANNER, TOP AND MAIN MENUE, CONTENT, NEWS, FOOTER

****************************************************************/

#container {

 width: 100%;

 margin: 0px auto;

 background-color: #CCCCCC /*#808080*/;

 color: #333;

 border: 1px solid gray;

 line-height: 130%;
 

}



#banner {

 padding: .5em;

 background-color: #ddd;

 border-bottom: 1px solid gray;

}



.flash {

 background-color: #000;

 height: 100px;

 padding: 5px 0.5em;

}



#navigation2 {
	float: left;
	width: 200px;
	padding: 5px;

}

/*#navigation2 ul {
list-style: inside;
list-style-position: inside;
}*/


#news {
	float: right;
	width: 200px;
	padding: 5px;

}

.boxheader {
height: 40px;
margin-top: 10px;
margin-bottom: 5px;
background: url(./img/boxheader1.png) no-repeat;
}

.boxheader h3 {
	color: #FFFFFF;
	font-size: 20px;
	text-align:center;
	padding: 10px;
}

.boxtop {
height: 15px;
background: url(./img/boxtop.png) no-repeat bottom;
}

.boxmid {
background: url(./img/boxmid.png) repeat-y top;
}

.boxcontent {
padding-left: 10px;
padding-right: 10px;
}
.boxbottom {
height: 27px;
background: url(./img/boxbottom.png) no-repeat top;
}

#content {

 margin-left: 205px;

 /*border-left: 1px solid gray;*/

 margin-right: 205px;

 /*border-right: 1px solid gray;*/

 padding: 1em;
 /*background: #FFFFFF;*/

 /*max-width: 36em;*/

}

#content ul {
list-style: inside;
list-style-position: inside;
}

/*---- START MAIN CONTENT BOXES----*/
.box

{

	/*clear: both;*/

	margin: 0 0 0 0;

}

.box-caption

{

	background: url('./img/box-caption-bg.png') bottom repeat-x;

	color: #FFF;

	text-transform: capitalize;

	height: 40px;

	margin: 0 40px;

}

.box-caption h2 {
padding-top: 10px;
}
.box-caption-left

{

	background: url('./img/box-caption-left.png') bottom left no-repeat;

	height: 40px;

}

.box-caption-right

{

	background: url('./img/box-caption-right.png') bottom right no-repeat;

	height: 40px;
	margin-bottom: 10px;

}

.box-header

{

	background: url('./img/box-header-bg.png') bottom repeat-x;

	line-height: 10px;

	margin: 0 10px;

}

.box-header-left

{

	background: url('./img/box-header-left.png') bottom left no-repeat;

	height: 10px;

}

.box-header-right

{

	background: url('./img/box-header-right.png') bottom right no-repeat;

	height: 10px;

}

.box-footer

{

	background: url('./img/box-footer-bg.png') top repeat-x;

	line-height: 10px;

	margin: 0 10px;

}

.box-footer-left

{

	background: url('./img/box-footer-left.png') top left no-repeat;

	height: 10px;

}

.box-footer-right

{

	background: url('./img/box-footer-right.png') top right no-repeat;

	height: 10px;

}

.box-content-right

{

	padding: 0;

	margin: 0;

	background: url('./img/border-right.png') right repeat-y;

}

.box-content-left

{

	padding: 0;

	margin: 0;

	background: url('./img/border-left.png') left repeat-y;

}

.box-content-center

{

	padding: 10px 15px;

	margin: 0 4px;

	background: #FFF;

}

.box-content-center li

{
margin-left: 20px;
margin-right: 20px;
}

.box-content

{

	padding: 0;

	margin: 0;

}

/*---- START MAIN CONTENT BOXES----*/

#footer {

 clear: both;

 padding: .5em;

 color: #333;

 background:rgb(225,225,225) url(./img/bg_head_bottom_nav.jpg) repeat-x;

 border-top: 1px solid gray;

}



.header {

	width:100%;

	font-family:"trebuchet ms",arial,sans-serif;


}

.header-top {
	width:100%;
	height:110px;
	background:rgb(240,240,240) url(./img/bg_head_top.jpg) repeat-x;
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;

}

.header-middle {width:100%; height:150px; background:rgb(230,230,230) url(./img/bg_head_middle.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.header-bottom {width:100%;}

.header-breadcrumbs {

	clear:both;

	width:100%;

	padding:1.0em 0 1.5em 0;

	background:rgb(255,255,255);
	
	font-size:10px;
	border-bottom: 2px solid #000000;

}



/********************/

/*  HEADER SECTION  */

/********************/

.sitelogo {
	width:300px;
	height:100px;
	position:absolute;
	z-index:1;
	margin:5px 0 0 20px;
	background:url(./img/logo.png);
}

.sitename {
	color: #000000;
	font-size: 10px;
	width:458px;
	height:45px;
	position:absolute;
	z-index:1;
	margin:20px 0 0 90px;
	overflow:hidden !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	left: 324px;
	top: 29px;
}

.sitename h1 {font-size:240%;}

.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}

.sitename a {text-decoration:none; color:rgb(125,125,125);}

.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}



.nav0 {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px !important/*Non-IE6*/; margin-left:553px /*IE6*/;}

.nav0 ul {float:right; padding:0 20px 0 0;}

.nav0 li {display:inline; list-style:none;}

.nav0 li a {padding:0 0 0 3px;}

.nav0 a:hover {text-decoration:none;}

.nav0 a img {height:14px; border:none;}



.nav1 {
	width: 100%;
	height: auto;
	font-size: 10px;

}

.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}	

.nav1 li {display:inline; list-style:none;}

.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(125,125,125) ; text-decoration:none; font-size:120%;}

.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}



#nav {
	height: 40px;
	background:rgb(225,225,225) url(./img/bg_head_bottom_nav.jpg) repeat-x;
	border-top: 0;
	border-bottom: 1px solid #000;
	padding:0;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {display: block; /*background: #666;*/ padding: 9px 10px; padding-bottom: 10px; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background:rgb(225,225,225) url(./img/bg_head_bottom_nav_hover.jpg) repeat-x; border-color: #fff; color: #FFFFF;}
#nav li a:active, #nav ul li a.active {background:rgb(225,225,225) url(./img/bg_head_bottom_nav_hover.jpg) repeat-x; border-color: #fff; color: #FFFFF;}

/* Current page Customisations*/
#nav li.menu-current a		{background:rgb(225,225,225) url(./img/bg_head_bottom_nav_hover.jpg) repeat-x; color: #fff; border-bottom: 1px solid #000;}
#nav li.menu-current a		{font-weight: bold;} 

/* 2nd Child menu */
#nav .menu li ul {position: absolute; width: 155px; margin: 0; display: none; text-transform: none; border: 1px solid #000; border-top: 0; font-size: 100%;}
#nav .menu li ul li {width: 155px; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 20px;}
#nav .menu li ul a {width: 150px; padding: 10px 3px 10px 5px; background: #4b4c4d; color: #fff; border: 0;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #4b4c4d; background: #666; border: 0; color:#fff;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ width: 150px; padding: 10px 3px 10px 4px; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.header-breadcrumbs ul {float:left; width:100%; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}

.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(./img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}

.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}

.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}



.header-breadcrumbs .searchform {float:right; width:180px; padding:0 17px 0px 0px !important /*Non-IE6*/; padding:0 12px 0px 0px /*IE6*/;}

.header-breadcrumbs .searchform form fieldset {float:right; border:none;}

.header-breadcrumbs .searchform input.field {width:10.0em; padding:0.2em 0 0.2em 0; border:1px solid rgb(200,200,200); font-family:verdana,arial,sans-serif; /*font-size:120%;*/ }

.header-breadcrumbs .searchform input.button {width:3.0em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(150,150,150); /*font-size:120%;*/}

.header-breadcrumbs .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}



/* --- For alternative headers END PASTE here --- */


#content h2 { margin: 0 0 .5em 0; }

#content h1 { margin-bottom: 10px; border-bottom: #999999 solid 10px; }

/*------- Accordian Menu -------*/
.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(./img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(./img/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #0000CC;
background: url(./img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a:active{ /*hover state CSS*/
background: #000000;
}
.arrowlistmenu ul li a:focus{ /*hover state CSS*/
background: #000000;
}
.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}
/*---end accordian menu---*/