/*cross browser gradient */
body {
	background-color: #000; /* for non-css3 browsers */
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(#016)); /* for webkit browsers */
    background: -moz-linear-gradient(bottom,  #000,  #016); /* for firefox 3.6+ */
	color:#CCCCCE;
 	font-family:"Helvetica","Lucida Grande",Lucida,Verdana,sans-serif;
	font-size:14px;
	line-height:1.8em;
	font-weight:normal;
	margin:0;
}

a{
	color:white;
}

p a,li a{
	color:#CCEEFF;
}

img{border:none;}

.signtitle   { color:white;font-family:'Georgia';font-style:italic;font-size:24px;font-weight:normal;display:block;padding-bottom:8px;padding-top:8px;}
.decannumber {color:white;font-size:18px;font-weight:normal;padding-bottom:0px; display:block;padding-top:14px;}
.decandates  {color:#88A;padding-bottom:12px;display:block;}
.decantitle  {color:#FFA; font-weight:normal;font-size:18px;padding-bottom:0px;display:block;}

.transpover:hover {opacity:0.75; }
.transp50 {opacity:0.5; }

b { color:white;} 

p { margin-bottom:16px; text-align: left; text-justify: auto;};

a:hover 
{
	
	color:white;
	text-decoration:under;
}
 

#menubox a:hover
{
    text-decoration:none;
    color:#FF0;
    
}

.menu 
{
	text-align:center;
	float:left;
	margin-right:16px;
	
}
.menuOn
{
    color:#888;
}

.oneflag {
    float:left;
margin-right:16px;
border:2px solid transparent;
margin-bottom:16px;
}

.oneflag:hover {border:2px solid white;}

#menubox a
{
    text-decoration:none;
    font-weight:normal;
    
    
}


.menuimg { width:81px; margin-top:10px; opacity:1;  -webkit-transition: all 0.25s ease-in-out;}
.menuOn .menuimg  {opacity:0.5;}
.menuimg:hover { opacity:0.7; }

.linkday {
    float:left;clear:both;text-align:center;width:100%;
}

.linkdaylink {
    color:white;font-size:20px;font-weight:normal;
    text-decoration:none;
    opacity:0.7;
}

.linkdaylink:hover{opacity:1;color:#CEF;}
.linkdayOn {opacity:1.0;}

#menubox
{
    float:left;
    width:250px;
     line-height:2em;
    font-size:1.1em;
	margin-bottom:32px;
	min-height:150px;
}

#pagefooter {
  height:30px;
  
  margin-top:48px;
  padding-bottom:24px;
  font-size:11px;
  color:#CCC;
  
}



#pagecontent
{
    float:left;
    min-height:500px;
}




.picright
{
    float:right;
    margin-left:24px;
    margin-bottom:24px;
    
}


h1 { 
color:#CFF;
font-size:24px;
font-weight:normal;
margin-top:0;
margin-bottom:16px;
}
 
.sharegroup
{
    margin-top:8px;float:right;border:0px solid white;padding:8px;margin-left:8px;margin-bottom:16px;
}

.sharebox 
{ 
        float:left;text-align:center;margin-right:10px;font-size:10px;
}



/*
    Stars animation based on code from http://chriscoyier.net/
    DISABLED! Too slow on old machines
*/

/*
@-webkit-keyframes STAR-MOVE {
	from {
		left: 0;
		top: 0;
	}
	to { 
		left: -10000px;
		top: -2000px;
	}
}

@keyframes STAR-MOVE {
	from {
		left: 0;
		top: 0;
	}
	to { 
		left: -10000px;
		top: -2000px;
	}
}
*/

#background {
	background:  url(../img/stars/background.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
	

/*	animation-name: STAR-MOVE;
	animation-duration: 200s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 200s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
*/
}

#midground {
	background: url(../img/stars/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;
	
/*	animation-name: STAR-MOVE;
	animation-duration: 150s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 150s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
*/
}

#foreground {
	background: url(../img/stars/foreground.png) repeat 35% 35%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 300;
	
/*	animation-name: STAR-MOVE;
	animation-duration: 100s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	
	-webkit-animation-name: STAR-MOVE;
	-webkit-animation-duration: 100s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
*/

}
 
#page-wrap {
	width: 900px;
	margin: 0 auto;
	margin-top:16px;
	position: relative;
	z-index: 300;
	overflow: hidden;
}