/**
styles
**/
		body {
			background: #ffffff;
			color: #282828;
			margin: 0px;
			font: 11px/16px Verdana;
		}
		select, option {
			font: 11px Verdana;
		}
		h3 {
			color: #16258a;
			text-transform: uppercase;
			border-bottom: solid 1px #d6daea; 
			font: 16px/20px Arial Narrow;
			font-weight: bold;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 10px 0px;
		}
		h1 {
			color: #838bbf;
			font: 15px/30px Arial;
			margin: 15px 0px 0px 0px;
			font-weight: bold;
		}
		p {
			margin: 0px 0px 15px 0px;
		}			
		.highlight {
			color: #007fc5;
			font-weight: bold;
		}
		b {	
			color: #464646; 
		}			
		a {
			color: #152486;
		}
		a:hover {
			background:#152486;
			color: #ffffff;
		}
		ul li {
			background: url(/images/icon.list.gif) no-repeat;
		}		
		#content .picture { 
			float: right;
			margin: 0px 0px 32px 32px;
		}
		#content .featurephoto { 
			margin: 0px 0px 20px 0px;
		}		
		#content button, .button {
			border: none;
			margin: 2px 0px 2px 0px;
			padding: 5px;
			color: #ffffff;
			font-weight: bold;
			background: #152486;
			font-size: 9px;
			cursor: pointer;
		}
		#content .disabled {
			border: none;
			margin: 2px 0px 2px 0px;
			padding: 5px;
			color: #d7daea;
			font-weight: bold;
			background: #dcdfe7;
			font-size: 9px;
			cursor: pointer;
		}		
		
		.hline {
			border-top: 1px solid #d6daea;
			height: 4px;	
			margin: 5px 0px 5px 0px;		
		}
		#content ul {
			margin: 10px 0px 10px 20px;
			padding: 0px 0px 0px 0px;
		}
		#content li {
			padding: 2px 0px 2px 0px;
			list-style-image: url(/images/ico.list.gif);
		}				
		#content .top {
			border-top: 1px solid #d6daea;
			font-size: 8px;
			text-transform: uppercase;
			text-align: right;
			margin: 10px 0px 10px 0px;
		}
		sup {
			font-size: 9px;
		}		
		.board {
			border: 8px solid #ebedf4;
		}		
		
		
/**
News / Event
**/				
		#item {
			background: url(/images/ico.page.gif) no-repeat;
			border-bottom: #dce3ed solid 1px;
			margin: 0px 0px 0px 0px;
			padding: 2px 0px 8px 18px;
			line-height: 13px;
			text-align: left;			
		}
		#item:hover {
			background: #f1f5ff  url(/images/ico.page.ovr.gif) no-repeat;
		}			
		#item a {
			font-weight: bold;
			margin: 0px;
			text-decoration: none;
		}		
		#item a:hover {
			background: none;
			color: #1b2fab;
		}	
/**
News Item
**/				
		#newsItem { 
			background: url(/images/ico.doc.gif) no-repeat;
			margin: 15px 0px 15px 0px;
		}
		#newsItem .link {
			margin: 0px 10px 0px 40px;
		}
		#newsItem .date {
			font-style: italic;
			margin: 0px 0px 0px 40px;
		}
		#newsItem .description {
			margin: 3px 0px 0px 40px
		}			
/**
Alphabet
**/			
		.alphabet {
			border: 1px solid #c8cde0;
			margin: 0px;
			padding: 0px;
			background: #eef0f6; 
		}
		.alphabet ul {
			margin: 0px;
			padding: 0px;
		}				
		.alphabet li {
			color: #c8cde0;
			list-style-image: none;
			display: inline;
		}
		.alphabet a {
			width: 25px;
			padding: 5px;
			text-transform: capitalize;
		}		
						
/**
Download Box
**/				
		#download { 
			background: url(/images/ico.pdf.gif) no-repeat;
			margin: 15px 0px 15px 0px;
		}
		#download .link {
			margin: 0px 10px 0px 40px;
		}
		#download .filesize {
			font-size: 10px;
			margin: 0px 0px 0px 40px;
		}
		#download .description {
			margin: 0px 0px 0px 40px
		}		
		#download .date {
			font-size: 12px;
			margin: 0px 0px 0px 40px
		}	
		
/**
Download PDF
**/				
		#downloadPPT { 
			background: url(/images/ico.ppt.gif) no-repeat;
			margin: 15px 0px 15px 0px;
		}
		#downloadPPT .link {
			margin: 0px 10px 0px 40px;
		}
		#downloadPPT .filesize {
			font-size: 10px;
			margin: 0px 0px 0px 40px;
		}
		#downloadPPT .description {
			margin: 0px 0px 0px 40px
		}		
		#downloadPPT .date {
			font-size: 12px;
			margin: 0px 0px 0px 40px
		}				
	
/**
Box
**/		
		#box {
			margin: 16px 0px 16px 0px;
			padding: 10px;
			border: 1px solid #c8cde0;
			background: #fafbfd;
		}	
		#box td {
			padding: 1px;
		}		
