/* CSS Document */


body{
	background-image: url(../_images/graydot_10w.gif);
}


/*text code begins here*/
p{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:17px;}
p.eventdescription{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
p.eventdescription2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#265071; margin: 0px 0px -10px 0px;}
h2{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#038bdf; margin: 15px 0px -10px 0px;}
h3{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#344a5f; margin: 10px 0px -10px 0px;}
h4{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#344a5f; font-weight:normal;}

p.registrationtext{font:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:18px;}

p.dashes{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:6px; color:#CCCCCC; letter-spacing:2px; margin: 10px 0px -10px 0px;}
/*text code ends here*/


/*container holds the contents of the site in its entirety. CSS structure should mirror the top-bottom structure of the page*/
#container{width:900px; height:1500px; position: absolute; left:30px;}

/*riverarts masthead*/
#masthead{margin-bottom:5px;}

/*main navigation division begins here*/
#mainnav{width:820px; height:20px; z-index:5; margin-bottom:18px;}



/*mainnav formatting begins here*/
a.nav{display:block; padding:2px; text-decoration:none; width:124px; margin: 0px 2px 0px 0px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; letter-spacing:1px; font-variant:small-caps; font-weight: bold; text-align:center;}

a.nav:link, a.nav:visited{background:#265071; border:2px solid #265071;}

a.nav:focus, a.nav:hover{background:#818720; border:2px solid #818720; color:#FFFFFF;}

a.nav:active{background:#265071; border:2px #265071;}



/*main navigation dropdown formatting begins here*/
#mainnav ul{margin:0; padding: 0; list-style:none;}

#mainnav a{display: block; width:124px; color:#FFFFFF; text-decoration:none;}

#mainnav li{float: left; width:auto;}

#mainnav li ul{display: none;}

#mainnav li:hover ul, #mainnav li.sfhover ul{display:block; width:115px; position:absolute; background:#265071; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:5px;}

/*secondary navigation division begins here*/
#secnav{width:820px; height:30px; z-index:4; margin-bottom:25px;}

/*secondary navigation formating begins here*/
a.nav2{display:inline; padding:2px; text-decoration:none; width:124px; margin: 0px 2px 0px 0px; color:#265071; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; letter-spacing:1px; font-weight:bold; text-align:center;}

a.nav2:link, a.nav2:visited{color:#265071;}

a.nav2:focus, a.nav2:hover{color:#038bdf;} 

a.nav2:active{color:#038bdf;}


/*secondary navigation dropdown formatting begins here*/
#secnav ul{margin:0; padding:0; list-style:none;}

#secnav a{display:inline; width:124px; text-decoration:none;}

#secnav li{float:left; width:auto;}

#secnav li ul{display:none;}

#secnav li:hover ul, #secnav li.sfhover ul{display:block; width: 200px; position:absolute; background:#FFFFFF; border-left: 2px solid #999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding:5px; color:#038bdf;}

/*the sidebar on the left-hand side is an image*/
#sidebar{z-index:1; width:260px; float:left; margin-right:30px;}


/*ongoing text describes recent changes*/
#ongoingtext{position: absolute; top:620px; width:255px; height:260px;}


/*dancer is actually an image set behind the ongoing text*/
#dancer{position:absolute; left:100px; top:650px;}

/*the calender header is an image*/
#calenderheader{position:absolute; left:310px; top:190px; z-index:1;}


/*current events is a block of text describing new RA events*/
#currentevents{position: absolute; left:480px; top:225px; width:350px; height:400px;}





/*this is a block of images that correspond to the recent events text block*/
#recenteventsimages{position:absolute; left:310px; top:880px; width:160px; height:1200px;}

/*sponsors*/
#sponsorsbottom{position:absolute; left:310px; top:2250px;}

#eventpic1{
	position: relative;
	left:-180px;
	width: 145px;
	z-index:1;
}

p.eventdescription2a{position: absolute; left:-180px; top: 125px; width:145px; margin: -15px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
p.eventdescription2b{position: relative; left:-180px; top: 125px; width:145px; margin: -15px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
p.eventdescription2c{position: relative; left:-180px; top: 125px; width:145px; margin: -15px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
p.eventdescription2d{position: absolute; left:-180px; top: 208px; width:145px; margin: -15px 0px 0px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}



#eventpic2info{
	position: relative;
	top:500px;
	left:300px;
	width: 145px;
}


#eventpic3info{
	position: absolute;
	top:730px;
	left:310px;
	width: 145px;
}



/*end container*/

#moreinfo{position:absolute; left:310px; top:880px; width:525px;}

#register{position:absolute; left:700px; top:185px; z-index:6;}

.calendartextimage{padding-bottom:30px; padding-right:10px; z-index:1; float:left;}
#newevents{width:530px; height:1050px; z-index:1; float:left;}
.eventimages{position: absolute; left:-180px; margin: 0px 0px 0px 0px;}
.neweventstext{width:350px;	height:950px; position:relative; left:180px; margin:0px; z-index:1;}


/*recent header is for past RA events, normally capped at 4 or 5*/
#recentheader{position:absolute; left:310px; top:1560px; width:300px;}

/*pastevents are a block of text describing past RA events*/
#pastevents{position:absolute; left:310px; top:1600px; width:545px; height:520px;}
.pasteventstext{width:360px; height:550px; position:relative; left:180px; margin:0px;}
.pastimages{position:absolute; left:-180px; margin: 0px 0px 0px 0px;}




/*original green link
a.greenlink{text-decoration:none; color:#818720; font-weight:bold;}
*/
a.greenlink{text-decoration:underline; color:#3469b0; font-weight:bold;}
a:hover{color:#28baca; text-decoration:none;}





/*now defunct code for individual past event images
#recenteventimage1{position:absolute; left:310px; top:1005px;} 
#recenteventimage2{position:absolute; left:310px; top:1200px;}
#recenteventimage3{position:absolute; left:310px; top:1320px;}
#recenteventimage4{position:absolute; left:310px; top:1465px;}
#recenteventimage5{position:absolute; left:310px; top:1620px;}
top:280px; left:310px;
 top:280px; left:470px;
*/