﻿/*========================================================*/
/*          Cascading Style Sheet for CO-Skin             */
/*                 created by t-worx                      */
/*                                                        */
/*               http://www.t-worx.com                    */
/*                 tracyw@t-worx.com                      */
/*========================================================*/





/*======================================*/
/*	BODY SETTINGS						*/
/*======================================*/

body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #89a9cb;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	}

/*======================================*/
/*	DIVISIONS & LAYOUT					*/
/*======================================*/
div#container{
	width: 950px; /*<----- Change width here-->*/
	border: 0px;
	padding: 0px;
	margin: 0px auto 0px auto;
	}
	div#sub_container{
		float:left; 
		_float: none;
		width: 950px; /*<----- Change width here-->*/
		}
		/*======================================*/
		/*	'GLOW' SETTINGS						*/
		/*======================================*/
		div#top_left{
			float:left;
			background-image: url(top_left.png);
			_background-image: none;			
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 2%;
			height: 17px;
			}
		div#top_middle{
			float: left;
			background-image: url(top_middle.png);
			_background-image: none;
			background-repeat: repeat-x;
			background-position: bottom;
			width: 95.55%;
			height: 17px;
			text-align: right;
			}
		div#top_right{
			float: left;
			background-image: url(top_right.png);	
			_background-image: none;		
			background-repeat: no-repeat;
			background-position: bottom left;
			width: 2%;
			height: 17px;
			}
		div#sub_container .shadow_left{
			background-image: url(vertical_left.png);	
			_background-image: none;		
			background-repeat: repeat-y;
			background-position: left;
			}
		div#sub_container .shadow_right{
			background-image: url(vertical_right.png);
			_background-image: none;			
			background-repeat: repeat-y;
			background-position: right;
			}		
		div#bottom_left{
			float:left;
			background-image: url(bottom_left.png);	
			_background-image: none;		
			background-repeat: no-repeat;
			background-position: top right;
			width: 2%;
			height: 17px;
			}
		div#bottom_middle{
			float: left;
			background-image: url(bottom_middle.png);
			_background-image: none;
			background-repeat: repeat-x;
			background-position: top;
			width: 95.6%;
			height: 17px;
			text-align: right;	
			}
		div#bottom_right{
			float: left;
			background-image: url(bottom_right.png);
			_background-image: none;			
			background-repeat: no-repeat;
			background-position: top left;
			width: 2%;
			height: 17px;	
			}
		
		/*======================================*/
		/*	CONTENT WIDTH SETTINGS				*/
		/*======================================*/
		div#content{
			float: left; /*<-- causing issues with hover in ie*/
			width: 915px; /*<------change width here*/
			_float: none; /*<!--temp fix for issues with over*/
			}	
		div#content.header{
			text-align: left;
			background-image: url(header.jpg);
			background-position: bottom right;
			background-repeat: no-repeat;
			}
			div.logocell{
			float:left;
			width: 36%;
			margin: 2% 0% 1% 2%;
			_padding: 1% 0% 2% 1%;
			text-align:left;
			}
		
		/*======================================*/
		/*	SEARCH BOX SETTINGS			    	*/
		/*======================================*/

			/* Search background cell syle */
			.searchcell {
				float:left;
				text-align: right;
				vertical-align: middle;
				margin: 0px;
				padding: 5px 1% 0px 0px;
				width: 58%;
			}
			/* Search function text style */
			.SkinObject {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				font-weight: bold;
				color: #FFFFFF;
				height: 21px;
				text-align: left;
				vertical-align: middle;
			}
			
			/* Search function link syle */
			A.SkinObject:link {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
			}
			A.SkinObject:visited {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: none;
			}
			A.SkinObject:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: underline;
			}
			A.SkinObject:active {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				font-weight: bold;
				color: #FFFFFF;
				text-decoration: none;
			}
		
		/*======================================*/
		/*	CONTENT BOX SETTINGS				*/
		/*======================================*/
		div#content .box{
			border: 1px solid #1b5496;
			margin: 0px 17px 0px 17px;
			background-color: #fff;
			}
		div#content.background{
			background-image: url(home_bg.jpg);
			background-repeat: repeat-y;
			}

		/*======================================*/
		/*	MAIN MENU SETTINGS					*/
		/*======================================*/
		
		div#content .menu{
			height: 32px;
			padding: 0px;
			background-image: url(CO-013.gif);
			background-repeat: repeat-x;
			background-position: bottom left;
			border-bottom: 1px solid #1b5496;
			border-top: 1px solid #1b5496;
			background-color: #1b5496;
			overflow: hidden;
			}
			div#menu_item{
				float: left;
				height: 30px;
				background-image: url(CO-013.gif);
				background-repeat: repeat-x;
				background-position: bottom left;
				background-color: #0a3365;
				}
				div#menu_item tbody tr td table tbody tr td{
					border-right: 1px solid #1b5496;
					padding: 3px 8px 3px 4px;
					height: 30px;
					}
			div.spacer{
				width: 86px;
				background-image: url(CO-012.gif);
				}
			div#menu_item .navcell{
				background-image: url(CO-013.gif);
				background-repeat: repeat-x;				
				background-position: bottom left;
				background-color: #195395;
				float:left;
				text-align: left;
				vertical-align: middle;
				height: 30px;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}

			.MainMenu_MenuContainer {
				/*border-bottom: #cccccc 0px solid; 
				border-left: #cccccc 0px solid; 
				border-top: #cccccc 0px solid; 
				border-right: #cccccc 0px solid;  */
				border: 0px;
				background-color: Transparent;
			}
			
			.MainMenu_MenuBar {
				cursor: pointer; 
				cursor: hand; 
				height: 30px;
			}
			
			.MainMenu_MenuItem {
				
				cursor: pointer; 
				cursor: hand; 
				color: #ffffff; 
				font-family: Arial, Helvetica; 
				font-size: 9pt; 
				font-weight: bold; 
				font-style: normal; 
				border-right: #4e82b5 0px solid;
				border-left: #4e82b5 0px solid; 
				border-bottom: #4e82b5 0px solid; 
				border-top: #4e82b5 0px solid; 
				padding: 2px;
				margin: 0px;
				height: auto;
			}
			/*Roll-over settings for main menu items*/
			.MainMenu_MenuItemSel {
				border-top: #4e82b5 0px solid; 
				border-left: #4e82b5 0px solid; 
				border-right: #4e82b5 0px solid; 
				border-bottom: #4e82b5 0px solid; 
				padding: 2px;
				margin: 0px;
				height: auto;
				background-image: url(CO-016.gif);
				background-position: bottom;
				background-repeat: repeat-x;
				background-color: #4e82b5; 
				cursor: pointer; 
				cursor: hand; 
				color: #fff;
				font-family: Arial, Helvetica; 
				font-size: 9pt; 
				font-weight: bold; 
				font-style: normal;
				
			}
			
			.MainMenu_MenuIcon {
				cursor: pointer; 
				cursor: hand; 
				background-color: transparent; 
				/*border-left: #cccccc 1px solid; 
				border-right: #000000 0px solid; 
				border-bottom: #cccccc 1px solid; 
				border-top: #cccccc 1px solid; */
				border: 0px;
				padding: 0px;
				margin: 0px;
				text-align: center; 
				width: 1px; 
				height: auto;	
			}	
			.MainMenu_SubMenu {
				z-index: 9999; 
				position: relative;
				cursor: pointer; 
				cursor: hand;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 2px;
				color: #FFFFFF; 
				font-family: Arial, Helvetica; 
				font-size: 9pt; 
				font-weight: bold; 
				font-style: normal; 
				background-image: url(sub_menu_item.jpg);
				background-repeat: repeat-y;
				background-position: left;
				background-color: #195395; 
				border-left: #4e82b5 0px solid; 
				border-right: #4e82b5 0px solid; 
				border-bottom: #4e82b5 0px solid; 
				border-top: #4e82b5 0px solid; 
				filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=90, Strength=0);
			}
			.MainMenu_MenuBreak {
				width: 40px;
				border: 0;
			}
			
			
			
			.MainMenu_MenuArrow {
				font-family: webdings; 
				font-size: 10pt; 
				color: Black; 
				cursor: pointer; 
				cursor: hand; 
				border-right: #4e82b5 0px solid; 
				border-bottom: #4e82b5 0px solid; 
				border-top: #4e82b5 0px solid;
				border-left: 0px;
			}
			
			.MainMenu_RootMenuArrow {
				font-family: webdings; 
				font-size: 10pt; 
				cursor: pointer; 
				cursor: hand;
				display: none;
			}
			/*tr#tddnn_dnnSOLPARTMENU_ctldnnSOLPARTMENU2563{
				border-right: 1px solid #ccc;
				}*/
				
			.navsep {
				background-color: #dfe2e8;
				background-image: url(TO-SKIN_07.gif);
				background-repeat: no-repeat;
				width: 15px;
			}

			/*======================================*/
			/*	CONTENT AREA SETTINGS				*/
			/*======================================*/
			
	
			/* Content Pane Top -- FOR FLASH BANNER*/
			.contentpanetop {
				text-align: left;
				vertical-align: top;
				float:left;
				width: 100%;
				background-color: #fff;
				overflow: hidden;
				height: 190px;		}

			/* Left Pane */
			div.leftpane {
				text-align: left;
				vertical-align: top;
				width: 250px;
				float: left;
				color: #ffffff;
				overflow: hidden;
				background-color: #ecf5da;
			}

						
			/* Content Pane */
			.contentpane {
				text-align: left;
				vertical-align: top;
				border-right-width: 1px;
				border-left-width: 1px;
				border-right-style: solid;
				border-left-style: solid;
				border-right-color: #1f5798;
				border-left-color: #1f5798;
				float:left;
				width: 414px;
				_width: 416px;
				overflow: hidden;
				background-color: #fff;
			}
			/* Right Pane */
			.rightpane {
				text-align: left;
				vertical-align: top;
				width: 249px;
				/*_width: 19.795%;*/
				_width: 249px;
				float:left;
				overflow: hidden;
				background-color: #ecf5da;
			}
			.rightcol {
				text-align: left;
				vertical-align: top;
				/*width: 148px;*/
			}
			/* Bottom Pane */
			.bottompane {
				text-align: left;
				vertical-align: top;
				float:left;
				width: 100%;
				border-top: 1px solid #195395;
				background-color: #fff;
			}
			
				div#content .footertable {
				background-color: #4e82b5;
				background-image: url(bottom_middle.png);
				_background-image: none;
				
				background-repeat: repeat-x;
				background-position: top;
				text-align: bottom;
				vertical-align: middle;
				padding: 0px 0% 0px 0%;
				_padding: 3px 0px 3px 0px;
				
			}
			div#content .bottomtable {
				background-image: url(CO-018.gif);
				text-align: center;
				vertical-align: middle;
				height: auto;
				padding-bottom: 5px;
			}
			/* Footer text style */
			div#content .Footer {
				font-size: 8.5pt;
				color:#fff;
				font-family: Arial, Helvetica;
				text-decoration: none;
				font-weight: normal;
				text-align: center;
				vertical-align: middle;
			}

			.copyright {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #666666;
				text-align: center;
				vertical-align: middle;
			}
			
			
			/* Footer link syle */
		 A.Footer:link {
				text-decoration: none;
				color:#fff;
				font-weight: normal;
				font-size: 8.5pt;
				text-align: center;
				vertical-align: middle;
			}
			A.Footer:visited  {
				text-decoration: none;
				color:#fff;
				font-weight: normal;
				font-size: 8.5pt;
				text-align: center;
				vertical-align: middle;
			}
			A.Footer:active   {
				text-decoration: none;
				color:#fff;
				font-weight: normal;
				font-size: 8.5pt;
				text-align: center;
				vertical-align: middle;
			}
			A.Footer:hover    {
				text-decoration: underline;
				color:#fff;
				font-weight: normal;
				font-size: 8.5pt;
				text-align: center;
				vertical-align: middle;
			}
			
			
			/* Command button admin text syle */
			.CommandButton {
				font-family: Arial, Helvetica;
				font-size: 8pt;
				font-weight: normal;
				line-height: 9pt;
				color: #000000;
			}
			
			/* Command button admin link syle */
			A.CommandButton:link {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				text-decoration: none;
				line-height: 9pt;
				font-style: normal;
			}
			A.CommandButton:visited {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				text-decoration: none;
				line-height: 9pt;
				font-style: normal;
			}
			A.CommandButton:hover {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				text-decoration: underline;
				line-height: 9pt;
				font-style: normal;
			}
			A.CommandButton:active {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8pt;
				color: #000000;
				text-decoration: none;
				line-height: 9pt;
				font-style: normal;
			}
			
	
			
			
			
					
			/*======================================*/
			/*	LOGIN/REGISTER SETTINGS				*/
			/*======================================*/
			.SignIn {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.SignIn:link {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.SignIn:visited {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.SignIn:active {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #fff;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.SignIn:hover {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #fff;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			/* Register text style */
			.User {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.User:link {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.User:visited {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.User:active {
			    text-decoration: none;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			A.User:hover {
			    text-decoration: underline;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #fff;
				text-align: center;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				}
			/* Register/user text syle */
			.Register {
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
			}
			
			/* Register/user cell background */
			A.Register:link {
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-decoration: none;
			}
			A.Register:visited {
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-decoration: none;
			}
			A.Register:hover {
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #ffffff;
				text-decoration: underline;
			}
			A.Register:active {
				text-align: right;
				vertical-align: bottom;
				margin-top: 0px;
				margin-right: 0px;
				margin-bottom: 0px;
				margin-left: 0px;
				padding-top: 0px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 8.5pt;
				color: #9abdd9;
				text-decoration: none;
			}
			/* GENERAL */
			/* style for generic container titles */
			.Head   {
			    font-family: Arial, Helvetica;
			    font-size:  14px;
			    font-weight: bold;
			    color: #000000;
			}
			
			/* text style for the unselected tabs */
			.OtherTabs {
			    font-size: 9pt;
			    color:#666666;
			    font-family: Arial, Helvetica;
			    text-decoration: none;
			}
			    
			/* hyperlink style for the unselected tabs */
			A.OtherTabs:link {
			    text-decoration:    none;
			    color:#666666;
			}
			
			A.OtherTabs:visited  {
			    text-decoration:    none;
			    color:#666666;
			}
			
			A.OtherTabs:active   {
			    text-decoration:    none;
			    color:#666666;
			}
			
			A.OtherTabs:hover    {
			    text-decoration:    underline;
			    color:#666666;
			}
			.headerTR {
				background-image: url(CO-09.jpg);
				background-repeat: no-repeat;
			} 
				/*======================================*/
				/*	TEXT SETTINGS						*/
				/*======================================*/
			
				/* Default link syle */
				a:link {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #3f6075;
					text-decoration: underline;
					}
				a:visited {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #3f6075;
					text-decoration: underline;
					}
				a:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #607c8c;
					text-decoration: none;
					}
				a:active {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #3f6075;
					text-decoration: underline;
					}
					
			

				/* Gray link syle */
				A.Gray:link {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #666666;
					text-decoration: none;
					}
				A.Gray:visited {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #666666];
					text-decoration: none;
					}
				A.Gray:hover {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #000000;
					text-decoration: underline;
					}
				A.Gray:active {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #666666;
					text-decoration: none;
					}
				
				/* Normal bold text syle */
				.NormalBold  {
					font-family: Arial, Helvetica;
					font-size: 8.5pt;
					font-weight: bold;
					color: #333333;
					}
				
				/* Normal text syle */
				.Normal  {
					font-family: Arial, Helvetica;
					font-size: 8.5pt;
					color: #333333;
					}
				
				/* Subhead text syle */
				.SubHead {
					font-family: Arial, Helvetica;
					font-size: 9pt;
					font-weight: bold;
					color: #00476A;
					}
				
				/* Gray Subhead text syle */
				.SubHeadgray {
					font-family: Arial, Helvetica;
					font-size: 9pt;
					font-weight: bold;
					color: #555555;
					}
				
				/* Date text syle */
				.Date {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #666666;
					}
			
			
				.title {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 14px;
					font-weight: bold;
					color: #000000;
					}
				
				/* Gray text syle */
				.Gray {
					font-family: Arial, Helvetica, sans-serif;
					font-size: 9pt;
					color: #666666;
					text-decoration: none;
					line-height: 11pt;
					}
			ul {
				list-style-image: url(arrow2.gif);
				list-style-position: outside;
				}
			
			
