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

* {
	margin: 0;
	padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;	
	background-color: #B06114;	
	color:#000000;
	z-index:499;
	
	
}


#footer {
	font-family:Arial, Helvetica, sans-serif;
	position:relative;		
	color: ffffff;
	background-color: #3a5c5d;
	height: 150px;
	width: 100%;
	margin: 0 auto;
	margin-top: -85px;
	z-index: 1200;
	text-align:center;		
	border-top: #000000 medium solid; 


}

#mainbox {

		position: relative;
		color: #AAAAAA;
		background-color:#bae2d7;
		top:5px;
		height: 482px;
		width: 700px;
		margin: 0 auto;
		z-index: 1;
		padding-bottom: 75px;
		-moz-border-radius: 15px;
  		-webkit-border-radius: 15px;
  		border-radius: 15px;
	  	behavior:url(border-radius.htc);
		
}	

#txt {
	position:relative;
	color:#111111;
	top: -150px;
	width:80%;
	height: 70%;
	text-align:justify;
	font-size:1em;
	margin:0 auto;
	overflow:auto;
	padding-right:20px;
	z-index:8000;

}



#grc {
	position:relative;
	background-image:url(images/grc_logo.png);
	background-repeat:no-repeat;
	width:81px;
	height:34px;
	margin:0 auto;

	

	}




#mainpic {

		position: relative;
		background-image: url(images/wsos_ink_small.png);
		background-repeat:no-repeat;
		left: -20px;
		top: -20px;
		width: 300;
		height: 277px;
		z-index:1200;
		
}

#mainpic2 {

		position: relative;
		background-image: url(images/wsos_ink_empty1.png);
		background-repeat:no-repeat;
		left: -20%;
		width: 300;
		height: 277px;
		z-index:-1;
		
}

#title {
	position:relative;
	text-align:center;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2em;
	font-weight:bold;
	left: -150px;
	top:70px;
}




#logo {
	background-image: url(images/wsos3.png);
	background-repeat:no-repeat;
	position:relative;
	width: 550px;
	height: 208px;
	margin: 0 auto;
	z-index: 1202;
}
	
a 					{text-decoration: none; 	}
a:link 				{color: #000000;}     /* unvisited link */
a:visited 			{color: #000000; }  /* visited link */
a:hover 			{color: #122C2E; text-decoration: underline overline;}   /* mouse over link */
a:active 			{color: #ccffff;}   /* selected link */

.transbox1
  {
  width:80%;
  height:auto;
  background-color: #BBBBBB;
  font-weight:bold;
  color:#000000;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  behavior:url(border-radius.htc);

}


/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	z-index: 1000;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 2px 6px;
}



ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	z-index: 1001;

}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	color: #000;
}

.nav_in ul li a{
	background-color: #B06114;
	color: #000;
	
}


ul.nav li:hover,
.nav ul li a:hover{
	color: #006699;
}

ul.nav_in li:hover,
.nav_in ul li a:hover{
	background-color:#bae2d7;
	color: #111;
	
}


ul.nav li:active,
.nav ul li a:active{
	color: #204B4A;
}

ul.nav,
.nav ul{
}

.nav a{
	text-decoration: none;
}

#navbar {
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	top: -5px;
	width: 640px;
	height: 20px;
	margin: 0 auto;

}

li a 					{text-decoration: none;font-weight: bolder; }
li a:link 				{color: #000;}     
li a:visited 			{color: #000; }  
li a:hover 				{color: #FBEAC3; }  
li a:active 			{color: #ccffff;}  



#fieldset {
position: relative;
background-color: #b06114;
margin-left: 20px;
text-align:left;


}


#front_img {
	position:relative;
	background-image:url(images/front_img.png);
	width: 535px;
	height: 309px;
	margin-left: 250px;
	margin-top: -270px;

}


/* NAVBAR 

ul {
	list-style:none; 
	
}

li {float:left; padding-left: 5px; }

li a 					{text-decoration: none; 	font-weight: bolder; padding-left:5px; padding-right:5px; }
li a:link 				{color: #000000;}     
li a:visited 			{color: #000000; }  
li a:hover 			{color: #F3C193; background-color:#; padding-left:5px; padding-right:5px;}  
li a:active 			{color: #ccffff;}  




/* END NAVBAR */