/*
Original design: Variant Trio (v1.1 - Sep 15, 2012) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-trio/
*/

/* Main containers */
body {padding:0; margin:0; font:92% Georgia,Times New Roman,serif; background:#f0f0f0 url(R136Hubble.jpg) top center repeat; color:#222; text-align:center; line-height:1.5em;}
#wrap {width:980px; text-align:right; margin:0 auto;}

/* Header */
h1 {margin:15px auto 10px auto; padding:0; font-size:1.6em; font:Times New Roman; font-weight:400;color:#0000ff; letter-spacing:-0px; line-height:1.2em;}
h1 a {color:#409; font-weight:400; text-decoration:none; }
h1 a:hover {color:#222; text-decoration:none;}
.slogan {color:#409; font-size:1.4em; margin:15px auto 10px auto; padding:0;text-align:right;}
#oldheaderimage {clear:both; width:980px; height:200px; margin:0 0 15px 0; overflow:hidden; border:1px solid #000;}


#headerimage{width:980px; height:200px; margin:0 0 15px 0; border:1px solid #000;
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}


#headerimage:before, #shadoweffect:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
#headerimage:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
} 

/* HTML Tags */
a {text-decoration:none; font-weight:400; color:#0000ff;}
a:hover {text-decoration:underline;}
a img {border:0;}
h2 {margin:0 0 12px 0; padding:0 0 8px; color:#0000ff; font-size:1.8em; font-weight:400; border-bottom:1px solid #ddd;}
h2 a {font-weight:400;}
h3 {font-size:1.6em; font-weight:400; margin:0 0 10px 0; padding:2px 0; color:#0000ff; font-size:1.2em; font-weight:400; border-bottom:1px solid #ddd;}
p {margin:0 0 15px 0;}
ul {margin:0 0 15px 20px; padding:0;}
li {margin:0; padding:0 0 0 5px;}

/* Top menu */
#topmenu {text-align:left;margin-top:20px;}
#topmenu p {font-size:1.3em; line-height:1.9em; color:#409; margin:0 0 15px 0;}
#topmenu a {padding:6px 8px 5px 8px; font-weight:400; margin:0 0 0 2px; color:#409; 
-moz-border-radius: 5px;
 border-radius: 5px;
}
#topmenu a:hover {background-color:#fff; color:#222; text-decoration:none;}
#topmenu a.active {background-color:#000080; color:#fff; border:0px solid #FF0000;}
#topmenu a.active:hover {background-color:#000000; color:#fff;}

/* Sidebar */
#sidebar {width:200px; float:right; margin:0; padding:0; color:#409;}
#sidebar h2 {font-size:1.6em; padding-bottom:3px; border-bottom:2px solid #ddd; margin-bottom:5px;}
#sidebar ul {list-style:none; margin:0 0 15px 0;}
#sidebar li {padding:0px; margin:0px;}
#sidebar ul.sidemenu {width:200px; padding:0; margin:0 0 20px 0; border:0px solid #bbb;}
#sidebar ul.sidemenu li a {color:#409; display:block; padding:5px; margin:0; font-size:1.3em; border-bottom: 1px solid #bbb;
-moz-border-radius: 5px;
 border-radius: 5px;
}
#sidebar ul.sidemenu li a:hover {background-color:#fff; color:#222; text-decoration:none;}
#sidebar ul.sidemenu li a.active {background-color:#000080; color:#fff; border:0px solid #FF0000;}
#sidebar ul.sidemenu li a.active:hover {background-color:#000000; color:#fff;}
#sidebar ul.sidemenu ul {width:180px; padding:0; margin:0 0 0 20px;}
#sidebar ul.sidemenu ul li a {padding:2px 0; margin:0; font-size:1em;}

/* Content area */
#content {background:#fff; text-align:left; padding:0; margin:0 215px 15px 0; border:1px solid #ccc; width:760px;
-webkit-box-shadow: 0 10px 10px -0px #777;
	   -moz-box-shadow: 0 10px 10px -0px #777;
	        box-shadow: 0 10px 10px -0px #777;
}
#content img {margin:5px 0;
-webkit-box-shadow: 5px 5px 5px -0px #777;
	   -moz-box-shadow: 5px 5px 5px -0px #777;
	        box-shadow: 5px 5px 5px -0px #777;
}
.full, .left, .right {overflow:hidden;}
.full {clear:left; margin:15px 15px 0 15px; width:730px;}
.left {float:left; margin:15px 0 5px 15px; width:355px;}
.right {float:right; margin:15px 15px 5px 0; width:355px;}

/* Footer */
#footer{font-size:0.8em; clear:both; width:980px; line-height:1.4em; color:#999; font-weight:400; margin-bottom:10px;}
#footer a {color:#999; font-weight:400; text-decoration:none; border-bottom: 0px dotted #888;}

/* Various classes */
.centered {text-align:center;}
.hide {display:none;}
.clear {clear:both; width:980px; visibility:hidden;}