/* CSS Document */

body {
	background-color: #3162a9;
	margin: 0px; 
	padding: 0px;
	background-image: url(./images/bg.jpg);
	font-family: Arial;
}


img {border: 0px;}


div#container {
	width: 773px;
	padding: 0px;
	margin: 0px;
}

#headerHome {float: right; width: 564px; height: 144px; padding: 0px; margin: 0px;}

#headingHome {background-image: url(./images/headingBG.jpg); background-repeat: no-repeat; width:564px; height: 57px; margin: 0px;}

h1 {color: #9c15c3; font-weight: normal; font-size: 17px; font-family: Arial; margin: 0px 0px 0px 24px; padding: 20px 0px 0px 0px;}

p {margin-left: 24px; margin-right: 62px; margin-top: 0px; color: #4a484a; font-size: 12.5px; line-height: 20px;}

ul, li {font-size: 12.5px; line-height: 20px; color: #4a484a;}
.purple { color: #9c15c3; }

#sidebar {
	padding: 0px;
	margin: 0px;
    float:left;
    width:209px;
	height: 578px;
    }
	
#secondBar {
	color: #fff;
	font-family: Arial, Helvetica;
	text-align: center;
	font-size: 15px;
	line-height: 19px;
	letter-spacing: 4px;
	font-weight: bold;
}
/* navigation */
	
#navigationBar {background-image: url(./images/navigationBar.jpg); height: 59px; text-align: center; padding: 0px; margin: 0px; width: 564px;}

#navigationBar a {font-family: Arial; font-size: 14px; color: #fff; padding-right: 5px; padding-left: 5px; text-decoration: none;}

	#nav {
		font-family: Arial;
		font-size: 14px;
		float: left;
		width: 564px;
		margin: 0;
		padding: 0px 0px 0px 10px;
		list-style: none;
		}
	
	#nav li { 
		float: left;
		margin: 0;
		padding: 0;
		}
	
	#nav a {
		float: left;
		text-align: center;
		display: block;
		padding: 5px 6px 6px 6px; 
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		color: #fff;
		}

#navactive { color: #036;}

#nav #nav-1 a {
color: #003366;
}
#nav #nav-2 a {
color: #fef4e0; 
}
#nav #nav-3 a {
color: #fef4e0; 
}
#nav #nav-4 a {
color: #fef4e0; 
}
#nav #nav-5 a {
color: #fef4e0; 
}
#nav #nav-5 a {
color: #fef4e0; 
}
#nav #nav-6 a {
color: #fef4e0; 
}
#nav #nav-7 a {
color: #fef4e0; 
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
z-index:100;
width: 500px;
padding-left: 20px;
}
#menu dl {
float: left;
padding-right: 40px;
}

#menu dt {
font-size: 12px;
cursor: pointer;
font-weight: bold;
background: #fff  url(images/ra.gif) no-repeat;
}

#menu dt a {
color: #063a86;
text-decoration: none;
display: block;
height: 100%;
padding-top: 5px;
padding-right: 10px; padding-left: 20px;
}
#menu li a:hover, #menu dt a:hover {
background: #fff  url(images/ra.gif) no-repeat;
}
dt.back a, dt.back a:hover {
background: #fff  url(images/la.gif) no-repeat;
}


#port {
position: relative;
display: block;
top: 120;
left: 0;
z-index:100;
width: 240px;
list-style: none;
padding-top: 0px;
padding-left: 20px;
}
#port dl {
display: block;
float: left;
padding-right: 40px;
}

#port dt {
display: block;
font-size: 14px;
cursor: pointer;
font-weight: bold;
}

#port dt a {
color: #a7f95b;
text-decoration: none;
display: block;
height: 100%;
padding-top: 0px;
padding-bottom: 10px;
padding-right: 10px; padding-left: 20px;
}

.pactive {
color: white;
background:  url(images/portArrow.gif) no-repeat;
}

#port a:link {color: #a7f95b;}
#port a:visited {color: #a7f95b;}
#port a:hover {color: #a7f95b;}
#port a:focus {color: #a7f95b;}
#port a:active {color: #a7f95b;}

/*
#menu dl {width: 450px; margin: 0px; padding: 0 0 10px 0; background: #fff; list-style-type: none; display: block; float: left;}
#menu dt {margin:0; padding: 10px; font-size: 1.4em; font-weight:bold; color: #4a484a; }
#menu dd {margin:0; padding:0; color: #4a484a; font-size: 1em; background: #fff; }
#gallery a, #gallery a:visited {color:#4a484a; text-decoration:none; display:block; padding:14px 5px 0px 30px;
background: #fff url(images/ra.gif) no-repeat 10px 10px; width: 450px;
}
*/