a{
	color: #003399;
	text-decoration: none;
}

a img {
	text-decoration: none;
}

a:link {
	color: #000099;
}

a:visited {
	color: #00008B;
}

a:hover {
	color: #CC0000;
	text-decoration: underline;
}

/* special link styles */
a.nohover:hover {
	background-color: transparent; /* If you don't want images wrapped in <a> to have hover effect, make it <a class="noHover"> */
}

a:active{
	color: #DC143C;
	text-decoration: none;
}

body {
	height: 100%;
	margin: 0;
	scrollbar-3dlight-color: #841818;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #CCCC99;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #DDDDDD;
}

html {
	height: 100%;
}

img {
	border: 0;
}

li {
	list-style-image: url(../images/Bullet.gif);
	margin-bottom: 0.3em; /* make list items more compact than default */
}

table#creditos {
	width: 100%;
}

/* MODULE:  BODY (main content) ------------------------------------------ */
table#pagebody {
	width: 100%;
}

table#pagebody td.main {
	padding-left: 10px; /* indent main topic content */
	padding-right: 20px; /* and leave some space on the right */
}

table#pagebody td.p {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	letter-spacing: normal;
	text-indent: 0px;
}

table#pagebody td.pagenavigation {
	padding-right: 20px; /* and leave some space on the right */
}

table#pagebody td.tablehead {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

/* some padding values for the core table in used page body */
table#pagebody tr td {
	border-right-color: #841818;
	border-right-width: thin;
	padding-left: 2px;
	padding-right: 2px;
}

/* MODULE: BOX - MAP GRAPHICS SNIPPET ---------------------------------------------------*/
table#partialmaptable tr td {
	margin-bottom: 0px;
	padding: 0px;
}

.address {
	background-color: #E4E4CB;
	color: #663333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.agencia {
	background-color: #663333;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.body {
	clear: both;
}

/* WINDOW: OVERVIEW MAP ------------------------------------------------------------- */
/*  los viejos */
.bodyinlayer {
	color: #841818;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
}

/* single callout */
.callout {
	margin-bottom: 3px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 0px;
}

/* MODULE: CALLOUT -SECTION---------------------------------------------------------------------*/
.callouts {
	background-color: #FAFAFA;
	border-bottom: 3px solid #0062BF;
	border-top: 3px solid #0062BF;
	margin-bottom: 8px;
	margin-left: 30px;
	width: 360px;
}

/* <div> around whole text notes in callouts */
.callouts .topictextnotes {
	font-size: 8pt;
	margin-left: 0px;
}

.clearfloat {
	clear: both; /* needed to hold down bottom border sometimes */
}

.collapsiblebox {
	border-right: 1px solid #841818;
	clear: both;
	margin-bottom: 0px; /* don't remove border for NS!! */
	margin-left: 0px;
	padding-bottom: 0px;
	width: 161px;
}

.collapsiblebox .body {
	background-color: #CCCC99;
	clear: both;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.collapsiblebox .title {
	color: #FFFFFF;
	float: left;
	font-size: 0pt;
	font-weight: bold;
	padding: 0px;
	padding-left: 0px;
	text-align: left;
}

/* MODULES:  BOX - REVIEW COMMMENT ---------------------------------------------------------- */
.comment {
	clear: both;
}

.comment .date {
	float: right;
	font-weight: bold;
	margin-bottom: 0px;
	padding-right: 6px;
}

.comment .text {
	clear: both;
	padding-bottom: 4px; /* makes bottom 'border' bigger on opera */
	padding-left: 6px;
	padding-right: 6px;
}

.comment .username {
	float: left;
	font-weight: bold;
	margin-bottom: 0px;
	padding-left: 6px;
}

.commentsarea .body {
	color: #2F4F4F;
	display: none; /* collapse when first shown */
	font-size: 8pt;
}

.contentitem1 {
	clear: both;
	margin-top: 5px;
}

.contentitem2 {
	clear: both;
	margin-left: 2em;
	margin-top: 3px;
}

.contentitem3 {
	clear: both;
	margin-left: 4em;
}

.contentitem4 {
	clear: both;
	margin-left: 6em;
}

.contentitem5 {
	clear: both;
	margin-left: 8em;
}

.contentitem6 {
	clear: both;
	margin-left: 10em;
}

.contentitem7 {
	clear: both;
	margin-left: 12em;
}

.contentitem8 {
	clear: both;
	margin-left: 14em;
}

.contentitem9 {
	clear: both;
	margin-left: 16em;
}

.contentitemx {
	clear: both;
	margin-left: 18em;
}

.emptyimage {
	float: left; /* used for special effects */
	margin: 0px; /* distance to outline */
}

.footer {
	background-color: #841818;
	border-top: 1px #000000 solid;
	color: #FFFFFF;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 6px;
	padding-top: 0px;
	text-align: right;
}

/* all headers in boxes */
.header {
	clear: both; /* floating element below */
}

/**********************************************************************************************/
/******** OTHER WINDOW LAYOUTS ****************************************************************/
/**********************************************************************************************/
.legend {
	color: #000099;
	font-size: 8pt;
	margin-left: 6px;
	margin-top: 6px;
	width: 200px;
}

.legend .collapsiblebox {
	margin-left: 0px; /* overide for the legend box */
	width: 200px;
}

.legend .collapsiblebox .body {
	border: 1px solid #999999;
	width: 200px;
}

.legendgroup {
	clear: both;
	float: left;
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 5px;
	margin-top: 5px;
}

.legenditem {
	clear: both;
	margin-left: 5px;
}

.legenditem .item {
	float: left;
	margin-right: 6px;
}

.legenditem .label {
	float: left;
	margin-right: 2px;
}

.listmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0;
	width: 162px;
}

