/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                          ~
~  Common Area Stylesheet    				    ~
~  For Use With Applications and SCREEN    ~
~                                          ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@import url(/css/base_screen.css);
/* ----------------------------------------
|                                          |
|  Header Section Controls                 |
|                                          |
------------------------------------------*/

#header {
		border-bottom: 1px solid #36c;	
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
#textsize { background:transparent;}

/* ----------------------------------------
|                                          |
|  Sublocal Navigation Controls            |
|                                          |
------------------------------------------*/

#localnav {
	background: #36c;
	background-image: url("/images/common_localnav_footer.gif");
	background-position: 0% 100%;
	background-repeat: no-repeat;
}

#localnav h1 {
	background: #36c;
	background-image: url("/images/common_localnav_header.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	color: #fff;
}

#localnav h2 {
	background-color: #e8f7da;
	color: #36c;
	line-height: 2em;
}
#localnav h2.subhead {
	color:#fff;
	background-color: #6c0;
}
	
#localnav #login {
	background-color: #fff;
}

#localnav #login ul{
	color: #333;
}

#localnav #login ul li {
	background-image: url("/images/common_blt_orange.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	color: #333;
}

#localnav #login ul li a {
	color: #36c;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
}

#localnav #login ul li a:visited {
	color: #36c;
}

#localnav #login ul li a:hover {
	color: #6c0;
}

#localnav #login ul li a:active {
	color: #f60;
}

#localnav #login ul li ul {
	list-style:none;
	color: #333;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 120px;
}

#localnav #login ul li ul li{
	background-image: none;
	list-style:none;
	color: #333;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 4px 0px;
}

#localnav #login ul li ul li a {
	color: #36c;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
}
#localnav #login ul li ul li a:visited {
	color: #36c;
}

#localnav #login ul li ul li a:hover {
	color: #6c0;
}

#localnav #login ul li ul li a:active {
	color: #f60;
}


/* ----------------------------------------
|                                          |
|  Persistent Nav Controls                 |
|                                          |
------------------------------------------*/

#persistentnav {
	background-color: #E9EFF9;
	height: 30px;
	border-bottom: 1px solid #36c;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#persistentnav ul {
	float:left;
	height:30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:995px;
}

#persistentnav ul li {
	float:left;
	height: 30px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#persistentnav ul li.goto {
	background-color: #36c;
	height:30px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	text-align: right;
	width: 290px;
}

#persistentnav ul li a, #persistentnav ul li a:hover, #persistentnav ul li a:visited {
	height:30px;
	background:transparent;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border: none;
	vertical-align: middle;
}

#persistentnav ul li img, #persistentnav ul li a img, #persistentnav ul li.goto img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

/* ----------------------------------------
|                                          |
|  Content Section Controls                |
|                                          |
------------------------------------------*/

#content {
	width:700px;
}

/* ----------------------------------------
|                                          |
|  Action Navigation Controls              |
|                                          |
------------------------------------------*/

#actionnav {
	font-size: 0.9em;
	padding: 8px 5px 5px 0px;
	position: absolute;
	text-align: right;
	left: 415px;
	top: 0px;
	width: 535px;
}

#actionnav ul {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	border: none;
} 

#actionnav li {
	margin-left: 0px;
	padding: 0px 1px 0px 1px;
	border: none;
	list-style: none;
	display: inline;
}

/* ----------------------------------------
|                                          |
|  3-Column Controls                       |
|                                          |
------------------------------------------*/
div.clear {
	clear: both;
	width:100%;
	margin: 0px;
	padding:0px;
	font-size: 0px;
}
.threecolumns {
	clear: both;
	font-size: 90%;
	margin: 0px 0px 10px 30x;
	padding: 0px 0px 10px 40px;
	width: 900px;
	display:block;
}

.threecolumns .column {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
	font-size: 15px;
}

.threecolumns .columnborder {
	border-left: 1px solid #ccc;	
	float: left;
	height: 215px;
	margin: 0px;
	padding: 0px;
	width: 299px;	
}

.threecolumns .columnborder h1 { 
	color: #f60;
	font-size: 1.2em;
	margin: 10px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

.threecolumns .columnborder ul {
	font-size: 1.0em;
	list-style-type: none;
	margin: 5px 0px 15px 15px;
	padding: 0px 0px 0px 0px;
}

.threecolumns .columnborder ul li { 
	background-image:  url("/images/orangearrow.gif");
	background-repeat: no-repeat;
	background-position: 4px 10px;
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 15px;
}


/* ----------------------------------------
|                                          |
|  Right Column Controls                   |
|                                          |
------------------------------------------*/

#right {
	background: #fff;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 83px;
	width: 155px;
	vertical-align: top;
}

#right p {
	font-size: 0.9em;
}

#right ul.relatedlinks {
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 30px;
}
#right ul.relatedlinks li {
	background-image: url("/images/gw/blt_blwcarrot.gif");
	background-repeat: no-repeat;
	background-position: 0% 5px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 2px 10px;
	font-size: 0.8em;
	
}

#right ul.dblblt {
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 15px;
}

#right ul.dblblt li {
	background-image: url("/images/gw/blt_doubleblwcarrot.gif");
	background-repeat: no-repeat;
	background-position: 0% 5px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 2px 10px;
	font-size: 0.9em;
}

#right ul.furtherinfo {
	list-style: none;
	text-align: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 15px;
}
	
#right ul.furtherinfo li {
	background-image: url("/images/gw/blt_blwcarrot.gif");
	background-repeat: no-repeat;
	background-position: 0% 5px;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 2px 10px;
	font-size: 0.9em;
}
	
#right ul.furtherinfosub {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 5px;
}
	
#right ul.furtherinfosub li {
	background-image: url("/images/gw/blt_doubleblsolidcarrot.gif");
	background-repeat: no-repeat;
	background-position: 0% 6px;
	margin: 0px 0px 0px 5px;
	padding: 4px 0px 2px 18px;
	font-size: 0.9em;
}
#right #todaysrates {
	font-size: 0.9em;
	padding-top: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#right #todaysrates img {
	padding: 0px;
	margin: 0px;
}

#right #todaysrates h1 {
	background: #eee;
	border-bottom: 1px dashed #ccc;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-top: 1px dashed #ccc;
	color: #36c;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 4px;
	line-height: 2.1em;
}

#right #todaysrates p {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#right #todaysrates ul {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	font-size: 0.8em;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}

#right #todaysrates li {
	padding: 0px 0px 2px 15px;
}

#right #currenttopics  {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	margin-top: -1em;
	margin-bottom: -.8em;
}
#right #currenttopics ul {
	margin: 1em;
	list-style-type: none;
	font-size: 0.8em;
	font-weight: bold;
}

#right #currenttopics ul li {
	padding: 0em 0em .8em 1em;
	background-image: url("/images/gw/blt_greycarrot.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

#right #currenttopics ul li a {
	line-height: 1.4em;
}
#right #currenttopics ul li.zero {
	background-image: none;
	margin: 0px;
	padding: 0px;
}
/* ----------------------------------------
|                                          |
|  =class Controls                         |
|                                          |
------------------------------------------*/

.exclaim {
	margin-top: 1em;
	background-image: url("/images/gw/exclaim.gif");
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 0 0 0 2em;
	line-height: 1.5em;
	font-size: .9em;
	font-weight: bold;
}

p.maint {
	font-size: 1.1em;
	font-weight: bold;
	border: 2px solid #6c0;
	padding: 5px;	
}

/* ----------------------------------------
|                                          |
|  Footer Section Controls                 |
|                                          |
------------------------------------------*/

#footer {
	width: 100%;
	margin-top: 1em;
}