/* main layers */
	 #container {
	 	width: 984px;
		min-height: 520px;
		z-index: 1;
		margin: auto;
		text-align: left;		
	 }

	 #lyrHeader {
				position:relative;
				min-width: 984px;
				height:50px;	
				z-index:110;	
				margin: auto;	
				float: left;									
 				}	
 
	#lyrContent {
				text-align: left;
				position:relative; 
				min-width: 984px;
				min-height: 150px;
				z-index:101;
				margin: auto;
				float: left;	
				background-color: #ffffff;
				border-top: 1px solid #BED3E8;
				border-bottom: 1px solid #ffffff;

				}	  
	
 
	#lyrFooter {

				position:relative;
				width: 984px;
				z-index:102;
				margin: auto;	
				float: left;
				text-align:right;							
			   }	 
 

/* end: main layers */

/* sub layers */

		#lyrWeb {
			position:relative;
			z-index:103;
			margin: auto;
			float: right;
			text-align: right;
			width: 984px;
			vertical-align: bottom;
			clear: both;
			overflow: auto;
	
		}	
		 
		#lyrLogo {
						position:relative;	
						z-index:103;	
						margin: auto;	
						float: left;
						width:209px;
						background-color: #ffffff;
						}	


	#lyrMainContent {
		float: right;
		width: 746px;
		min-height: 460px;
		position: relative;
		text-align: left;
		padding-left: 14px;
		background-color:#ffffff;
		border-left: 1px solid #000000;		
	}



	
	#lyrSwirl {
		float: right;
		width: 760px;
		height: 100px;
		position: relative;
		margin: auto;
		z-index: 110;
		background-image:url(/portal/images/swirl.gif) !IMPORTANT;
		background-repeat: no-repeat;
		background-color: #ffffff;
		border-left: 1px solid #000000;
	}
	
	#lyrSwirlTop {
		float: right;
		width: 760px;
		position: relative;
		margin: auto;
		background-image:url(portal/images/swirl-top.gif) !IMPORTANT;
		background-repeat: no-repeat;

	}	
	
	#lyrBottShadow {
		float: left;
		width: 100%;
		height: 30px;
		position: relative;
		padding: 1px;
		margin: auto;
		background-image:url(/portal/images/backs/bottom-shadow.png) !IMPORTANT;
		background-repeat: repeat-x;
		background-position: 10px;
	}


#lyrNavigationHolder {
	width: 218px;
	min-height: 380px;
	height: 100%;
	top: -40px;
	left: 25px;	
	z-index: 1000000;	
	position: relative;
	float:left;
	display:block;
	text-align: left;

}

	#lyrNavigation {
			border-left: 1px solid #BED3E8;
			width: 215px;
			height: 100%;
			min-height: 400px;
			top: -40px;
			position: relative;
			float:left;
			text-align: left;
			z-index: 100;
			left: 20px;
			visibility: visible;
			left-margin: 20px;
			vertical-align: top;
			clear: both;
			
				
				}

#lyrNavBackground {
	float: left;
	min-height: 400px;
	width: 218px;
	z-index: 100;
	left: 20px;
	visibility: visible;
	background-image: url(/portal/images/backs/vert-shadow-line.png) !IMPORTANT;
	background-position: bottom right;
	background-repeat:repeat-y;
	border-left: 1px solid #BED3E8;	
		}
	#flashContainer {
	float: left;
/*	background-image: url(/portal/images/placeholder.jpg) !IMPORTANT;*/

		}
	
	#lyrNavBackGroundTop {
	width: 218px;
	background-image: url(/portal/images/backs/vert-top-shadow-whole.png);
	background-repeat:none;
	background-position:right;
	position: relative;
	float: left;	
	height:10px;
	border-left: 1px solid #BED3E8;
}
	
	#lyrNavBackgroundBottom {
	width: 219px;
	background-image: url(/portal/images/backs/vert-bottom-shadow-whole.png);
	background-repeat:no-repeat;
	background-position: top right;
	position: relative;
	float: left;
	height: 25px;
	z-index: 10001;
	/*	border-left: 1px solid #BED3E8; */
	}	
	
	#lyrNavInfo {
			width:198px;
			position: relative;
			float:left;
			background-color: #ffffff;
			min-height: 30px;
			text-align: left;
			margin: 0px;
			padding: 5px;	
	border-left: 1px solid #BED3E8;			
			}


	#lyrNavBlock {
	width:198px;
	position: relative;
	float:left;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
	min-height: 265px;
	bottom: 0px;
	border-left: 1px solid #BED3E8;
	/*background-image: url(/portal/images/backs/white-blue.jpg);
	background-repeat: repeat-x; */
	
}


/* end: sub layers */


/* form elements */
/* end: form elements */



.line {
 background-color: #BED3E8;
}

.bott-shadow-light {
	background-image: url(images/backs/bottom-shadow.png) !IMPORTANT;
	background-image: url(images/backs/bottom-shadow.gif);
	width: 982px;
	float: left;
	height: 10px;
	background-repeat:repeat-x;
	margin: auto;
}






	#lyrNavigationShadow {

			z-index: 199;
			left-margin: 10px;
			min-height: 250px;
			position: absolute;
			float:left;
			top: 10px;
			left: 35px;
			width: 209px;
			border: 1px solid #BED3E8;
			background-color: #ffffff;
			background-image: url(images/backs/vert-shadow.png) !IMPORTANT;

			
				
				}


	#lineblue {	
				float: left;
				position: relative;
				background-color: #BED3E8;
				height: 1px;
				min-width: 980px;
				}



