body, h1, h2, h3, h4, p, ul, li {
	padding: 0;
	margin:0;
}

body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../Images/bg.png);
	color: #333333;
	font-size: 13px;
}

.grey {color: #CCCCCC}
.lgreen {color: #ccff99}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0 8px 0 0;
}

.right
{ float: right; 
  padding: 0 0 0 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}
.pad
{ display: block;
  text-align: left;
  margin-left: 125px;
}
.icon
{ float: right; 
  padding: 33px 22px 0 0;
}

.title
{
  font-size: 111%;
  color:#333333;
}

.legal
{ display: block;
  margin: 0 auto;
  font-size: 75%;
}
/*------Begin Title-------*/
#titleBar {
	color: #FFFFFF;
	text-align: left;
	padding: 0 0 0 245px;
	font-size: 125%;
	height: 2.5em;
	line-height: 2.5em;
	background: #8b97ad url(../Images/leftTit.png) bottom left repeat-y;
}
/*------End Title-------*/

/*------Begin Shadow effect-------*/
html>body .outerpair1 {
	background: url(../Images/upperrightfade16.png) top right no-repeat;
	width: 777px;
	margin: 0 auto;
}
html>body .outerpair2 {
	padding-top: 8px;
	padding-left: 8px;
	background: url(../Images/lowerleftfade16.png) left bottom no-repeat;
}
html>body .shadowbox1 {
	padding-top: 8px;
	padding-left: 8px;
	background: url(../Images/shadowbr.png) bottom right;
}
html>body .shadowbox2 {
	position: relative;
	left: -16px;
	top: -16px;
	background: url(../Images/shadowtl.png) top left;
}
html>body .innerbox {
	position: relative;
	left: 8px;
	top: 8px;
}
/*-----End Shadow effect-------*/
#wrapper {
	width: 761px;
	background-color: #FFFFFF;
}
* html #wrapper {
	border: 1px solid black;
}
#logo span {
	position: absolute;
	left: -3000px;
}
/*--------Begin Horizontal Navigation bar----------*/
#menu
{
	height: 2.8em;
	background: url(../Images/menu.jpg);
	border-color:#666666;
}

#menu ul {
	margin-left: 230px;
	list-style: none;
}
#menu ul li {
	float: left;
}
#menu ul li.home{
	border-left: 1px solid;
	border-color:#666666;
}
#menu ul li a {
	color: #666666;
	line-height: 2.8em;
	float: left;
	width: 6.9em;
	display: block;
	text-align: center;
	border-right: 1px solid;
	border-color:#666666;
}
#menu ul li a:link, #menu ul li a:visited {
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:active, #nav ul li a:focus, #menu ul li a.selected{
	color: #FFFFFF;
	background: url(../Images/menu_over.jpg);
}

/* Hide from IE5-Mac \*/
#menu ul li a
{
	float: none
}
/* End hide */
/*-----------End Horizontal Navigation bar-----------*/

/*--------Begin leftCol Navigation bar----------*/
#leftCol, #sidebar {
	float: left;
	width: 200px;
	background: #cee7f7 url(../Images/leftCol.png);
	padding: 0px 0px 0px 0px;
}

/* sidebar items / links */
.sidebaritem
{
	font-family: "Myriad Pro", "Lucida Grande", Verdana, Arial, Sans-serif;
	text-align: left;
	width: 200px;
	float: left;
	background: #FFFFFF;
	color: #666666;	
}


.sidebaritem h1
{
	font-size: 108%;
	letter-spacing: 0.1em;
	background: #cee7f7 url(../Images/topper.png);
	color: #FFFFFF;
	height:18px;
	padding: 8px 12px 0 12px;
}

.sidebaritem h2
{ 	
	font-size: 108%;
	letter-spacing: .1em;
	background: #b6b6b6 url(../Images/link-section-header.jpg);
	color: #666666;
	height:22px;
	padding: 8px 12px 0 12px;
}

.sidebaritem h3
{ 	
	font-size: 100%;
	font-weight: normal; 
	background: #FFFFFF url(../Images/menuline.jpg) top no-repeat;
	color: #666666;
	height:14px;
	padding: 2px 0 4px 16px;
}

.sidebaritem h3.top
{ 	
	background: #FFFFFF;
}
.disabled
{
	color: #333333;
}

.sidebaritem h3.disabled, .sidebaritem p.disabled
{ 	
	color: #333333;
}

.sidebaritem p
{ 	
	color: #333333;
	line-height: 14px; 
	padding: 5px 0 5px 24px;
}

.sidebaritem h3 a, .sidebaritem p a:hover
{ 
  text-decoration: none;
  color: #666666;
}

.sidebaritem h3 a:hover, .sidebaritem p a
{ 
  text-decoration: none;
  color: #333333;
}

 .sidebaritem p a:hover, .sidebaritem p.disabled
{ 
  text-decoration: none;
  color: #888888;
}

/* dynamic menues */

.link-list ul
{
	margin:0px;
}

.link-list ul li
{
	list-style-type: none;
}

.link-list ul li h3 
{
	/*----background: #b6b6b6 url(../Images/link-section-header.jpg);--*/
	margin:0px;
	text-decoration:none;
	height:16px;
	padding-top:10px;
}

.link-list ul li.active h3
{
	color: #333333;
}

/*-----------End leftCol Navigation bar-----------*/

#randa {
	background: url(../Images/leftCol.png) bottom left repeat-y;
}
#content {
	text-align: justify;
	padding: 25px;
	margin-left: 230px;
	margin-right: 15px;
}
#content2 {
	text-align: justify;
	padding: 15px 0 15px 0;
	margin-left: 173px;
	margin-right: 184px;
}
#content p, #content2 p {
	padding: 9px 0;
}
#content a, #content2 a{
	color: #999999;
	text-decoration: none;
}
#content a:link, #content2 a:link, #footer a:visited {
	text-decoration: none;
}
#content a:hover, #content2 a:hover, #footer a:active, #footer a:focus{
	text-decoration: none;
	color: #666666;
}
#content ul li, #content2 ul li{
	list-style-type: square;
	list-style-position:inside;
	margin: 0 0 6px 0; 
}
#rightCol {
	float: right;
	padding: 30px 25px 15px 0;
}
#links
{
	float: right;
	width: 4em;
	text-align: right;
	padding: 10px 15px 0px 0px;
}

/*---------Begin Footer-----------*/
#footer {
	color: #FFFFFF;
	text-align: center;
	padding: 20px 20px 0 20px;
	font-size: 75%;
	line-height: 2em;
	background: #8b97ad;
}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:link, #footer a:visited {
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus{
	text-decoration: none;
	color: #CCCCCC;
}
/*--------End Footer----------*/

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom{
display: block;
background: #cee7f7 url(../Images/leftCol.png);
}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4
{ display: block;
  height: 1px;
  overflow: hidden;
  background: #cee7f7 url(../Images/leftTit.png) bottom left repeat-y; 
}

.r1{margin: 0 5px}

.r2{margin: 0 3px}

.r3{margin: 0 2px}

.rtop .r4, .rbottom .r4
{ margin: 0 1px;
  height: 2px
}
