/* ----------------------------------------------- MAIN STRUCTURAL ELEMENTS ------------------------------------------- */
#container {
width: 960px;
background-color:#005195;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
} 

body {
background-image:url(http://wriu.org/images/elements/bg/bg04.jpg);
background-repeat:repeat-x;
background-color:#0254b4;
}

/* --------------------------------------------------- TEXT FORMATTING ------------------------------------------------ */

/* Header for News and Events */
h1{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
/*color:#d9a901;*/
color : #cbba2c ;
text-transform:uppercase;
margin-left:16px;
margin-bottom:12px;
}

/* IE formatting fix */
.ie h1{
margin-bottom:6px;
}

/* this is the heading that says "news" or "events" */
a.headlink  {
	text-decoration : none ; 
	color : #cbba2c ;
}


/* Styling main news and events links */
a.headerlink{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
font-weight:bold;
/*color:#d9a901;*/
color : #cbba2c ;
margin-left:16px;
margin-bottom:-5px;
text-decoration:none;
}


a.headerlink:hover{
color:#fff;
}

/* IE formatting fix */
.ie a.headerlink{
margin-bottom:0px;
}

/* Flash area text formatting for people with scripts turned off */
#flashcontent p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
font-weight:bold;
padding-top:200px;
}

/* Link styling */
#flashcontent a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
font-weight:bold;
text-decoration:none;
}

#flashcontent a:hover{
/*color:#d9a901;*/
color : #cbba2c ;
}

/* Center area for branded copy right below main menu */
#centerblock p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
margin-left:16px;
margin-right:20px;
margin-bottom:6px;
}

/* Text formatting for the News and Events area */
#news p, #events p{
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
color:#fff;
margin-right:14px;
margin-left:16px;
margin-bottom:10px;
margin-top:10px;
}


/* Text and links next to pictures in the far right area */
#linkbox p{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
float:left;
padding-left:10px;
margin-top:0px;
margin-bottom:0px;
width:140px;
}

#linkbox a{
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
color: #fff ;
text-decoration:none;
/*padding-left:98px;*/
}

#linkbox a:hover{
/*color:#d9a901 ;*/
color : #cbba2c ; 
}

/* Formatting of text and links in the footer */
#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#000;
padding-right:10px;
}

#footer a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
text-decoration:none;
color:#022778;
}
/* Formatting fix to align top links with lower footer copy */
#footer a.lastlink{
padding-right:12px;
}

#footer a:hover{
color: #fff;
}

/* Lower body copy link styling */
#footer a.sub{
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
text-decoration:none;
color:#022778;
padding-right:0px;
}

#footer a.sub:hover{
color:#fff;
}


/* -------------------------------------------------- BEGIN FLASH ELEMENTS ---------------------------------------------------------- */

/* Image holder that sits under the main swf file.  This is where the rotating jpg goes. */
#flashbg {
position:relative;
width: 960px;
height: 480px;
}

/* SWF container floating over image background */
#flashcontent {
position:relative;
width: 960px;
height: 480px;
margin-top: -480px;
text-align:center;
}

/* IE6 flash container placement fix */
.ie6 #flashcontent {
margin-top:-484px;
}


/* -------------------------------------------------- BEGIN ALT FLASH ELEMENTS ---------------------------------------------------------- */

/* Image holder that sits under the main swf file.  This is where the rotating jpg goes. */
#flashbg2 {
position:relative;
width: 960px;
height: 425px;
}

/* SWF container floating over image background */
#flashcontent2 {
position:relative;
width: 960px;
height: 425px;
margin-top: -425px;
text-align:center;
}

/* IE6 flash container placement fix */
.ie6 #flashcontent2 {
margin-top:-429px;
}


/* ------------------------------------------- Begin main site construction --------------------------------------------- */

.dropmenudiv {
	border-left : 1px solid #666 ;
	border-right : 1px solid #666 ;
}

.dropmenudiv a {
	border-bottom : 1px solid #666 ;
	font-size : .85em ; 
	font-weight : normal ;
	color : #eee ;
}


