/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

* { padding: 0; margin: 0; }

body
{
font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;

background-image:url('imgs/BG.jpg');
background-repeat:no-repeat;
background-position:top center;
background-attachment:fixed;
}

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}


a{color:#C11B17; font-weight: bold; text-decoration: none;}    /* unvisited link */
a:visited {color:#FF0000; border: 0;} /* visited link */
a:hover {color:#ff0000; text-decoration: underline;}   /* mouse over link */
a:active {color:#FF0000;}  /* selected link */

a.footer{
	font-size: 12px;
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}
a.footer:hover{
	font-size: 12px;
	color: #000000;
	
	text-decoration: underline;
	font-weight: bold;
	}


img.PU
{
background:url(imgs/PUlogoHome.png)  0px 0 ;
position:relative;
left:0px;
}

img.Events
{
background:url(imgs/upcomingEvents.png)  0px  0px ;
position:relative;
left:-25px;
}

img.Sponsors
{
background:url(imgs/sponsorsTitle.png)  0px 0 ;
position:relative;
left:0px;
}


img.Sponsors1
{
background:url(imgs/sponsorH_01.png)  0px 0 ;
position:relative;
left:10px;
}

img.Sponsors2
{
background:url(imgs/sponsorH_01.png)  0px 0 ;
position:relative;
left:20px;
}

img.Sponsors3
{
background:url(imgs/sponsorH_03.png)  0px 0 ;
position:relative;
left:10px;
top:10px;
}


img.facebook
{
background:url(imgs/btn_facebook.gif)  0px 0 ;
position:relative;
left:0px;
}

#wrapper { 
 margin: 0 auto;
 width: 865px;

}
#header {
 color: #333;
 width: 868px;
 padding: 0px;
 height: 158px; 

}

#headerBox1
{
width:230px;
padding:0px;
margin:0px;
height: 158px;
}

#headerBox2
{
width:400px;
padding:0px;
margin: -88px;
height: 158px;
}
#headerBox3
{
width:238px;
padding:0px;
margin: 0px;
margin: 0px;
height: 158px;
}

img.H1
{
background:url(imgs/headerLogo.png)  0px 0 ;
position:relative;
left:0px;
}
img.H2
{
background:url(imgs/headerPU.png)  0px 0 ;
position:relative;
left:320px;
top:-70px;
}
.H3
{
position:relative;
left:300px;
top:-70px;
}
img.H4
{
background:url(imgs/headerPhoto.png)  0px 0 ;
position:relative;
left:630px;
top:-138px;
}


#headerflash {
 color: #333;
 width: 825px;
  padding:0 0 0 30px;
  margin: 0 0 0 5px;
  height: 125px; 
  background:url(images/trans2.png) 0 0 repeat;  
  z-index:-1;
  }
  
 #headerflashB {
 color: #333;
 width: 825px;
  padding:0 0 0 30px;
  margin: 0 0 0 5px;
  height: 301px; 
  background:url(images/trans2.png) 0 0 repeat;  
  z-index:-1000;
  }



#navigation {
 width:868px; 
 height:49px;
 
}
.prodrop5 {
 padding:0 0 0 0px;
 margin:0;
 list-style:none;
 height:30px;
 position:relative;
 z-index:500;
 font-family:arial, verdana, sans-serif;
 border-bottom-style: none;
}
.prodrop5 li.top {
 display:block; 
 float:left;
}
.prodrop5 li a.pos1 {
 background:url(images/about.png); 
 width:139px; 
 height:49px; 
 display:block; 
 text-indent:-99999px;
} 
.prodrop5 li a.pos2 {
 background:url(images/info.png); 
 width:74px; 
 height:49px; 
 display:block;text-indent:-99999px;
} 
.prodrop5 li a.pos3 {
 background:url(images/reg.png); 
 width:147px; 
 height:49px; 
 display:block;
 text-indent:-99999px;
} 
.prodrop5 li a.pos4 {
 background:url(images/sponsor.png);
 width:125px; 
 height:49px; 
 display:block;
 text-indent:-99999px;
} 
.prodrop5 li a.pos5 {
 background:url(images/volunteer.png);
 width:123px; 
 height:49px; 
 display:block;
 text-indent:-99999px;
}
.prodrop5 li a.pos6 {
 background:url(images/charity.png);
 width:109px; 
 height:49px; 
 display:block;
 text-indent:-99999px;
} 
.prodrop5 li a.pos7 {
 background:url(images/contact.png);
 width:151px; 
 height:49px; 
 display:block;
 text-indent:-99999px;
 } 
