@charset "utf-8";

/* ================================ Classes =================================  */ 

.img-left {float:left; padding: 0 10px 10px 0;}
#img.source-image {width: 100%;position: absolute;top: 0;left: 0;}
.nav-v ul, .nav-v li { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; }
.nav-h ul, .nav-h li { display:inline; list-style-type:none; margin:0; padding:0; }
.colborder { border:none !important;} 
.red { color:#cb3838; } 

/* Rounded corners are accomplished though displaying one quarter of an

   absolutely positioned transparent PNG image.  The correct section of the

   image is displayed at each corner of the rounded element using as CSS Sprite

   technique.  The image has a white radius with a transparent inside to let the

   background color of the rounded element come through.

 */

	.rounded { position: relative; /*margin: 0; -moz-border-radius:1ex; -webkit-border-radius:1ex;*/ }
	.tl, .tr, .bl, .br {
		background: transparent url("src/roundcornersprite-white.png") no-repeat scroll !important;
		position: absolute;
		width: 4px;
		height: 4px;
		padding: 0 !important;
		margin: 0;
	}
	
	.tl { top:0; left:0; background-position: 0 0 !important; }
	.tr { top:0; right:0; background-position: -4px 0 !important;}
	.bl { bottom:0; left:0; background-position: 0 -4px !important;}
	.br { bottom:0; right:0; background-position: -4px -4px !important;}
	
	a { color:#2a5e90;} 
	a:hover { color:#000000; } 
	h3 { color:#1f5690; font-size:12px; font-weight:bold;} 

/* ================================ Structure ===============================  */ 

	body { background-color:#ffffff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#3333333; background-image: url("src/bg-fade.gif"); background-repeat:repeat-x; background-position:center top; margin-top:0px;}
	#Main { background-color:#FFFFFF;  } 
	#outer-wrap { background-color:transparent;  background-image: url("src/bg-clouds.jpg"); background-repeat:repeat-x; background-position:center top;  } 
	#Header { background-image: url("src/bg-banner-1.jpg"); background-repeat:no-repeat; background-position:right top; height:103px; } 
	#logo { padding-top:20px; }
	.padding-left {  padding-left:24px; }
	#Nav { padding-top:10px; padding-bottom:4px; padding-left:24px;  background-image: url("src/bg-innerborder-top.gif"); background-repeat:no-repeat; background-position:center bottom;  }
	#Content { padding-top:15px;  background-image: url("src/bg-innerborder-repeat.gif"); background-repeat:repeat-y; background-position:center top; } 
	
	
	#logo-splash {
	position:absolute;
	left: 632px;
	top: 12px;
}
	#wrap-login-splash { background-color:transparent; background-image: url("src/bg-splash-repeat.jpg"); background-repeat:repeat-x; background-position:center top; } 
	#login-splash { background-image: url("src/bg-splash.jpg"); background-repeat:no-repeat; background-position:right top; height:629px; width:974px;  position:relative;  } 
	#login-wrap {
	position:absolute;
	left: 597px;
	top: 93px;
	width: 367px;
	background-image: url("src/bg-login-box-repeat.png");
	background-repeat:repeat-y;
	background-position:center top;
} 

	#splash-content {
	color:#2a588e;
	position:absolute;
	width:635px;
	left: 212px;
	top: 526px;
}
	#splash-content h1 { font-size:16px; color:#2a588e; text-transform:uppercase; font-weight:bold; }
	#splash-content p { font-size:13px; }


	
	#box-top { background-image: url("src/bg-login-box-top.png"); background-repeat:no-repeat; height:36px; background-position:center top; } 
	#box-container { /*background-image: url("src/bg-login-box-repeat.png"); background-repeat:repeat-y; background-position:center top;*/ padding:5px 15px 5px 25px; } 
	#box-bottom { background-image: url("src/bg-login-box-bottom.png"); background-repeat:no-repeat; height:14px; background-position:center top; } 
	
	#login-wrap h2 { font-size:15px; font-family:Myriad Pro, Arial,Helvetica,sans-serif; color:#ffffff; padding-left:20px; padding-top:5px;  }
	.username { } 
	.password { } 
	
	.username label, .password label { color:#666666; font-size:12px; font-weight:normal; }
	.login-text { font-size:11px; padding:0px; margin:0px; }
	.login-btn { padding-right:5px; padding-top:5px; }  
	.register {  padding-top:8px; padding-left:5px; }
	.register a { color:#ffffff; }
	.register a:hover { text-decoration:none;}
	
/* ================================ Widgets ==================================  */ 
	
	.col-row { padding-bottom:15px;  } 
	.col { background-color:#ffffff; background-image: url("src/bg-widget.gif"); background-position:center bottom;  background-repeat:no-repeat;  } 
	.widget-content { padding: 15px 20px 15px 20px;} 
	.widget-header { background-color:#aed5f2; padding:8px 20px; font-weight: bold; display:block; } 
	.widget-header h3 { padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif;} 
	.widget-controls { background-color:#bbdef9; }
	.control-min { float:left; background-image: url("src/icon-widget-min.gif"); background-repeat:no-repeat; width:13px; height:12px; display:block; }
	.control-min span { visibility:hidden; display:none; } 
	.control-res { float:right; background-image: url("src/icon-widget-restore.gif"); background-repeat:no-repeat; width:13px; height:12px; display:block; }
	.control-res span { visibility:hidden; display:none; } 

/* ================================ Navigation ===============================  */ 
	
	#Sub-Nav { background-color:#FFFFFF; text-align:center; background-image: url("src/bg-innerborder-bottom.gif"); background-repeat:no-repeat; background-position:center top; padding-top:25px; }
	#Sub-Nav ul li { padding-left:10px; font-weight:bold;  }
	.icons a { padding-left:15px } 
	
	#user-nav { background-color:#ffffff; top:75px; padding-bottom:5px; padding-top:5px; } 
	#user-nav ul li { padding-left:10px; } 
	#user-nav.rounded { position: relative; margin: 0; }
	#user-nav .tl {
		background: transparent url("src/bg-user-nav-corner.png") no-repeat scroll !important;
		position: absolute;
		width: 4px;
		height: 39px;
		padding: 0 !important;
		margin: 0;
	}
	
	#user-nav .tl { top:0; left:-4px; background-position: 0 0 !important; }
	
	
	
	
	
	#Nav ul li a.button{
		background: url("src/nav-sprite.gif") no-repeat scroll top left; 
		float: left;
		height: 20px;
		padding-left: 0px;
		margin-left: 0px;
		text-decoration:none;
		color:#2a5e90;
		outline:none;
	}
	
	#Nav ul li a.button span {
		background: url("src/nav-sprite.gif") no-repeat scroll top right; 
		float: left;
		height: 20px;
		/*position: relative;*/
		left: 0px;
		padding-right:30px;
		padding-top: 1px;
		font-size: 14px;
		font-family:Myriad Pro, Arial,Helvetica,sans-serif;
		cursor: pointer;
		line-height: 17px;
		padding-left:20px;
	}
	
	#Nav li { position:relative; }
	#Nav ul li a.first { border-left:1px solid #aed5f2; } 
	#Nav ul li a.last span { background-position: right -32px;}
	#Nav ul li a.last:hover { background-position: left -119px;}
	#Nav ul li a.button:hover span { color:#2a5e90;}
	#Nav ul li a.button:hover { background-position: left 148px; }
	#Nav ul li a.button:hover span, #Nav ul li a.selected span { background-position: right -148px;}
	
	#Nav a {  /*width: 10em;*/ }
	#Nav li { /* all list items */ float: left; /*width: 10em;*/ /* width needed or else Opera goes nuts */ z-index:2000; }
	.nav-h ul ul { /* second-level lists */ position: absolute; width:150px; left: -999em; display:block; margin-top:21px; float:left; /* using left instead of display to hide menus because display: none isn't read by screen readers */ }
	#Nav li ul li {  background-color:#dbe9fd; } 
	#Nav li ul li a { padding:8px 20px 8px 20px; display:block; border-bottom:1px solid #ffffff; width:110px; text-decoration:none; } 
	#Nav li ul li a:hover { background-color:#ffffff; } 

	#Nav li:hover ul ul, #Nav li.sfhover ul ul { left: -999em; }
	#Nav li:hover ul, #Nav li li:hover ul, #Nav li.sfhover ul, #Nav li li.sfhover ul { left: 0; }
	#Nav li ul ul { /* third-and-above-level lists */ margin: -35px 0 0 150px; border-left:1px solid #ffffff;}

	#Nav ul li .sub-level { border-left:1px solid #aed5f2; } 
	#Nav a.sub-level {background-image: url("src/bg-nav-arrow.gif"); background-repeat:no-repeat; background-position:130px center; }


	
	
	

/* ================================ Footer ========================================  */ 

	#Footer { background-color:#c2d8f4; padding:10px 0; text-align:center; color:#666666;}

/* ================================ Forms ========================================= */

	#search-box { padding-top:5px;}
	#search-box form {  padding-top:4px;  padding-bottom:4px; padding-left:5px; width:350px;}
	
	input {
		padding: 2px;
		font: 400 12px arial, sans-serif;
	    /*background: url("src/field_bg.png") no-repeat top left;*/
		border-width: 1px;
		border-style: solid;
		border-color: #cccccc #e2e2e2 #e2e2e2 #cccccc;  
	}
	
	input[type=checkbox] { background-image:none; margin:0 0 0 0; vertical-align:middle; border:none !important;
  }
	
	#submit {
		height: 21px;
		background: url("src/btn-search.gif") no-repeat top left;
		margin-top: 0px;
		width: 70px;
		border: none;
		margin-right: 6px;
		font-weight: bold;
		cursor: pointer;
		color:transparent;
		text-indent:-100000px;
		text-transform:capitalize;
		vertical-align:middle;
	}
	



/*#Nav ul li a.button{
		background: url("src/nav-sprite.gif") no-repeat scroll top left; 
		float: left;
		height: 20px;
		padding-left: 0px;
		margin-left: 0px;
		text-decoration:none;
		color:#2a5e90;
		outline:none;
	}
	
	#Nav ul li a.button span {
		background: url("src/nav-sprite.gif") no-repeat scroll top right; 
		float: left;
		height: 20px;

		left: 0px;
		padding-right:30px;
		padding-top: 1px;
		font-size: 14px;
		font-family:Myriad Pro, Arial,Helvetica,sans-serif;
		cursor: pointer;
		line-height: 17px;
		padding-left:20px;
	}
	

	#Nav ul li a.first { border-left:1px solid #aed5f2; } 
	#Nav ul li a.last span { background-position: right -32px;}
	#Nav ul li a.last:hover { background-position: left -119px;}
	#Nav ul li a.button:hover span { color:#2a5e90;}
	#Nav ul li a.button:hover { background-position: left 148px; }
	#Nav ul li a.button:hover span, #Nav ul li a.selected span { background-position: right -148px;}
	
	#Nav a {  }
	#Nav li { }
	#Nav li ul { }
	#Nav li ul li {  background-color:#dbe9fd; } 
	#Nav li ul li a { padding:8px 20px 8px 20px; display:block; border-bottom:1px solid #ffffff; width:110px; text-decoration:none; } 
	#Nav li ul li a:hover { background-color:#ffffff; } 
	#Nav li:hover ul, #Nav li.sfhover ul { left:auto; z-index:2000; }*/