/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
~                                          ~
~  Common Area Stylesheet    			   ~
~  For Use With Applications and SCREEN    ~
~                                          ~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@import url(/css/base_print.css);

/* ----------------------------------------
|                                          |
|  Header Section Controls                 |
|                                          |
------------------------------------------*/

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ----------------------------------------
|                                          |
|  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                       |
|                                          |
------------------------------------------*/

.threecolumns {
	clear: both;
	font-size: 90%;
	margin: 0px 0px 20px 25px;
	padding: 0px 0px 0px 0px;
	width: 750px;
}

.threecolumns .column {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 300px;
}

.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;
}

.threecolumns .clear {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ----------------------------------------
|                                          |
|  2-Column Controls                       |
|                                          |
------------------------------------------*/

.headergraphic {
	clear: both;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 0px;
}

.twocolumns {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	clear: both;
	float: left;
	font-size: 90%;
	margin: 0px 0px 20px 15px;
	padding: 0px 0px 0px 0px;
	width: 750px;
}

.twocolumns .column {
	float: left;
	width: 375px;
	vertical-align: top;	
}

.twocolumns .clear {
	clear: both;
}

.twocolumns h2 { 
	color: #f60;
	font-size: 1.1em;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 10px 15px;
}

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

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

.twocolumns a img {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
}

/* ----------------------------------------
|                                          |
|  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: 969px;
	margin-top: 1em;
}