.prodrop5 li.p1 {background:url(images/about_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p2 {background:url(images/info_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p3 {background:url(images/reg_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p4 {background:url(images/sponsor_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p5 {background:url(images/volunteer_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p6 {background:url(images/charity_alt.png); background-repeat:no-repeat;} 
.prodrop5 li.p7 {background:url(images/contact_alt.png); background-repeat:no-repeat;} 
.prodrop5 table {
 border-collapse:collapse; 
 width:0; 
 height:0; 
 position:absolute; 
 top:0; 
 left:0;
}
/* Default link styling */
/* Style the list OR link hover. Depends on which browser is used */
.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}
.prodrop5 li a.top_link:hover {background: none;}
.prodrop5 li:hover > a.top_link {background: none;} 
/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {
 position:absolute; 
 left:-9999px; 
 top:-9999px; 
 width:0; 
 height:0; 
 margin:0; 
 padding:0; 
 list-style:none;
}
.prodrop5 :hover ul {
 display: block;
 left:0; 
 top:45px; /* height of Nav*/
 padding:3px; 
 white-space:nowrap; 
 height:auto; 
 width:165px; 
 z-index:300;
}
.prodrop5 :hover ul li {display:block; 
 height:20px;  /* height of NavDropdown*/
 position:relative; 
 font-weight:normal; 
 width:auto;
}
.prodrop5 :hover ul li a {
 font-size: 12px;
 color: #527094;
 background: white;
 border: 1px solid #CBCBCB;
 text-decoration: none;
 padding: 2px 10px 2px 10px;
 display:block; 
 height:20px; 
 line-height:20px; 
 width:auto; 
 color:#000; 
}
.prodrop5 :hover ul li a:hover {
 font-size: 12px;
 color: white;
 background: #3a65ab;
 border: 1px #FFFFFF;
 text-decoration: none;
 padding: 2px 10px 1px 10px;
 width:auto; 
}
#nav_holder { 
 width: 865px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 350px;
}

#wrapper-content { 
 margin: 0 auto;
 width: 855px;
 height: *px;
 background:url(../images/trans2.png) 0 0 repeat;
 }
 
#leftcolumn { 
 color: #FFFFFF;
 padding: 1px;
 height: 500px;
 width: 195px;
 background:url(images/trans2.png) 0 0 repeat;
 margin: 0 0 0 20px;

 float: left;
}
#content { 
 float: left;
 color: #000000;
 padding: 1px;
 height: 850px;
 width: 501px;
 background:url(images/trans2.png) 0 0 repeat;
 margin: 0 0 0 5px;

 display: inline;
}
#rightcolumn { 
 color: #000000;
 padding: 1px;
 height: 850px;
 width: 350px;
 background:url(images/trans2.png) 0 0 repeat;
float: left;
}
#footer { 
 width: 845px;
 clear: both;
 color: #000;
 border: 0px solid #FFFFFF;
 background: #FFFFFF;
 padding: 5px;
  margin: 0 0 0 5px;
}

#box1
{
width:470px;
padding:0px;
margin:30px;
}

#box2
{
width:430px;
padding:10px;
margin:5px;

/*border:1px solid red;
outline-style:solid;
outline-color:#ffffff;

*/

}


#box3
{
width:240px;
padding:30px;
margin:5px;

}

#box4
{
width:825px;
padding:0px;


}
th{

	background: #333;

	color: #fff;

	padding: 3px;

}

.even{

	background: #ccc;

}

.odd{

	background: #ddd;

}