/* ############# Resets  ###############*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

/* ############# Globals  ###############*/

body {background-color: #b1b1b1; font-family:  arial, sans-serif;}

h1 { font-size: 150%; display: block; margin: 10px 10px 10px 20px; color: #316a99;     }
h2 { font-size: 130%; display: block; margin: 10px 10px 10px 20px; color: #316a99;     }
h3 { font-size: 110%; display: block; margin: 10px 10px 10px 20px; color: #316a99;     }

p {padding: 5px 20px 20px 20px; }

a { color: #316a99; }

.clearboth {clear: both;}
.textleft {text-align: left; }
.textright {text-align: right; }
.textcenter {text-align: center; }
.hide {display:none;}
.twitter, .facebook {display:none;}


/* ############# Layout  ###############*/

div#pagewrap {width: 898px; margin: 10px auto 20px auto;  border: 1px solid #000000;

     box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 7px 3px 20px rgba(0, 0, 0, 0.80);
    background-color: #ffffff;
    


    }
    
div#content, div#popcontent {position: relative;} 


.begin {position: absolute; top:500px; left:100px; }
.begin ul {list-style: none; }
.begin ul li {list-style: none; }
				
          /* ############# NAV  ###############*/
          
          
div#nav {background-color: #555555; padding: 2px 2px 2px 20px; height: 45px; position: relative;}
div#nav.index {background-color: #555555; padding: 2px 2px 2px 20px; height: 45px; margin-top: -5px;}

div#nav ul {list-style: none; padding-top: 10px;}


div#nav ul li   {display: inline; padding-right: 10px;}

div#nav ul li a.nav  { font-size: 20px;
				                   color: #c9dcf3;  text-decoration: none; border-bottom: none;  
			                      padding: 7px;
							 }
							 
div#nav ul li a.current  { font-size: 20px;
				                   color: #888888;  text-decoration: none; border-bottom: none;  
			                      padding: 7px;
							 }							 
							 
div#nav ul li a.nav:hover  { font-size: 20px;
				                   color: #555555;  text-decoration: none; border-bottom: none;  
			                          padding: 7px; background-color: #c9dcf3; } 
				
div#nav span.credits a{ position: absolute; top: 5px; right: 15px; 
									font-size: 75%; color: #c9dcf3;  text-decoration: none; border-bottom: none;  
			                      padding: 7px;}
			                      
			                      
div#nav span.credits a:hover{ position: absolute; top: 5px; right: 15px; 
									font-size: 75%; color: #555555;  text-decoration: none; border-bottom: none;  
			                          padding: 7px; background-color: #c9dcf3;}			                      
			                      
			                      

/* ############# Pages  ###############*/

.indexpage {background-image: url(images/indexpagebackground.jpg); background-repeat: no-repeat; height: 673px;}
.intropage   {background-image: url(images/intropagebackground.jpg); background-repeat: no-repeat; height: 694px; }
.slidespage   {background-image: url(images/slidespagebackground.jpg); background-repeat: no-repeat; height: 674px; }
.creditspage   { padding:20px; color: #444;}

.creditspage  p { padding:20px;}
table {border:none;}
.td1 {padding: 10px; }
.td2 {padding: 2px; text-align:center;}

div.introtextbox { position: absolute; right: 30px; top: 175px; 
					     width: 490px;  background-image: url(images/50pcwhite.png);
						border: 1px solid #555555;
						padding: 20px;
						-webkit-border-radius: 15px;
                        -moz-border-radius: 15px;
                         border-radius: 15px;	
						color: #333333;	
							}							
							


/* ############# footer ###############*/

div#homefooter {width: 898px; margin: 30px auto 20px auto; 
				font-size: 80%; color: #666666;
				text-align: center;
				
				}

							
/* ############# Don't put big ugly blue borders on every picture that's a link.  ###############*/
/* ############# I'm talking to YOU, Internet Explorer ###############*/

a>img {border: none; }

.nodecor a:link {  text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

.nodecor a:visited { text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

.nodecor a:hover { text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }	       

.nodecor a:active {  text-decoration:none !important; 
	 border-style: none !important; border: 0px !important; }

/* ..but what if its an im... NO, NO, NO! */
.nodecor img {  border-style: none !important; border: 0px !important; }