/**
Callout Box
**/		
		#calloutbox {
			margin: 16px 0px 16px 32px;
			padding: 10px;
			float: right;
			width: 250px;
			border: 1px solid #c8cde0;
			background: #fafbfd;
		}	
			
/** ** Does not work in IE 6
Round Box
		#roundbox {
			margin: 0px;
			padding: 6px 6px 20px 6px;
			border: 2px solid #c3c7e0;
			background: #ffffff;
			position: relative;
		}	
		#roundbox .c1 {
			background: url(/images/box.c1.gif) no-repeat;
			position: absolute;
			font-size: 1px;	
			left: -2px;
			top: -2px;
			height: 22px;
			width: 22px;
		}
		#roundbox .c2 {
			background: url(/images/box.c2.gif) no-repeat;
			position: absolute;
			font-size: 1px;	
			right: -2px;
			top: -2px;
			height: 9px;
			width: 9px;
		}
		#roundbox .c3 {
			background: url(/images/box.c3.gif) no-repeat;
			position: absolute;
			font-size: 1px;	
			left: -2px;
			bottom: -2px;
			height: 9px;
			width: 9px;
		}
		#roundbox .c4 {
			background: url(/images/box.c4.gif) no-repeat;
			position: absolute;
			font-size: 1px;	
			right: -2px;
			bottom: -2px;
			height: 9px;
			width: 9px;
		}		
		#roundbox .more {
			position: absolute;
			font-size: 1px;	
			right: -2px;
			bottom: -2px;
			height: 15px;
			width: 40px;
		}				
		#roundbox .c4 a {
			background: none;
		}				
		#roundbox .title {
			color: #152486;
			font-weight: bold;
			padding: 0px 0px 0px 18px;
		}	
		#roundbox .content {
			color: #152486;
			line-height: 14px;
		}	
**/		

/**
Search 
**/		
		.searchOptions{
			height: 25px;
			padding: 0px 0px 0px 100px;
		}
		.searchOptions .option {
			float: left;
			height: 25px;
			width: 140px;
			text-align: center;
			margin: 0px 2px 0px 0px;
		}
		.searchOptions a {
			border: 2px solid #c8cde0;
			background: #c8cde0;
			height: 25px;
			display: block;
			padding: 5px;
			text-decoration: none;
		}
		.searchOptions .on {
			background: #fafbfd;
		}		
		.searchOptions a:hover {
			background: #fafbfd;
			color: #152486; 
		}		
/**
Info Box
**/				
		
		#info {
			background: url(/images/ico.info.gif) no-repeat #fcfcfc;
			border: 1px solid #c8cde0; 
			padding: 0px 5px 15px 40px;
			margin: 30px 0px 30px 0px;
		}
		#info h1 {
			color: #162389;
			font-weight: bold;
			margin: 0px;
			padding: 0px;
			font-size: 12px;
		}		

/** ** Does not work in IE 6
Features
		#feature {
			color: #152486;
			border: solid #d0d3e7 2px;
			background: #d8dbeb;
			position: relative;
		}	
		#feature .c1 {
			background: url(/images/box.feature.c1.gif) no-repeat;
			position: absolute;
			font-size: 1px;
			left: -2px;
			top: -2px;
			height: 9px;
			width: 9px;
		}
		#feature .c2 {
			background: url(/images/box.feature.c2.gif) no-repeat;
			position: absolute;
			font-size: 1px;
			right: -2px;
			top: -2px;
			height: 9px;
			width: 9px;
		}
		#feature .c3 {
			background: url(/images/box.feature.c3.gif) no-repeat;
			position: absolute;
			font-size: 1px;
			left: -2px;
			bottom: -2px;
			height: 9px;
			width: 9px;
		}
		#feature .c4 {
			background: url(/images/box.feature.c4.gif) no-repeat;
			position: absolute;
			font-size: 1px;
			right: -2px;
			bottom: -2px;
			height: 9px;
			width: 9px;
		}				
		#feature .c4 a {
			background: none;
		}				
		#feature .title {
			background: #152587;
			color: #ffffff;
			font-weight: bold;
			line-height: 29px;
			height: 29px;
			padding: 0px 0px 0px 25px;
			text-transform: uppercase;
		}			
		#feature .content {
			padding: 4px;
			line-height: 14px;
			height: 200px;
			overflow: auto;
		}
**/		

/**
Form
**/		
		#formbox {
			margin: 16px 0px 16px 0px;
			padding: 10px;
			border: 1px solid #c8cde0;
			background: #fcfcfc;
		}	
		#formbox td {
			padding: 1px;
		}		
		
/**
Form Feedback
**/				
		#msgError {
			background: #ffffff url(/images/ico.error.gif) no-repeat;
			border: 4px solid #db1515; 
			color: #db1515; 
			padding: 10px 10px 10px 50px;
			margin: 20px 0px 20px 0px;
		}
		#msgError b {
			color: #db1515; 
		}		
		#msgSuccess {
			background: #ffffff url(/images/ico.success.gif) no-repeat;
			border: 4px solid #67955c; 
			color: #67955c; 
			padding: 10px 10px 10px 50px;
			margin: 0px 0px 20px 0px;
		}	
		#msgSuccess b {
			color: #67955c; 
		}			