/* general text */
h1 {
	font-size: 16px;
	font-weight: bold;
}


/* MENU */

#menuContainer
{
    width:214px;
    float:left;
}

#menuTop
{
    background:url(/images/navigation/menu-top.gif) no-repeat left top;
}


#contentContainer {
	
  background:url(/portal/images/backs/watermark.gif) no-repeat 0px 30px;
  width: 505px;
  padding: 5px;
  min-height: 300px;
  position: relative;
  z-index: 111; 
  float: left;
  margin: auto;
  overflow: auto;

	
}

#menuBottom
{
    background:url(/images/navigation/menu-bottom.gif) no-repeat left bottom;
    min-height:200px;
    padding:12px 6px 21px 12px;
}


ul.menu
{
    margin:0;
    padding:0;
    list-style:none;
    display:block;
}

ul.menu li
{
    margin:0;
    background:url(/images/navigation/menu-item-li-bg.gif) no-repeat left bottom;
    display:block;
    padding-bottom:5px;
}

ul.menu li a
{
    background:url(/images/navigation/menu-item-bg.gif) no-repeat left top;
    font-weight:bold;
    font-size:12px;
    padding:6px 20px 5px 30px;
    display:block;
    color:#8b7c5f;
    text-decoration:none;
}

ul.menu li a:hover, ul.menu li a:visited
{
    color:#8b7c5f;
    text-decoration:none;
}

ul.menu li a:hover
{
    color:#0055a5;
}


/* line styles */


/* text styles */

.footerText {

		color: #ffffff;
		font-size: 10px;
		font-family: Verdana;
		font-weight: bold;
		text-align: right;


	}






img { border: 0px }

#lyrWeb a {
	font-family: Verdana;	
	color: #ffffff;
	font-size: 12px;	
	font-weight: bold;
	text-decoration: none;
}

#lyrWeb a:hover {
	font-family: Verdana;
	color: #BED3E8;
	font-size: 12px;	
	font-weight: bold;
	text-decoration: underline;
}



a {
	font-family: Verdana;	
	color: #0055A5;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	font-family: Verdana;
	color: #BED3E8;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: underline;
}
.nav {
	font-family: Verdana;	
	color:#0055A5;
	font-size: 11px;	
	text-decoration: none;
}


.nav strong {
	font-family: Verdana;	
	color:#0055A5;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
}


.nava {
	font-family: Verdana;	
	color:#0055A5;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: none;
}

.nava:hover {
	font-family: Verdana;
	color: #BED3E8;
	font-size: 11px;	
	font-weight: bold;
	text-decoration: underline;
}


.horiz-shadow {

		background-image: url(images/backs/horiz-shadow.png) !IMPORTANT;
		float:left;
		width: 984px;
		height: 5px;	
		}



h1 { font-size:125%; border-bottom:1px solid #b9ac89; margin:0 0 15px 0; padding:10px 0px 10px 0px; width:90%; color: #b9ac89; clear: both}
h2 { font-size:115%; border-bottom:1px solid #b9ac89; margin:0 0 15px 0; padding:10px 0px 10px 0px; width:565px; clear: both}
h3 { font-size:110%; color:#b9ac89;}
h4 { font-size:105%; margin:0; padding:0; color:#b9ac89; text-align: center;}
h5 { font-size:100%; color:#8b7c5f;}


img
{
    border:none;
}


ul
{
    list-style-image:url(/images/bullet.gif);
}

li
{
    margin:5px 0 5px 0;
    
}


.box
{
    width:191px;
    height:132px;
    background:url(/images/box.gif) no-repeat left top;
    margin:10px 9px 9px 5px;
    float:right;
}

* html .box
{
    margin-right:0px;
}

.boxTitle
{
    font-size:120%;  
    padding:9px;
    font-weight:bold;
	color: #BED3E8
}

.boxLogo
{
    padding-top:5px;
    height:91px;
	color: #000000;
	font-size: 10px;
}

.boxLogoBlank
{
    padding:5px;
    height:91px;
	text-align: left;
	background-color: #ffffff;
	
}

#strapline
{
    font-size:10px;
    text-align:center;
}

#copyright
{
    color:#8a7e5f;
}

.tblHeader {
	background-color: #0055a5;
	color: #ffffff;
	font-size: 12px;
}

select {
	border: 1px solid #333333;

	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	background-color: #ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 200px;
	font-size: 12px;
}

#lyrLinks {
	color: #0055A5;
		float: right;
		width: 375px;
		vertical-align: bottom;
		clear: both;
		height: 20px;		
		position: relative;
		z-index: 200;
		text-align: right;
		margin: 10px;
		padding: 5px;
		font-size: 9px;
		top:40px;
		
}

#boxRight {
	
	width: 100px;
	float: right;
	position: relative;
    padding:9px;
    margin-right: 100px;
}

.boxHeader {
	background-image: url(/portal/images/backs/box_header.png);
	height:10px;
	background-repeat: no-repeat;	
	width: 200px;	
	position: relative;	
}

.boxBottom {
	background-image: url(/portal/images/backs/box_bottom.png);	
	height:15px;	
	background-repeat: no-repeat;	
	width: 200px;
	position: relative;	
}

.boxContent {
	background-image: url(/portal/images/backs/box_main.png);	
	background-repeat: repeat-y;	
	width: 195px;	
	padding:10px;	
	vertical-align: top;
	text-align: left;
	position: relative;	
}

.boxContent ul
{
	margin:7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.boxContent li
{
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	list-style-type:none;
	background-image:url(/portal/images/bullet.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
}