/* WINDOW: CONTENT ------------------------------------------------------------- */
.mappreview {
	border-bottom: 1px solid #D4A808;
	padding-bottom: 16px;
	padding-top: 10px;
	text-align: center;
}

.onerelatedsection {
	margin-bottom: 8px;
	margin-top: 16px;
}

.relateditem {
	font-size: 8pt;
	margin-bottom: 2px;
	margin-top: 1px;
}

.relateditembullet {
	padding-left: 4px; /* align with text notes */
}

/* MODULE: RELATED SECTION  ----------------------------------------------------------------------*/
.relatedsectionheader {
	font-size: 8pt;
	font-weight: bold;
	padding-left: 4px; /* align with text notes */
}

.subtopicitem {
	margin-bottom: 2px;
	margin-top: 3px;
}

.subtopicitems {
	clear: both;
	font-size: 8pt;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 50px;
}

/* MODULES:  BOX - TASK INFORMATION ---------------------------------------------------------- */
.taskinformationarea .body {
	display: none; /* collapse when first shown */
}

.ticker {
	background-color: #FFFFFF;
	border: none;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.titulobp {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24pt;
	font-style: normal;
	font-weight: bold;
	padding: 4px;
	padding-bottom: 16px;
	padding-left: 100px;
	text-align: left;
	padding-top: 18px;
}

/*----------------------------------------------------------------------------------*/	
/* MODULE: TOPIC ------------------------------------------------------------------ */
/*----------------------------------------------------------------------------------*/	
.topic .main .body {
	clear: both;
}

.topicdivider {
	border-top: 1px solid #C0C0C0;
	font-size: 2pt; /* I need a very narrow divider */
	height: 0.1em;
}

/* single link, so far used in callout section */
.topichyperlink {
	font-size: 8pt;
}

/* single icons */
.topicicon {
	margin-right: 3px; /* distance between icons */
}

.topicimage {
	margin-right: 6px; /* distance to outline */
}

.topicline {
	font-size: 10pt; /* other topics on page */
	font-weight: bold;
}

.topiclinefirst {
	font-size: 11pt; /* first topic on page */
	font-weight: bold;
}

/* <div> around whole text notes */
.topictextnotes {
	font-size: 8pt;
	margin-left: 0.3em;
	margin-top: 0.5em;
}

.topictextnotes .lasttablenotesdiv {
	margin-bottom: 0em; /* no bottom margin for last paragraph in Notes */
}

.topictextnotes div {
	margin-bottom: 0.8em; /* distance between paragraphs */
}

.topictextnotes table {
	margin-bottom: 0.7em; /* some space below tables and before next paragraph starts */
}

.topictextnotes table div {
	margin-left: 0.3em; /* some left and right cell padding */
	margin-right: 0.3em;
}

/* width of second body column: liquid width for content */
#creditos col.main {
	width: 100%;
}

#creditos td.tablehead, th.tablehead {
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

#creditos td.tablerowl {
	color: #808080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-left: 2px;
	padding-right: 2px;
}

#creditos td.tablerowr {
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
}

/* width of second body column: liquid width for content */
#pagebody col.main {
	width: 100%;
}

#pagebody col.right {
	width: auto;
}

#pagebody h2 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	padding-left: 10px;
	text-align: left;
}

#pagebody h3 {
	color: #000066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
	padding-left: 10px;
	text-align: left;
}

#pagebody li {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}

#pagebody p {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}

#pagebody strong {
	color: #660000;
}

#pagebody td.tablehead {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

#pagebody td.tablerowl {
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
}

#pagebody td.tablerowr {
	color: #000080;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	text-align: right;
}

/* MODULE: FOOTER  ------------------------------------------------------------*/
#pagefooter {
	background-color: #841818;
	border-top: 2px solid #D4A808;
	color: #FFFFFF;
	font-size: 8pt;
	width: 100%;
}

/* link style in footer */
#pagefooter a:link {
	color: #FFFFFF;
}

#pagefooter a:visited {
	color: #FFFFFF;
}

#pagefooter a:hover {
	color: #BEDBF7;
}

#pagefooter a:active {
	color: #FF3300;
}

#pagefooter td {
	padding-left: 0px;
	padding-right: 0px;
}

/*********************************************************************************/
/*** Styles of specific modules **************************************************/
/*********************************************************************************/
/* MODULE:  HEADER --------------------------------------------*/
#pageheader {
	border-bottom: 3px solid #D4A808;
	height: 100%;
	width: 100%;
}

/* logo image on left side of header */	
/* header information */
#pageheader .right {
	color: #FFFFFF;
	margin-left: 8px;
	width: 100%; /* helps to left align text */
}

/* note: Order is important. If ambiguous, last has precedence. */ 
#pageheader .right .utilities  a:link {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageheader .right .utilities  a:visited {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageheader .right .utilities  a:hover {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#pageheader .right .utilities  a:active {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

/* link style in header */
/* note: Order is important. If ambiguous, last has precedence. */ 
#pageheader a:link {
	color: #FFFFFF;
}

#pageheader a:visited {
	color: #FFFFFF;
}

#pageheader a:hover {
	color: #FFFFFF;
}

#pageheader a:active {
	color: #FFFFFF;
}

#pageheader td {
	padding-left: 6px;
	padding-right: 6px;
}