/* CSS Document */

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#A3A3B3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#230D33;
}

body, td, th {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#230D33;
}

a {
	color:#692C6B;
}
p {
	margin:0px;
	padding:0;
	padding-bottom:1em;
}
p.half {
	padding-bottom:0.5em;
}
p.none {
	padding:0;
}

h1, h2, h3 {
	font-size:18px;
	text-transform:uppercase;
	color:#692C6B;
	margin-top:0px;
	margin-bottom:1em;
}
h2 {
	font-size:16px;
	color:#230D33;
	text-transform:none;
}

h3 {
	font-size:14px;
	text-transform:none;
	color:#230D33;
}


.h1asimage {
	margin-bottom:1em;
}




p { 
	line-height:1.5; 
	margin:0 0 1em;
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:760px;
	background:#FFFFFF;
	padding:0 10px;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

.header {
	font-size:16px;
	color:#230D33;
	text-transform:uppercase;
	font-weight : bold;
}

#content {
	padding:1em 0 5em 0;
}

.content-column1 {
	width:175px;
	border-right:1px solid #A3A3B3;
	padding-right:5px;
}
.content-column2 {
	padding-left:10px;
	padding-right:10px;
}
.content-columnsingle {
	padding-left:10px;
}
.content-column3 {
	width:175px;
	border-left:1px solid #A3A3B3;
	margin-left:10px;
	padding-left:5px;
}

.box1-top {
	background-image:url(../images/box1_top_left.gif);
	background-color:#DCDCE2;
	background-repeat:no-repeat;
}
.box1-topright {
	background-image:url(../images/box1_top_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:9px;
} 

.box1-bot {
	background-image:url(../images/box1_bot_left.gif);
	background-color:#DCDCE2;
	background-repeat:no-repeat;
}
.box1-botright {
	background-image:url(../images/box1_bot_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:9px;
} 

.box2-top {
	background-image:url(../images/box2_top_left.gif);
	background-color:#EAEAEA;
	background-repeat:no-repeat;
}
.box2-topright {
	background-image:url(../images/box2_top_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:9px;
} 

.box2-bot {
	background-image:url(../images/box2_bot_left.gif);
	background-color:#EAEAEA;
	background-repeat:no-repeat;
}
.box2-botright {
	background-image:url(../images/box2_bot_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:9px;
}
.box2-content {
	background-color:#EAEAEA;
	padding:0 5px;
	font-size:11px;
} 

#footer {
	position:absolute;
	width:760px;
	bottom:0; /* stick to bottom */
	font-size:11px;
	color:#918699;
}
#footer a {
	color:#918699;
}

#footer p {
	padding:1em 0;
	margin:0;
}

.list-arrows {
	padding:0;
	margin:0;
	padding-left:20px;
	padding-bottom:1em;
}
.list-arrows li {
	list-style-image:url(../images/arrow1.gif);
	padding-bottom:0.25em;
}


/* VERTICAL NAVIGATION */

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		width : 175px;
		
		background-color:#DCDCE2;
		
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 175px;
		border-bottom:1px dotted #FFFFFF;
		z-index:10;
		
	}
	
	#nav li.folder:hover { z-index:20; }	
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 156px;
		margin-top : -1.5em;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width: 175px;
		w\idth : 160px;
		display : block;
		background-color:#DCDCE2;
		color:#692C6B;
		font-weight : bold;
		font-size:11px;
		text-decoration : none;
		padding:3px 5px;
		padding-left:10px;
		border-top:1px dotted #FFFFFF;
		margin:0;
		
		/*background-image:url(../images/arrow1.gif);*/
		background-position:left;
		background-repeat:no-repeat;
	}
	
	#nav li a:hover {
		color:#FFFFFF;
		background:#692C6B;
		
		/*background-image:url(../images/arrow2.gif);*/
		background-position:left;
		background-repeat:no-repeat;
	}
	
	#nav li a.selected, #nav li a.selected:hover {
	/*background-image:url(../images/arrow2.gif);*/
	}
	
	
	#nav li a.submenu {
		font-size:11px;
		font-weight:normal;
		background-image:none;
		border:none;
		padding-left:20px;
		w\idth : 150px;
	}
	#nav li a.submenu:hover {
		color:#FFFFFF;
		background:#692C6B;
	}
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}

