/*
Original design: Variant Portal (v1.0 - Jun 26, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/variant-portal/
*/

*{margin:0;padding:0;}
body{background:#fff ;color:#444;font:76% tahoma, verdana, sans-serif; }

a{color:#286ea0;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:0;}
h1{font-size:2.2em;letter-spacing:-1px;margin:0 0 5px; padding:0; }
h2{font-size:1.6em;margin:0 0 12px; padding:0; border-bottom: 1px solid #ccc;}
h3{font-size:1.3em;margin:0 0 10px; padding:0;}
p, ul{line-height:1.5em;margin:0 0 18px;text-align:justify;}
ul,ol {list-style:square; margin:0 0 15px 20px;}
hr {clear:both; visibility:hidden;}
table {}

#container{background:#fff;margin:0px auto 0 auto; padding: 10px 10px 10px 10px; width:950px; -moz-box-shadow: 0px 0px 0px #000000;
-webkit-box-shadow: 0px 0px 0px #000000;
box-shadow: 0px 0px 0px #000000;}
#toplinks {width:400px; float:right;margin:0 15px 0 0;}
#toplinks p {text-align:right;}
#logo{width: 950px; margin: 0 auto; padding:10px 0 0 5px;}
#logo h1 a{font-size:1.5em; color:#777;padding:0; color:#444444}
#logo h1 a:hover{text-decoration:none;}
#logo p{color:#555;font-size:1.4em;}


#tuclogo{background:url(images/tuclogo2.png) no-repeat top left #777; background-size:60px 80px; height:80px; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px;-moz-border-radius: 6px; border-radius:6px;  -moz-box-shadow:0px 0px 0px #000000;
-webkit-box-shadow:0px 0px 0px #000000;
box-shadow:0px 0px 0px #000000;}
#tuclogo h1 a{font-size:1.5em; color:#777;padding:0; color:#444444}
#tuclogo h1 a:hover{text-decoration:none;}
#tuclogo p{color:#555;font-size:1.4em;}


#desc{background:#555;clear:both;color:#eee;margin:0 0 15px;padding:15px 15px 2px 15px;-moz-border-radius: 6px; border-radius:6px;  -moz-box-shadow:4px 4px 10px #000000;
-webkit-box-shadow:4px 4px 10px #000000;
box-shadow:4px 4px 10px #000000;}
#desc a{color:#eee; text-decoration:none; }
#desc h2{text-decoration:none; border-bottom: 0px solid #ccc; }
#desc a:hover{text-decoration:none; color: #286ea0}

#main{float:right; padding:0; margin:0 5px 10px 0px; width:670px;}

#sidebar{float:left; width:250px; margin:0 0px 0px 0;}
#sidebar h2 {font-size:1.2em; padding:0 0 2px 0; margin:0 0 6px 0;border-bottom: 1px solid #ccc;}
#sidebar ul {margin:0 0 18px 0; padding:0;}
#sidebar ul li {list-style:none; margin:0 0 8px 0; padding:0;}

#footer{clear:both;background:#555; color:#eee ;margin:10px 0 0;padding:15px;text-align:left; -moz-border-radius: 6px; border-radius:6px; -moz-box-shadow:4px 4px 10px #000000;
-webkit-box-shadow:4px 4px 10px #000000;
box-shadow:4px 4px 10px #000000;}
#footer a{color:#eee;}
#footer p{margin:0; font-size:0.9em; font-weight:700;}

ul#navitab{margin:0;padding:0;}
ul#navitab li{display:block;float:left;margin:0 0 6px 0;padding:0;}
ul#navitab li a{background:#ebebeb; color:#888;display:block;height:1.2em;padding:5px 16px 7px;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap; margin:0 10px 0 0px;  -moz-border-radius: 6px; border-radius:6px; }
ul#navitab li a:hover{background:#fff ;border:-1px outset #aaa; color:#555;-moz-border-radius: 6px; border-radius:6px;  }
ul#navitab li a.current{background:#555;border-left:0px solid #555;color:#eee; -moz-border-radius: 6px; border-radius:6px; -moz-box-shadow:4px 4px 10px #000000;
-webkit-box-shadow:4px 4px 10px #000000;
box-shadow:4px 4px 10px #000000;}

#sidebar ul.sidelink {margin:0 0 0px 0;}
#sidebar ul.sidelink li{list-style:none; margin:0;}
#sidebar ul.sidelink li a{background:url(images/corner.gif) no-repeat top right #eee;border-bottom:1px solid #ccc;border-left:1px solid #ccc;color:#555;display:block;margin:0 0 3px;padding:3px 0 2px 5px;text-align:left;text-decoration:none;text-transform:uppercase;}
#sidebar ul.sidelink li a:hover{background:url(images/corner.gif) no-repeat top right #777;border-bottom:1px solid #333;border-left:1px solid #333;color:#eee;text-decoration:none;}
#sidebar ul.sidelink ul{font-size:0.9em;margin:0;padding:0;}
#sidebar ul.sidelink ul li a{margin:0 0 2px 10px; padding: 2px 0 1px 5px}

#spread{height:200px}

.splitleft {width:55%;float:left;}
.splitright {margin-left:60%;}

.class_box_shadow{
    width: 250px;
    min-width: 200px;
    min-height: 130px;
    margin: 0 10px 0 0 ;
    background: #eee;
    border: 0px solid white;
    position:relative;
    box-shadow: -6px 10px 32px rgba(0, 0, 0, 0.82);
    -moz-box-shadow: -6px 10px 32px rgba(0, 0, 0, 0.82);
    -webkit-box-shadow: -6px 10px 32px rgba(0, 0, 0, 0.82);
}

.right{text-align:right;}
.block{background:#eee url(images/corner.gif) no-repeat top right;padding:15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.hide{display:none;}