/****************************************************************
	Revision 2 - 26/11/2007
*****************************************************************/


html, body {
	margin:0;
	padding:0;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
   /* font-size: 11px;*/
	color:#333;
	text-align:center; /* align the content on the page in the center */
}
#hr {
	margin:3px 0px 5px 0px;
	padding:0px;
	height:1px;
	width:680px;
	background-color:#cc0000;
	color:#cc0000;
	clear:both;
}
.hr {
	/*margin:3px 0px 5px 0px;
	padding:0px;
	height:1px;
	width:680px;
	background-color:#cc0000;
	color:#cc0000;
	clear:both;*/
	margin:3px 0px 5px 0px;
	border-bottom: solid #cc0000 1px;
}
#wrapper {
	width: 1005px; /* width of wrapper frame */
	background: url("../images/middlebg.jpg") repeat-y center top; /* main background */
	margin: 0 auto;
	text-align: left; /* align everything in the wrap to the left */
}

#wrapper-printer {
	width: 1005px; /* width of wrapper frame */
	margin: 0 auto;
	text-align: left; /* align everything in the wrap to the left */
}

#wrapper-inner { /* needed to ensure page remains at a fixed with when browser window is shrunk */
	position: relative;
	width: 99%;
	margin: 0 auto;
	padding: 0;
}
#splashwrapper-inner { /* needed to ensure page remains at a fixed with when browser window is shrunk */
	position: relative;
	width: 986px;
	margin: 0 auto;
	padding: 0;
	background-color:#000099;
}
#splashheader {
	height:60px;  /* height of header frame */
	margin:0;
	padding:0;
	position: relative;
	width: 1005px; /* width of wrapper frame */
	background: url("../images/splashheader.jpg") repeat-y center top; /* main logo */
}
#splashheader-title {
	margin:0;
	margin-bottom:-15px;
	padding:28px;
	text-align:center;
}
#header {
	height:99px;  /* height of header frame */
	margin:0;
	padding:0;
	position: relative;
	width: 1005px; /* width of wrapper frame */
	background: url("../images/header.jpg") repeat-y center top; /* main logo */
}
#header h1 {
	margin:0;
	padding:0;
}
#header h1 a {
	display:block; /* create header text as a block element */
}
#topbar {
	clear:both;
	height:35px;
}
/* create menu style */
ul#menu {
	height: 35px;
	background: #FFF url("../images/menu-bg.gif") top left repeat-x;
	font-size: 0.7em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	/*font-weight: none;*/
	list-style-type: none;
	margin: 0px 10px;
	padding: 0;
}
ul#menu li {
	display: block;
	float: left;
	margin: 0;
}
ul#menu li a {
	height: 30px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 5px 15px 0;
}
ul#menu li a:hover {
	color: #333;
}
ul#menu li a.current {
	color: #FFF;
	font-weight: bold;
	background: #FFF url("../images/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}
/* extended dropdown portion of menu */
#bottombar {
	clear:both;
	margin: 0px 10px;
	height:20px;
	background: #a80329;
}
#bottombar a {
	font-size: 0.65em;
	font-family: "Lucida Grande", Verdana, sans-serif;
	/*font-weight: none;*/
	color: #FFF;
	text-decoration: none;
	margin: 0px 10px;
	padding: 0;
	display: block;
	float: left;
}
#bottombar a:hover {
	color: #333;
	font-weight: bold;
}
#leftnav {
	overflow:visible !important /*Firefox*/;
	overflow:hidden /*IE6*/;
	float:left;
	width:150px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#leftnav ul {
	margin:0px;
	padding:0px;
}
#leftnav ul li {
	list-style:none;
	text-align:right;
	margin:1px 15px 0px 0px;
	padding:1px;
}
#leftnav ul li a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	padding:0px 1px;
}
#leftnav ul li a:hover {
	color:#44cd44;
	background-color:#EEE;
}
/* alignment for flash banner within header */
#flashheader {
	margin:15px 23px 0 0;
	float:right;
}
#rightnav {
	font-size:11px;
	float:right;
	width:260px;
	margin:10px -10px 10px 0;
	padding:0px;
	text-align:left;
}
#rightnav-news {
	float:right;
	width:230px;
	margin:10px 15px 10px 0;
	padding:0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.content {
	float:left;
	width:680px;
	margin: 20px 20px auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.content2 {
	float:left;
	width:680px;
	margin: 20px 20px auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.content2 h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000066;
	/*color: #82787e;*/
	margin: 0;
	padding: 0;
}


#splashcontent {
	float:left;
	width:986px;
	height: 470px;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000066;
	/*color: #82787e;*/
	margin: 0;
	padding: 0;
}
.content h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #000066;
}

.content h5 {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color: #82787e;
	margin: 0;
	padding: 0;
}
.content a {
	text-decoration:none;
	color: #999; /*#BFBFBF;*/
}
.content a:hover {
	text-decoration:none;
	color:#000066;
}


.content li {
	/*list-style-type:disc;*/
	list-style-type:none;
	background: url(../images/bullet_arrow.png) no-repeat top left; 
	padding: 1px 0;
	padding-left: 19px;
}