/* Posistion the topbar outside the main container to keep background transparent */
#topbar {
width: 960px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
height:70px;
}

/* Formatting for hyperlinking the uri logo */
#topbar img {
 border: none;
}

/* Think Big We Do Graphic */
img.globe{
position:absolute;
padding-top:23px;
padding-left:490px;
z-index:50;
width:233px;
height:96px;
}

/* IE 6 posistioning and transparency fix */
.ie6 #globe{
position:absolute;
padding-top:18px;
padding-left:470px;
z-index:50;
}

.ie6 img.globe{
position:absolute;
padding-top:0px;
padding-left:0px;
width:233px;
height:96px;
behavior: url("http://wriu.org/css/iepngfix.htc");
}

/* Posistion the logo inside the top bar div */
#logo{
float:left;
padding-top:6px;
padding-left:20px;
}

/* URI Text Logo */
#topbar img.logo{
width:173px;
height:56px;
behavior: url("http://wriu.org/css/iepngfix.htc");
}

/* ------------------------------------------------------- BEGIN ELEMENTS BELOW THE FLASH FILE -------------------------------------------- */

/* Place to hold horizontal drop down menu */
#menucontainer{
height:22px;
background-color:#002147;
z-index:100;
margin-top:-13px;
}

/* IE Height discrepency in container */
.ie #menucontainer{
height:28px;
margin-top:0px;
}

/* Lower left navigation elements */
#leftnav{
position:relative;
float:left;
width:150px;
}

#leftnav ul{
margin-top:55px;
margin-left:0px;
list-style:none;
}

/* Fixes IE list placement issue */
.ie #leftnav ul{
margin-left:30px;
}

#leftnav li{
line-height:27px;
}

/* Formatting the links for the left navigation */
#leftnav a{
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#fff;
text-decoration:none;
}

#leftnav a:hover{
/*color:#d9a901*/
color : #cbba2c ;
}

/* Large center area for branded copy */
#centerblock{
position:relative;
float:left;
width:520px;
}

/* IE formatting fix */
.ie #centerblock{
margin-top:16px;
}


/* news and events section within the center block */
#news{
float:left;
width:258px;
margin-top:10px;
border-left:solid 1px #fff;
margin-bottom:12px;
}

#events{
float:left;
width:257px;
margin-top:10px;
border-left:solid 1px #fff;
border-right:solid 1px #fff;
margin-bottom:12px;
}

#events_block_1, #news_block_1 {
	padding-bottom : 30px ; 
	border : 0px solid ; 
}

.events_block p a, .news_block p a {
	color : #fff ;
}

.events_block p a:hover, .news_block p a:hover {
	color : #cbba2c ;
}

.date {
	font-weight : bold ; 
}

/* right search bar area */
#searchbar{
position:relative;
float:left;
width:280px;
}

/* Style the search box and search button */
input, select, textarea {
color : #666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
border: 1px solid #888;
}

input, textarea { 
padding:2px 2px;
width:175px; 
margin-left:30px;
margin-top:18px;
}

input.searchbutton { 
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000;
width:50px; 
margin-left:5px;
height:23px;
border: 1px solid #888;
}

/* right area holding small graphic and right justified text */
#linkbox{
width:280px;
padding-top:10px;
margin-bottom:12px;
}

/* Format the image placement */
#linkbox img {
float:left;
border : 1px solid #002147 ; 
padding : 2px ;
background-color : #fff ; 
}

/* Divs holding each block of links in the linkbox div */
.linkitem {
padding-left:20px;
padding-right:20px;
width:240px;
height:70px;
padding-bottom:10px;
overflow:hidden;
}

.linkitem p a {

}

/* ---------------------------------------------------------- BEGIN THE FOOTER ----------------------------------------------- */
#footer{
width:960px;
background-color:#6e9dc5;
text-align:right;
padding-top:10px;
padding-bottom:6px;
}

/* Added by KH */

.linkitem img {
	border : 0px solid ;
}