﻿body {
	font-size: 13px;
	line-height: 20px;
	font-family: Verdana;
	text-align: center;
	background-color: #99ccff;
	background-image: url('svg-gradientgenerator.aspx?x1=0&x2=50&y1=0&y2=50&a=000099&b=99ccff');
	background-repeat: no-repeat;
	
	
}
a
{
    color: #FF6600;
    text-decoration: none;
}
a:hover 
{
    color: #0c0847;
	text-decoration: none;
}
.RSSText
{
	color: #ffffff;
}
A.RSSText
{
	color: #ffffff;
}
.ImageLink
{
    border: 0px none #ffffff;   
}
A.ImageLink
{
    border: 0px none #ffffff;
}
.sweep
{
   
}
.header
{
    background-image: url('images/LogoBackground.png');
}
h1 {
	padding: 5px;
	font-size: 24px;
	color: #000000;
	background-color: #1c1857;
	font-weight: normal;
	vertical-align: middle;
	color: #fff;
	margin: 10px 0;
	height: 21px;
	background-image: url('images/gradient.png');
	background-repeat: repeat-x;
}
h2
{
    padding: 0px;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	
	margin: 10px 0;
	height: 21px;
}
h3 {
	padding: 0px;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	color: #fff;
	margin: 10px 0;
	height: 21px;
}
h3 {
	padding: 0px;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	color: #fff;
	margin: 10px 0;
	height: 21px;
}
h4 {
	padding: 0px;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
	font-weight: normal;
	color: #fff;
	margin: 10px 0;
	height: 21px;
}
#AdRotator
{
    background-color: #cccccc;
}
#reflection {
  /* It's a copy of the original element... */
  background: -moz-element(#AdRotator)
              bottom left no-repeat;
 
  /* ... turned upside down ... */
  -moz-transform: scaleY(-1);
 
  /* ... with a gradual fade-out effect towards the bottom. */
  mask: url(#reflection-mask);
}
h1 span {
	background: #616161;
	padding: 0px 10px 0px 0px;
}
pk-off-removekforward {
	margin: 0;
	background: #616161;
}
#header {
	background: url(images/header_bckg.jpg) repeat-x #0287c2;
	clear: both;
	width: 100%;
	height: 161px;
}
#left_header {
	float: left;
	width: 380px;
	background: url(images/left_header.jpg) no-repeat;
	height: 161px;
}
#right_header {
	float: right;
	width: 321px;
	background: url(images/right_header.jpg) no-repeat;
	height: 161px;
}
#logo {
	position: absolute;
	text-align: center;
	width: 95%;
	text-align: center;
	margin-top: 50px;
}
#logo a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 23px;
}
#menu {
	height: 30px;
	clear: both;
	padding-top: 5px;
}
#menu ul {
	margin: 0;
	padding: 0;
}
#menu ul li {
	display: inline-block;
	float: left;
	width: 104px;
	list-style: none;
	text-align: center;
}
#menu a {
	display: block;
	float: left;
	width: 104px;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#menu a:hover {
	color: #68d3ed;
}
#content {
	clear: both;
	background-color: #252525;
	width: 100%;
}
#content_top {
	height: 20px;
}
#content_top_left {
	float: left;
	width: 20px;
	height: 20px;
	background: url(images/left_top_round.gif) no-repeat;
}
#content_top_right {
	float: right;
	width: 20px;
	height: 20px;
	background: url(images/right_top_round.gif) no-repeat;
}
#content_bottom {
	clear: both;
	height: 16px;
}
#content_bottom_left {
	float: left;
	width: 20px;
	height: 16px;
	background: url(images/left_bottom_round.gif) no-repeat;
}
#content_bottom_right {
	float: right;
	width: 20px;
	height: 16px;
	background: url(images/right_bottom_round.gif) no-repeat;
}
/*.sidebar {
	float: right;
	margin-left: 10px;
	color: Black;
	}
.sidebar:p {
	background-color: #fff;
	padding: 0 20px;
}
.sidebar_top {
	height: 30px;
	background: #f3f4fa url('images/GrayexplorerInverted.gif') repeat-x;
		font-weight: 700;
}
.sidebar_body {
	background-color: #f3f4fa;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 5px;
}
.sidebar_bottom {
	height: 30px;
	background: url(images/Grayexplorer.gif) repeat-x;
}
.sidebar:ul {
	margin: 0;
	padding: 0 0 0 40px;
}
.sidebar:li {
	padding: 0;
	list-style: none;
}
.sidebar:a {
	color: #000;
	font-size: 11px;
}
.sidebar:h1 {
	color: #0676bd;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 20px;
	background-color: #fff;
	margin: 0;
}*/
.Dialog
{
    background-color: #e9efff;
    border: 1px solid efefef;
    border-radius: 5px;
    text-align: center;
    margin: 10px auto;
    color: #000000;
    box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    padding: 10px;
    width: 95%;
}
.Dialog a
{
    color: #000000;
    text-decoration: none;
}
.Dialog a:hover
{
    color: #0000cc;
    text-decoration: none;
}
.Dialog H1
{
    /*0c0847*/
    padding: 5px;
	font-size: 24px;
	color: #FFFFFF;
	background-color: #0c0847;
	font-weight: normal;
	color: #fff;
	margin: 10px 0;
	height: 21px;
}