.content2 li {
	/*list-style-type:disc;*/
	list-style-type:none;
	background: url(../images/arrowbullet.png) no-repeat center left; 
	padding: 2px 0;
	/*padding-left: 5px;*/
}


.links li {
	color:#666666;
	/*list-style-type:square;*/
}
.links a {
	/*font-weight:bold;*/
	text-decoration:none;
	color:#000066;
}
.links a:hover {
	text-decoration:none;
	color:#000;
}
.links li {
	margin-bottom: 6px;
}
.links2 a {
	text-decoration:none;
	color:#000066;
}
.links2 a:hover {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.links2 .noli {
	list-style-type:none;
}

#contact {
	float:left;
	width:680px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer {
	height:60px;  /* height of footer frame */
	margin:0;
	padding:0;
	position: relative;
	width: 1005px; /* width of wrapper frame */
	background: url("../images/footerbg.jpg") repeat-y center top; /* footer background logo */
}
#splashfooter {
	height:60px;  /* height of footer frame */
	margin:0;
	margin-top:-5px;
	padding:0;
	position: relative;
	width: 1005px; /* width of wrapper frame */
	background: url("../images/introfooterbg.jpg") repeat-y center top; /* footer background logo */
	
}
#splashfooter-continue {
	float:right;
	margin:0;
	padding:0px 35px 0px 0px;
	position: relative;
	width:200px;
}
#splashfooter-continue a {
	text-decoration:none;
	color: #82787e;
}
#splashfooter-continue a:hover {
	color: #000;
	font-weight:bold;
	/*text-shadow:#000000;*/
}
#splashfooter-text {
	width:700px;
	padding-left:35px;
	position: relative;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #82787e;
	top:15px;
}
#splashfooter-text a {
	text-decoration:none;
	color: #82787e;
}
#splashfooter-text a:hover {
	color: #000;
	font-weight:bold;
	/*text-shadow:#000000;*/
}
#footer-text {
	clear:both;
	position: relative;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #82787e;
	top:15px;
	left:50px;
}
#footer-text a {
	text-decoration:none;
	color: #82787e;
}
#footer-text a:hover {
	color: #000;
	font-weight:bold;
	/*text-shadow:#000000;*/
}
.clear {
	line-height:1px;
	height:1px; /* stop   in html rendering as a full char height */
	clear:both; /* clear both the left and right sides */
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 218px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 11px Arial;
color:#EAEAEA;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
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 a{
color: #A70303;
background: url(../images/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:300;*/
border-bottom: 1px solid #dadada;
font-size: 90%;
}

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

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



.arrowlistmenu2{
width: 600px; /*width of menu*/
}

.arrowlistmenu2 .headerbar{
font: bold 11px Arial;
color:#EAEAEA;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
}

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

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

.arrowlistmenu2 ul li a{
color: #000066;*/
background: url(../images/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: 100%;
}

.arrowlistmenu2 ul li a:visited{
color: #000066;
}

.arrowlistmenu2 ul li a:hover{ /*hover state CSS*/
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left /*custom bullet list image*/ #F3F3F3;
}






.arrowlistmenu3{
width: 218px; /*width of menu*/
}

.arrowlistmenu3 .headerbar{
font: bold 11px Arial;
color:#EAEAEA;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 2px 0 2px 10px; /*header text is indented 10px*/
}

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

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

.arrowlistmenu3 ul li a{
/*color: #A70303;*/
color: #000066;
background: url(../images/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%;
}

.arrowlistmenu3 ul li a:visited{
/*color: #A70303;*/
color: #000066;
}

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




#tlc, #trc { zoom: 1 }

#box
	{
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3em;
	padding: 0;
	text-align: left;
	width:80%;				/* <-- use this to tie width to viewport size */
	width: 50em;				/* <-- use this for a set width */
	background-color: #eeeeee;;
	}
 	

		
/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

#tlc, #trc, #blc, #brc
	{
	background-color: transparent;
	background-repeat: no-repeat;
	}

#tlc
	{
	background-image:url(../images/tlc.gif);
	background-position: 0% 0%;
	}

#trc
	{
	background-image:url(../images/trc.gif);
	background-position: 100% 0%;
	}
	
#blc
	{
	background-image:url(../images/blc.gif);
	background-position: 0% 100%;
	}

#brc
	{
	background-image:url(../images/brc.gif);
	background-position: 100% 100%;
	}

#tb, #bb
	{
	background-color: transparent;
	background-repeat: repeat-x;
	}
			
#tb
	{
	background-image:url(../images/tb.gif);
	background-position: 0% 0%;
	}

#bb
	{
	background-image:url(../images/bb.gif);
	background-position: 50% 100%;
	
	}
	
#rb
	{
	background-image:url(../images/r.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	}

#lb
	{
	background-image:url(../images/l.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	}

.spryfont{
	font-size:9px;
	color:#7174FB;
}
.spryfont a{
	font-size:9px;
	color:#7174FB;
	text-decoration:none;
}
.spryfont a:hover{
	font-size:9px;
	color:#7174FB;
	text-decoration:none;
}

.spryfont a:visited{
	font-size:9px;
	color:#7174FB;
	text-decoration:none;
}