@charset "utf-8";
/* CSS Document */

HTML {
	width: 800px;
	}

BODY {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #000000;
	behavior:url("csshover.htc");
	width: 800px;
	margin: 10;
	padding: 0.5em;

	}
	
H1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #990000;
	text-transform: capitalize;
	}

H2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #336699;
	text-transform: capitalize;
	}
	
H3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #006666;
	text-transform: capitalize;
	}

H4 {
	font-size: 1em;
	font-weight: bold;
	text-transform: capitalize;
	color: #006699;
	}
	
H5 {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: capitalize;
	}

A {
	color: #3366CC;
	text-decoration: none;
	}
	
A:HOVER {
	color: #666;
	text-decoration: underline;
	}
	
#header {
	text-align: left;
	/*margin: 0.5em 1em 0.1em 1em;*/
	width: 800px;
	background-image: url(../images/GRSF-Spanish_RGB.jpg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	height: 165px;
	font-size: 0.8em;
	margin: 0 auto;
	border: 1px solid #CCC;
	padding-left: 1em;
	padding-right: 1.6em;
	padding-top: 1em;
	padding-bottom: 0;
	border-bottom: 0;
	margin-top: -1em;
	}

#language (
text - align:  right;
#tr
table width: 75
cellpadding:  5
)

	
#nav ul {list-style: none; padding: 0.2em; margin: 0; white-space: nowrap; text-align: left; border-top: 1px solid #3366CC; border-bottom: 1px solid #3366CC; /*background-color: #99CCFF;*/}
#nav li {display: inline; padding: 0 0.8em 0 1em; border-left: 0.1em solid #6699cc; text-transform: uppercase}
#nav a {font-weight: bold; color:#3366CC; text-decoration: none}
#nav a:hover {text-decoration: underline; color: #666}
#nav li.home {border: 0; padding-left: 1em;}

#imgR {
	float: right;
	width: 215px;
	margin: 0 0 10px 10px;
}

#imgL {
	width: 215px; 
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
}

#imgC {
	width: 500px;
	margin: 0 auto 10px auto;
}

#cap {
	color: #666;
	font-size: 0.8em;
}

#content {
	width: 800px;
	margin: 0;
	border: 0;
	position: absolute;
	border: 1px solid #CCC;
	padding-left: 1em;
	padding-right: 1em;
	border-top: none;
	padding-bottom: 1em;
	padding-top: 1em;
	left: 12px;
	top: 237px;
	}

#leftContent {
	width: 530px;
	float:left;
	font-size: 0.88em;
}
	
#rightContent {
	float: right;
	width: 250px;
	}
	
#rightMainContent {
	background-color: #FFF;
	border: 1px solid #CCC;
	padding: 0.5em;
	font-family: verdana;
	font-size: 0.9em;
	}
#rightMainContent .title, .title a {	
	margin: 0; padding: 0; border: 0;
	font-size: 1em;
	font-weight: bold;
	color: #3366CC;
	text-transform: capitalize;
	}
	
#rightMainContent .text {
	margin: 0; padding: 0; border: 0;
	font-size: 0.9em;
	color: #666;
	}
	
#rightMainContent .text a {
	color: #36C;
	}

#rightMainContent ul li {
	list-style-type: square;
	list-style-position: inside;
	}
	

#topRightBox {
	height:200px;
	}	


#topLeft {
	width: 420px;
	float:left;
	font-weight: bold;
	font-size: 1em;
	color: #6699CC;
	border-bottom: 1px solid #CCCCCC;
	padding: 1em 0.5em 1em 0.5em;
	}

#topRightNewsContainer {
	float: right;
	width: 350px;
	background-color: #CCCCCC;
	bottom-margin: 1em;
}
#topRightNews {
	font-family:"Courier New", Courier, monospace;
	padding: 0 1em;
	margin-top: -2em;
	}	
	
.tl {
	background: url(images/news-gray-tl.jpg) no-repeat 0 0;
	position: relative; height: 10px;
	}
	
.tr {
	background: url(images/news-gray-tr.jpg) no-repeat 100% 0;
	position: relative;
	height: auto;
	}
	
.bl {
	background: url(images/news-gray-bl.jpg) no-repeat 0 100%;
	position: relative; height: 10px;
	}
	
.br {
	background: url(images/news-gray-br.jpg) no-repeat 100% 100%;
	position: relative;
	height: 10px;
	visibility: visible;
	}
	
.topRightNewsHeading {
	font-weight: bold;
	font-size: 1.2em;
	color: #990000;
	padding-bottom: 0; border-bottom: 0; margin-bottom: -1em;
	}
	
.topRightNewsText {
	font-size: 0.9em;
	padding: 0; border: 0; margin: 0;
	}

#rightBox {
	margin: 1em 0;
	padding: 0.5em;
	}

#clear {
	clear: both;
	}
	
#footer {
	font-size: 0.9em;
	padding: 0.2em -1em -1em 1em;
	font-weight:bold;
	text-transform: uppercase;
	color: #666666;
	border-top: 1px solid #666666;
	width: 800px;
	margin-top: 3em;
	}
	
	
/********************
   TOP NAVIGATION
********************/
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	position: relative;
	top: 0;
	/*left: 15;*/
	z-index:100;
	height: 1.4em;
	width: 804px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #CCC;
	padding-left: 1em;
	padding-right: 1em;
	border-top: none;
	border-bottom: none;
	font-size: 0.88em;
	color: #fff;
	font-weight: bold;
}

#menutext {
		font-weight:bold;
		font-size: 1.1em;
		color: #FFF;
}

#menutext:hover {
	background: #000;
	color: #FFF;
}

