/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

body 
{
    /*margin: 0 auto;
	padding: 0;
	/*background-color:#000057;*/
	/*background-color:#17365D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#819CDB;*/
	
	margin: 0 auto;
	padding: 0;
	/*background-color:#000057;*/
	background-color:#17365D;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
	color:#819CDB;
	
}
p {
	margin:10px 0;
	text-align: left;
	font-size: small;
}

p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

	
h1, h2, h3, h4, h5, h6 {
	font-size:1.8em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
}

h1 {
	margin-bottom:0;
}

h1, h2 {
	margin-top:0px;
}

h2 {
	font-size:1.3em;
    color: #FFFFFF;
    width: 305px;
}

h3 {
	font-size:1.1em;
}

h3.small {
	font-size:1.2em;
}

h4 {
	font-size:1.1em;
}

h5 {
	font-size:1.1em;
}

h6 {
	font-size:1em;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TOP INFORMATION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#top-information {
	height:4.5em;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3px;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:1000px;
	height:118px;
	top: 0px;
	left: 0px;
	
}


#logo-box {
	position:absolute;
	top:0em;
	left:200px;
	padding:.1em 0 .2em 0;
	font-variant:small-caps;
	}
	
#logo-text {
	position:absolute;
	top:2.4em;
	left:364px;
	width:414px;
	height:73px;
	padding:.1em 0 .2em 0;

	}
	
#logo-text h1
{
	color: #FFB71C;
	font-size: 36px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.1em;
	vertical-align:bottom
}

#logo-text p
{
	color: #FFB71C;
	font-size: 10px;
	text-transform: uppercase;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.1em;
	vertical-align:bottom
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	MAIN NAV 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#nav-main {
	
	margin-left:auto;
	margin-right:auto;
	width:800px;

	/*padding:1.0em 0 1em 40px;*/
	padding:0em 0em 0em 0px;
	position:relative;
	font-size:1.5em;
	font-weight:bold;
}

#nav-main div {
	
	width:25%;
	_width:25.5%;
	position:absolute;
	top:0;
	right:0;
	padding:.8em 0 1em 0;
}

#nav-main ul {
	margin:0;
	padding:0 20% 0 0;
	}
	
#nav-main li {
	display:inline;
	list-style:none;
	padding:0 1em 0 0;
	background:none;
	}

#nav-main a:link,
#nav-main a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#nav-main a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main a:active {
	color:#FFFFFF;
}

#nav-main li.current a:link,
#nav-main li.current a:visited {
	text-decoration:underline;
}

#nav-main li.current a:hover {
	color:#D4E7F8;
	text-decoration:underline;
}

#nav-main li.current a:active {
	color:#FFFFFF;
}

/* ACTIVE PAGES */
#nav-main a.StaticSelectedStyle:link,
#nav-main a.StaticSelectedStyle:visited {
	color:#D4E7F8;
	text-decoration:underline;
}

#content-container-home-page {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:730px;
	height:420px;
	border:1px solid #818181;
	background-image:url(../../images/ROA_lue1.png);
	  border:1px solid black;
  /* for IE */
  filter:alpha(opacity=40);
  /* CSS3 standard */
  opacity:0.4;
	position:relative;
	}
	
#bg-container 
	{
	position:absolute;
	top:300px;
	/*left:0px;*/
	left:auto;
	z-index:99;		
	width:800px;
	height:800px;	
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	background-image:url(../../images/ROA_blue1.png);
	background-position:center;
	background-repeat: no-repeat;
	/* for IE */
	filter:alpha(opacity=20);
	/* CSS3 standard */
	opacity:0.2;
	z-index:0;
	}

#content
{
	position:relative; /*absolute*/
	left:0px;
	top:0px;
	/*top:300px;
	left:100px;*/
	z-index:100;		
	width:1000px;
	height:auto;	
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
  z-index:1;

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HOME PAGE - THREE COLUMN SECTION

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#three-column-container {

	padding:0;
	margin:20px 0 10px 0;
	}

#three-column-side1 {
	float:left;
	width:25%;
	}

#three-column-side2 {
	float:right;
	width:25%;
	}

#three-column-middle {
	width:40%;
	margin:0px 32% 0px 30%;
	}
	
#three-column-container_txt {

padding:0;
margin:15px 0 30px  0;
}
#three-column-side1_txt {
float:left;
width:25%;
}

#three-column-side2_txt  {
	float:right;
	width:25%;
	}

#three-column-middle_txt  {
	width:40%;
	margin:0px 32% 0px 30%;
	}

	
	/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CONTENT CONTAINER - THREE COLUMN

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#content-container-three-column {
	margin-top:3px;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	width:1000px;
	position:relative;
	}

#content-main-three-column {
	width:600px;
	float:left;
	margin-left:25px;
	border: solid 1px #ffffff;
	padding: 5px 10px 5px 10px;
	}

#content-side2-three-column
{
		width:200px;
	font-size:.9em;
}
#content-side1-three-column {
	width:150px;
	font-size:.9em;
	}
	
#content-side2-three-column {
	float:right;
	text-align: left;
}

#content-side1-three-column {
	float:left;
	}
	
/*links*/
a {
	color: #FFFFFF;
	}

a:hover {
	color: #FFFFFF;
}