/* 	
	Wave2Wave CSS 
	Arman Created 10.24.07
	
	top right bottom left 
*/

body {
	background-color:#000000;
	
	background-image:url(/images/bgMain.gif);
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	margin: 0px;
	padding: 0;
}


#wrapper {
	/* background-color:#5b5b5b; */
	background-color:#ffffff;
	width:800px;
	margin: 0 auto;
}


#map {
	width:800px;
	margin: 0 auto;
}

a:link { color:#0033CC; text-decoration:none; }
a:visited { color:#0033CC; text-decoration:none; }
a:hover { color:#0066CC; text-decoration:underline; }

/*
ul { margin-top:0; }
*/

ul li { margin-left:0px; }

#banner {
	position:relative;
	height:340px;
	padding: 0;
	margin: 0;
	background-color:#FFFFFF;
	background-image:url(/images/bgBanner.gif);
	
	color: #cacfd3;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
	/* border-bottom: 1px solid #666666; */
}

#bannerInner {
	position:relative;
	height:170px;
	padding: 0;
	margin: 0;
	background-color: #5b5b5b;
	background-image:url(/images/bgBannerInner.gif);	
	color: #cacfd3;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}


.homeClick {
	position:absolute;	
	top: 40px;
	left: 25px;
	padding:0;
	margin:0;
	
	height:60px;
	width:260px;
	
	/* border: 1px solid #ff0000; */
}

.pageDate {
	position:absolute;	
	top: 150px;
	left: 10px;
	padding:0;
	margin:0;
	
	font-size:10px;
	color:#999999;
	
	/* border: 1px solid #ff0000; */
}


/* Navigation */
.navTop{
	position:absolute;	
	top: 10px;
	left: 653px;
	
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#000000;
}


.navTop ul{	
	list-style-type:none;
	padding: 0;
	margin: 0;
}

.news {
	font-size:11px;
}


.navTop a 			{ color: #00436e; text-decoration:none;}
.navTop a:visited 	{ color: #00436e; text-decoration:none;}
.navTop a:hover 	{ color: #000000; text-decoration:underline;}


.navMain, .navMainInner {
	position:absolute;	
	white-space:nowrap;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#000000;
}

.navMainInner {	
	position:absolute;
	top: 145px;
	left: 25px;
}

.navMain {
	position:absolute;	

	top: 310px;
	left: 20px;

	white-space:nowrap;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;	
	color:#3c6e96;
	
	/*
	border: 1px solid #ff0000;
	width:100%;
	*/
}

.menuMain {
	position:absolute;
	top: 305px;
	right: 0px;
	
	padding:0;
	margin:0 0 0 0px;
	
	width:590px;
}


.menuMainInner {
	position:absolute;
	top: 145px;
	right: 0px;
	
	padding:0;
	margin:0 0 0 0px;
	
	/* width:100%; */
	
	width:590px;
}

.navMain ul, .navMainInner ul{	
	list-style-type:none;
	padding: 0;
	margin: 0;
}

.navMain a, .navMainInner a {
	background: url(/images/navPing.gif) no-repeat right;
	
	color:#666666;
	text-decoration:underline;
	
	margin: 0 25px 0 0px;
	
	/* border-bottom: 1px solid #3c6e96; */
	
	padding: 0px 15px 0px 0px;
	
	/* border: 1px solid #ff0000; */	
}

.navMain a:hover, .navMainInner a:hover {
	color:#15578b;
	text-decoration:underline;
	padding: 0px 15px 0px 0;
	background: url(/images/navPingOn.gif) no-repeat right;	
}



/* area color navs */

#full {
	position:relative;
  	float: left;
  	width:800px;  
  	text-align: left;
  	padding:0;
	
  /* background-color:#CCCCCC; */
  /* border: 1px solid #ff0000; */
}



#full .content {
	padding: 20px 10px;
	line-height: 15px;
	min-height: 400px;
}



#left {
  float: left;
  width:200px;  
  text-align: left;
  padding:0;
  /* background-color:#CCCCCC; */
  /* border: 1px solid #ff0000; */
}

#left .content {
	padding: 20px 10px;
	line-height: 15px;
	min-height: 400px;
}


#right {
	width: 600px;
	float: left;
	
		
	min-height: 500px;
}

#right .content {
	
	/* padding: 20px 10px; */
	
	padding: 20px 20px 20px 10px;
}

.navHeader {
	background-image:url(/images/bgNavHeader.gif);
	background-repeat:no-repeat;
	font-size:14px;
	color:#333333;	
}


#navType_0 ul,  #navType_1 ul, #navType_2 ul, #navType_3 ul{	
	list-style-type:none;
	padding: 0px; /* pad from heading */
	margin: 5px;
}

#navType_0 li, #navType_1 li, #navType_2 li, #navType_3 li {
	list-style-type:none;
	line-height: 14px; 
	font-size:11px;
	padding: 0px 0px; /* left indent */
}

/* Gray */
#navType_0 , #navType_0 a:link, #navType_0 a:visited 	{ color:#666666; text-decoration:none }
#navType_0 a:hover 										{ text-decoration:underline; }