#menu dl {
	float: left;
	width: 114px; /* width of each top menu */
	margin: 0; padding: 0; border: 0;
	font-weight: bold;
}
#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background: #0066CC;
	color: #FFF;
	border: 1px solid #3333CC;
}


#menu dd {
	border: 1px solid gray;
	border-bottom: none;
	font-weight:bold;
}

#menu li {
	text-align: center;
	background: #fff;
	border-bottom: 1px solid gray;
}
#menu li a, #menu dt a {
	text-decoration: none;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	display: block;
	height: 100%;
	border: none;
	font-weight:bold;
}
#menu li a:hover, #menu dt a:hover {
	background: #999;
	color: #FFF;
	font-weight:bold;
}

#site {
	position: absolute;
	z-index: 1;
	top : 70px;
	left : 10px;
	color: #000;
	background-color: #ddd;
	padding: 5px;
	border: 1px solid gray; 
}

a {text-decoration: none;
	color: black;
	color: #222;
}

#menu dl {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu li {
	position: relative;
	}

#menu dl ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	}

#menu dl ul li {
	bottom-border: 1px solid gray;
	}
	
div#menu dl ul ul, div#menu dl ul li:hover ul {
	display: none; border: 1px solid gray; background-color: #FFF; border-bottom: none;
	}

div#menu dl ul li:hover ul, div#menu dl ul ul li:hover {
	display: block; width: 100%;
	}

div#menu dl ul ul li {
	border-bottom: 1px solid gray;
	}

/*** END TOP NAV ***/



/********************
     NEWS STORY
********************/
.newsStoryContainer {
	margin: 0; padding: 0.4em; border: 0;
	border-bottom: 1px solid #CCCCCC;
	padding-right: 1em;
	background-color: #FFF;
	width: 500px;
	}
		
.newsStoryHeading, .newsStoryHeading A {
	margin: 0; padding: 0; border: 0;
	text-transform: capitalize;
	color: #CC0000;
	font-size: 1.3em;
	font-weight: bold;
	}

.newsStoryHeading A:HOVER {
	color: #666;
	font-decoration: underline;
	}
	
.newsStoryText {
	margin: 0; padding: 0; border: 0;
	color: #666666;
	font-size: 1em;
	}
	
.newsStoryText A{
	color: #36C;
	font-size: 0.85em;
	text-decoration: none;
	font-weight: bold;
	}

.newsStoryText A:HOVER{
	color: #666;
	font-size: 0.85em;
	text-decoration: underline;
	font-weight: bold;
	}

/*** END NEWS STORY ***/


/********************
     MAIN CONTENT
********************/

.mainContent {
	margin: 0; padding: 0.5em; border: 0;
	color: #000000;
	background-color: #FFF;
}

.mainContent A{
	color: #36C;
	text-decoration: none;
	}

.mainContent A:HOVER{
	color: #666;
	text-decoration: underline;
	}
	
.mainContent ul li {
	list-style: disc;
	margin-left: 2.5em;
	}


/*** END MAIN CONTENT ***/


.tblHeader {
	background-color: #99CCFF;
	color: #000033;
	font-weight: bold;
}

.tblHeader a {
	color: #003366;
	text-decoration:none;
}

.tblHeader a:hover {
	color: #990000;
	text-decoration: underline;
}

/*
#smenu4 ul li ul {display:none; background-color: white; position: relative; margin-left: 100%; width: 100%; margin-top: -1.3em; padding: 0;}
#smenu4 ul li:hover ul {display:block; color: #000; background-color: #999999; }

  div.button3 {width:inherit; border: 1px #99999 solid; color: #000;}
 a.roll  {width:inherit;
 			display:block;
 			font: bold 10pt verdana, sans-serif;
 			text-align:center;
 			background-color: #fff;
			color: #000;
 			 /*NOTE: backgroud shorthand is equivilant of:
 			background-image: url("images_pres/roll_bg4.gif");
 			background-position: 0px 0px;
 			background-repeat: no-repeat;
 			background-color: #ff9933; */
 	/*		}
 			div.button3 a.roll:link {background-position: 0px 372px; color: black; text-decoration:none;}
 			div.button3 a.roll:visited {background-position: 0px -243px; color:black;}
 			div.button3 a.roll:hover {background-position: 0px -286px; color:black;}
 			div.button3 a.roll:active {background-position: 0px -329px; color:black;}

div.button4 {width:inherit; height:inherit; border: 1px #999999 solid;}
 a.roll  {width:inherit;
			display:block;
 			font: bold 10pt verdana, sans-serif;
 			text-align:center;
 			background-color: #fff;
			color: #000000;
 			 /*NOTE: backgroud shorthand is equivilant of:
 			background-image: url("images_pres/roll_bg4.gif");
 			background-position: 0px 0px;
 			background-repeat: no-repeat;
 			background-color: #ff9933; */
 	/*		}
 			div.button4 a.roll:link {background-position: 0px 372px; color: #999; text-decoration:none;}
 			div.button4 a.roll:visited {background-position: 0px -397px; color: black;}
 			div.button4 a.roll:hover {background-position: 0px -422px; color:black; position: relative;}
 			div.button4 a.roll:active {background-position: 0px -447px; color:black;}
			
	*/
#header {
	background-image: url(../images/GRSF-Spanish_RGB.jpg);
	background-repeat: no-repeat;
	background-position: 98% 50%;
	text-align: left;
	height: 165px;
	width: 800px;
	margin-top: auto;
	padding-top: 1em;
	padding-right: 1.6em;
	padding-bottom: 0em;
	padding-left: 1em;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
}