/**
Form Errors
**/				
		.frmError {
			background: #18249c;
		}
		.frmFocus {
			border: 2px solid #18249c;
		}
		#errors {
			background: #18249c;
			color: #FFFFFF;
			line-height: 18px;
			padding: 5px 5px 5px 5px;
			margin: 20px 0px 0px 0px;
		}
			
		#errors h1 {
			color: #FFFFFF;
			font-size: 12px;
			font-weight: bold;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
		.required {
			background: #18249c;
			height: 18px;
			width: 3px;
		}
/**
Data Table
**/				
		.datatbl {
			border: 2px solid #152486;
			margin: 10px 0px 10px 0px;
			background: #fafbfd;
		}
		.datatbl td {
			border-bottom: 1px solid #d6daea;
			border-right: 1px solid #d6daea;
		}	
		.datatbl th {
			background: #152486;
			color: #ffffff;
			text-align: center;
		}			
		.datatbl .tr2 {

		}		
		
		
/**
Search Table
**/				
		.searchtbl {
			border: 2px solid #152486;
			margin: 10px 0px 10px 0px;
			background: #fafbfd;
		}
		.searchtbl td {
			border-bottom: 1px solid #d6daea;
			padding: 5px 0px 10px 5px;
		}	
		.searchtbl th {
			background: #152486;
			color: #ffffff;
			text-align: center;
		}			
		.searchtbl .tr2 {

		}			
		
/**
 * Feature V2
 **/
 
		.feature {
			background: #d8dbeb;
			border: 2px solid #d0d3e7;
			color: #152486;
			height: 240px;
			width: 230px;
			position: relative;
		}
		.feature .title {
			background: #152587;
			color: #ffffff;
			font-weight: bold;
			line-height: 29px;
			padding-left: 25px;
			text-transform: uppercase;
		}
		.feature .content {
			padding: 4px;
			line-height: 14px;
			overflow: auto;
		}
		.feature .more {
			background: url(/images/box.feature.more.gif);
			bottom: 1px;
			cursor: pointer;
			height: 12px;
			position: absolute;
			right: 2px;
			width: 35px;
			z-index: 101;
		}
		.feature .arrow {
			background: url(/images/box.feature.arrow.gif);
			height: 13px;
			left: 4px;
			position: absolute;
			top: 4px;
			width: 13px;
			z-index: 101;
		}
		.feature .ctl {
			background: url(/images/box.feature.c1.gif);
			font-size: 1px;
			height: 9px;
			left: -2px;
			position: absolute;
			top: -2px;
			width: 9px;
			z-index: 100;
		}
		.feature .ctr {
			background: url(/images/box.feature.c2.gif);
			font-size: 1px;
			height: 9px;
			position: absolute;
			right: -2px;
			top: -2px;
			width: 9px;
			z-index: 100;
		}
		.feature .cbl {
			background: url(/images/box.feature.c3.gif);
			bottom: -2px;
			font-size: 1px;
			left: -2px;
			height: 9px;
			position: absolute;
			width: 9px;
			z-index: 100;
		}
		.feature .cbr {
			background: url(/images/box.feature.c4.gif);
			bottom: -2px;
			font-size: 1px;
			height: 9px;
			position: absolute;
			right: -2px;
			width: 9px;
			z-index: 100;
		}

/**
 * Round Box V2
 **/
 
		.roundbox {
			background: #ffffff;
			border: 2px solid #c3c7e0;
			
			position: relative;
		}
		.roundbox .title {
			color: #152486;
			font-weight: bold;
			padding: 2px 0px 0px 20px;
		}
		.roundbox .content {
			padding: 10px 10px 20px 10px;
			line-height: 14px;
			
		}
		.roundbox .more {
			background: url(/images/box.more.gif);
			bottom: 1px;
			cursor: pointer;
			height: 12px;
			position: absolute;
			right: 2px;
			width: 35px;
			z-index: 101;
		}
		.roundbox .arrow {
			background: url(/images/box.arrow.gif);
			height: 13px;
			left: 4px;
			position: absolute;
			top: 4px;
			width: 13px;
			z-index: 101;
		}
		.roundbox .ctl {
			background: url(/images/box.c1.gif);
			font-size: 1px;
			height: 9px;
			left: -2px;
			position: absolute;
			top: -2px;
			width: 9px;
			z-index: 100;
		}
		.roundbox .ctr {
			background: url(/images/box.c2.gif);
			font-size: 1px;
			height: 9px;
			position: absolute;
			right: -2px;
			top: -2px;
			width: 9px;
			z-index: 100;
		}
		.roundbox .cbl {
			background: url(/images/box.c3.gif);
			bottom: -2px;
			font-size: 1px;
			height: 9px;
			left: -2px;
			position: absolute;
			width: 9px;
			z-index: 100;
		}
		.roundbox .cbr {
			background: url(/images/box.c4.gif);
			bottom: -2px;
			font-size: 1px;
			height: 9px;
			position: absolute;
			right: -2px;
			width: 9px;
			z-index: 100;
		}