@import url('reset.css'); 
@import url('layout.css'); 

.clear{clear:both}
.access{padding:5px 25px}
.hide, q{display:none}
body .left{float:left}
body .right{float:right}

#wrapper{width:100%; margin:0; background:#fff}

#controls{font-size:1.167em}

#header{overflow:hidden; padding:0 25px 20px 25px; clear:both}

#logo{width:200px}

#announce{display:none}

#login{clear:both; padding:0 25px 10px}

#intro{width:100%}

#main{background:transparent; padding:0 25px; clear:both}

.col1, 
.col2, 
.col3{padding:0 0 20px 0; width:100%}

#content{margin:10px 0; padding:0; position:relative; background:transparent}
#content .title img{display:none}

#sideBar{margin:20px 0; padding:0 40px 0 0}

#footer{overflow:hidden; padding:0 25px 10px}
#footer .access{padding:5px 0}

#card{float:left; width:358px}
#card .content{min-height:208px; padding:25px 0 0 25px; position:relative}
#card h2{position:relative; width:135px; z-index:2}
#card p{position:relative; width:155px; z-index:2}
#card .image{position:absolute; right:7px; top:14px; z-index:1}
#card .button{position:relative; z-index:2}
#card .footer{display:block; height:14px}

#navigation{width:100%}
ul#navlist li{position:relative}
ul#navlist{padding:0 0 15px}
ul#navlist li{text-align:left}
ul#navlist li a{color:#333; display:block; font-size:1.333em; line-height:normal; padding:5px 25px; text-decoration:none; text-shadow:0 1px 1px #f3f3f3}
ul#navlist li.active a{background:transparent; font-weight:bold; font-size:1.417em}