.Dialog select
{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px inset #333333;
    padding: 5px;
    margin: 5px;
    width: 250px;
    box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    
}
.Dialog input
{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 2px inset #333333;
    padding: 5px;
    margin: 5px;
    width: 250px;
    box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
}

.sidebar {
	float: right;
	margin-left: 10px;
	color: Black;
	position: relative;
	min-height: 250px;
	
	}
.sidebar:p {
	background-color: #ffffff;
	padding: 0 20px;
}
.sidebar:p {
	background-color: #ffffff;
	padding: 0 20px;
}
.sidebar_top {
	height: 30px;
	background: #0c0847;
	font-style: normal;
	font-weight: normal;
	font-size: medium;
	vertical-align: middle;
	color: White;
	padding-left: 15px;
	padding-top: 0px;
	border-radius: 8px 0px 0px 0px;
	-webkit-border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
}
.sidebar_body {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 5px;
	border-left: 1px dotted #9794cf;
}
.sidebar_bottom {
	height: 30px;
	background-color: #FFFFFF;
}
.sidebar:ul {
	margin: 0;
	padding: 0 0 0 40px;
}
.sidebar:li {
	padding: 0;
	list-style: none;
}
.sidebar:a {
	color: #000;
	font-size: 11px;
}
.sidebar:h1 {
	color: #0676bd;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 20px;
	background-color: #fff;
	margin: 0;
}
.text {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width: auto;
	vertical-align: top;
	color: #000000;
	background-attachment: inherit;
    background-repeat:no-repeat;
    background-position: right top;
    padding: 0px;
       
}
#MainBody
{
    border: 1px solid #333333;
    
    width: 1000px;
    margin: 0px auto;
    background-color: Black;
    box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -webkit-border-radius: 10px;
    -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -moz-border-radius: 10px;
}
#text {
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	width: auto;
	vertical-align: top;
	text-align: left;
	color: #000000;
	background-attachment: inherit;
    background-repeat:no-repeat;
    background-position: right top;
    position: relative;
    
}
#text_body
{
    padding: 5px 05px 15px 05px;
}
#text_bottom {
	height: 50px;
	width: 1000px;
	color: #ffffff;
}

.LinkItem
{
    color: #ffffff;
    float: right;   
    vertical-align: bottom;
    bottom: 10px;
    right: 10px;
    position: absolute;
    display: inline;
}
.LinkItem a
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
}
.LinkItem input
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.LinkItem input
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.LinkItem button
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.ViewItem
{
    color: #ffffff;
  
}
.ViewItem a
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
}
.ViewItem input
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.ViewItem button
{
    color: #ffffff;
    text-decoration: none;
    position: relative;
    border: 1px solid #4b5cd7;
    background-color: #172980;
    padding: 5px;
    border-radius: 4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
   #NavBar{
		width:100%;
		height:48px;
		background:url('images/menu_034_bg.png') repeat-x;
		text-align: center;
		margin: 0px;
		position: relative;
		background-color: #ffffff;
		
	}
		#NavBar ul{
			list-style:none;
			margin:0px auto;
			width:100%;
			text-align: center;
			background: black;
			
		}
			#NavBar li{
				list-style:none;
				display:block;
				float:left;
				height:48px;
				line-height:48px;	
			}
			#NavBar li.menuleft{
				list-style:none;
				display:block;
				float:left;
				height:40px;
				line-height:40px;
				text-align:left;
				border-left: 3px groove #999999;
				margin:8px 0px 0px 0px;
				/*padding: 0px 0px -18px 0px;*/
				
			}
				#NavBar li a{
					display:block;
					float:left;
					color:#a7a7a7;
					font-size:11px;
					font-weight:bold;
					line-height:59px;
					text-decoration:none;
					padding: 0px 20px 00px 20px;			
					
				}
					#NavBar li a:hover{
						color:#fff;
						z-index: 99;
						background:url('images/menu_034_h-alternate.png') no-repeat bottom;
					}
				#NavBar li a.current{
					display:block;
					float:left;
					background:url('images/menu_034_h.jpg') no-repeat bottom;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					line-height:59px;
					text-decoration:none;
					padding:0 20px;	
				}
					#NavBar li a:hover.current{
						color:#fff;
					} 
					
#MenuBar
{
    width:100%;
		height:24px;
		width: 900px;
		background-color: #999999;
		background-image: url('images/gradient.png');
		border-radius:           4px 0px 0px 4px;
		-moz-border-radius:      4px 0px 0px 4px;
        -webkit-border-radius:   4px 0px 0px 4px;
		text-align: center;
		padding: 15px 0px 0px 10px;
		position: relative;
		background-color: #ffffff;
		text-align: left;
		vertical-align: middle;
}