#navType_1 , #navType_1 a:link, #navType_1 a:visited 	{ color:#860907; text-decoration:none }
#navType_1 a:hover 										{ text-decoration:underline;}

#navType_2 , #navType_2 a:link, #navType_2 a:visited 	{ color:#015581; text-decoration:none }
#navType_2 a:hover 										{ text-decoration:underline;}

#navType_3 , #navType_3 a:link, #navType_3 a:visited 	{ color:#d35812; text-decoration:none }
#navType_3 a:hover 										{ text-decoration:underline;}


.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}


#footer, #footer a, #footer a:visited, #footer a:hover { font-size:10px; }

#footer a 			{color:#CCCCCC;text-decoration:none;}
#footer a:visited 	{color:#cccccc;text-decoration:none;}
#footer a:hover 	{color:#ffffff;text-decoration:underline;}


/* top right bottom left */
#footer {
	background-color:#000000;
	height:25px;
	font-size: 10px;
	color:#CCCCCC;
	
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	
}



h1 {
	color:#3c6e96;
	font-size:18px;
	margin: 0;
}

h2 {
	color:#3c6e96;
	font-size:14px;
	margin: 0;
}
h3 {
	color:#3c6e96;
	font-size:13px;
	margin: 0;
}
h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.nomargintop {
	margin-top: 0;
}
.content p {
	margin: 12px 0;
}

/* Forms */
.inputData, .inputText, .inputSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	background-color:#e9e9e9;		
}



.inputData, .inputSelect {
	padding: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
	color:#000000;
}


.inputText {
	background-color:#ffffff;
	color:#666666;
}



/* PORTAL */

#portalWrapper {
	margin: 0 auto;
	color:#fff;
	font-size:14px;
	
	min-height:500px;
}

#portalMargin {		
	margin: 0px 20px 20px 20px;
	min-height:500px;
}


#portalWrapper a 			{ color:#CC9900; text-decoration:none;}
#portalWrapper a:visited 	{ color:#CC9900; text-decoration:none;}
#portalWrapper a:hover 		{ color:#CC9900; text-decoration:underline;}

#portalWrapper h1 {
	font-size: 28px;
	color:#fff;
}

#portalWrapper h2 {
	font-size: 16px;
	color:#000;
}


/* Forms */
#portalWrapper .inputData, #portalWrapper .inputText, #portalWrapper .inputSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;		
}



#portalWrapper .inputData, #portalWrapper .inputSelect {
	padding: 2px 2px 2px 2px;
	border: 1px solid #cccccc;
	color:#000000;
}


#portalWrapper .formText {
	color:#CCCCCC;
}



.portalInput {
    border: 1px solid #006;
    background: #ffc;
}
.portalInput:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.portalButton {
    border: 1px solid #006;
    background: #cc9900;
}
.portalButton:hover {
    border: 1px solid #fff;
    background: #f8c100;
}

.portalButtonDisabled {
    border: 1px solid #ff0000;
}


portalLabel {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}


#dropdownpanel{ /*Outermost Panel DIV*/
position: absolute;
width: 100%;
left: 0;
top: 0;

visibility:hidden;
z-index:10;
}

#dropdownpanel .contentdiv{ /*Div containing Ajax content*/
background-color:#333333;
color: #666666;
padding: 10px;

/*
border-left: 2px solid black;
border-right: 2px solid black;
border-top: 2px solid black;
*/
}

#dropdownpanel .header { font-size:14px; color:#FFFFFF; }
#dropdownpanel .highlight { color:#cc6600; }
#dropdownpanel .bold { color:#999999; }

#dropdownpanel a 			{ color:#CC9900; text-decoration:none;}
#dropdownpanel a:visited 	{ color:#CC9900; text-decoration:none;}
#dropdownpanel a:hover 		{ color:#CC9900; text-decoration:underline;}

#dropdownpanel .control{ /*Div containing panel button*/
border-top: 1px solid black;
color: white;
font-weight: bold;
text-align: right;
background: transparent url("/portal/images/portalPanel.png") right center no-repeat; /*change panel.gif to your own if desired*/

margin-right:20px;

/*
padding-bottom: 3px; 
padding-right:115px;

height: 21px; 
line-height: 20px; 
*/
}

div.total_1, div.total_2  {
height: 200px;
width: 300px;
overflow: auto;
border: 1px solid #000000;
background-color:#FFFFFF;
padding: 8px;

color:#666666;
font-size:12px;
}


div.total_2 {
	width: 500px;
}

#portalMenuContainer .portalMenu{

	position:relative;
	float:left;
	white-space:nowrap;
}

#portalMenuContainer {

	position:relative;
	font-size:12px;
	background-color:#000000;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px 0px 20px 0px;
	padding: 5px;	
}

#portalMenu a 			{ color:#CC9900; text-decoration:none;}
#portalMenu a:visited 	{ color:#CC9900; text-decoration:none;}
#portalMenu a:hover 	{ color:#CC9900; text-decoration:underline;}

#portalMenuContainer .version {
	position:relative;
	float:right;
	text-align:right;
}