.TextIsland
{
    position: relative;
    margin: 15px;
    padding: 15px;
    min-height: 200px;
    
    
}
.TextIsland_Top
{
    
    background-color: #9699b0;
    color: White;
    padding: 3px;
    border-bottom: 1px #c7c799;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    
}
.TextIsland_Body
{
    background-color: #c9cfff;
    padding: 5px;
   
    position:relative;

	
	color: Black;
	min-height: 200px;
	
	}
.textbar:p {
	background-color: #ffffff;
	padding: 0 20px;
}
.textbar_top {
	height: 30px;
	background: #0c0847;
	font-style: normal;
	font-weight: normal;
	font-size: medium;
	vertical-align: middle;
	color: White;
	padding-left: 15px;
	padding-top: 0px;
	border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
	-webkit-border-radius: 8px 0px 0px 0px;
}
.textbar_body {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 20px;
	padding-right: 5px;
	border-left: 1px dotted #9794cf;
	min-height: 180px;
	position: relative;
}
.textbar_bottom {
	height: 30px;
	background-color: #FFFFFF;
}
.textbar:ul {
	margin: 0;
	padding: 0 0 0 40px;
}
.textbar_bottom {
	height: 30px;
	background-color: #FFFFFF;
}
.textbar:ul {
	margin: 0;
	padding: 0 0 0 40px;
}
.textbar:li {
	padding: 0;
	list-style: none;
}
.textbar:a {
	color: #000;
	font-size: 11px;
}
.textbar:h1 {
	color: #0676bd;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 0 20px;
	background-color: #fff;
	margin: 0;
}
#TopBar
{
    height: 30px;
    background-color: #ffff33;
    color: Black;
    bottom: auto;
    top: 0px;
    left: 0px;
        position: absolute;
    width: 100%;
    font-family: message-box System;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
    
    z-index: 0;
}
.BreadCrumb
{
    overflow:hidden;
    float: right;
    padding: 0px 30px 0px 0px;
    color: White;
    
    }
    .BreadCrumb span
    {
        float: left;
        height: 30px;
    }
.BreadCrumb span a
{
    color: white;
    text-decoration: none;
    padding: 5px 0 5px 65px;        
    background: #0c0847;                   
    /* fallback color */        
    background: hsla(244,80%,35%,1);        
    position: relative;        
    display: block;        
float: left;
}
.BreadCrumb span a:after 
{
    content: " ";        
    display: block;        
    width: 0;       
    height: 0;      
    border-top: 50px solid transparent;    
    /* Go big on the size, and let overflow hide */       
    border-bottom: 50px solid transparent;       
    border-left: 30px solid hsla(244,80%,35%,1);        
    position: absolute;    
    top: 50%;      
    margin-top: -50px;    
    left: 100%;      
    z-index: 2;
}
.BreadCrumb span a:before
{
    content: " ";  
    display: block; 
    width: 0;  
    height: 0;  
    border-top: 50px solid transparent;   
    border-bottom: 50px solid transparent;   
    border-left: 30px solid white;      
    position: absolute;    
    top: 50%;  
    margin-top: -50px;  
    margin-left: 1px;      
    left: 100%;   
    z-index: 1;
}
.BreadCrumb span:first-child a { padding-left: 10px;}
.BreadCrumb span:nth-child(2) a       { background:        hsla(244,80%,45%,1); }
.BreadCrumb span:nth-child(2) a:after { border-left-color: hsla(244,80%,45%,1); }
.BreadCrumb span:nth-child(3) a       { background:        hsla(244,80%,55%,1); }
.BreadCrumb span:nth-child(3) a:after { border-left-color: hsla(244,80%,55%,1); }
.BreadCrumb span:nth-child(4) a       { background:        hsla(244,80%,65%,1); }
.BreadCrumb span:nth-child(4) a:after { border-left-color: hsla(244,80%,65%,1); }
.BreadCrumb span:nth-child(5) a       { background:        hsla(244,80%,75%,1); }
.BreadCrumb span:nth-child(5) a:after { border-left-color: hsla(244,80%,75%,1); }
.BreadCrumb span:last-child a     
{
background: transparent !important;  
color: black;      
pointer-events: none;   
cursor: default;
}
.BreadCrumb span a:hover 
{
    background: hsla(244,80%,25%,1); 
    background-color: hsla(244,80%,25%,1); 
}
.BreadCrumb span a:hover:after 
{ 
    border-left-color: hsla(244,80%,25%,1) !important; 
}

.BreadCrumbBar
{
    background: #ffffff;
    padding: 0px 5px 0px 10px ;
    margin: 0px 0px 0px 0px;
    border: 1px solid #dddddd;
    border-radius: 0px 0px 0px 20px;
    box-shadow: rgba(0,0,0,0.6) 0px 5px 10px 1px /* spread */;
    -webkit-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;
    -moz-box-shadow: rgba(0,0,0,0.6) 5px 5px 10px 1px /* spread */;   
    font-size: x-small;

}
.BreadCrumbBar .Links
{
    float: left;
}
