@charset "UTF-8";

/*************************************/
/* reset all browser default styling */
/*************************************/
@import "reset.min.css";
@import "default.css";

html {overflow-y: scroll;background:#eee;}
body{margin:0;}

#page{position:relative;width:100%;min-width:320px;max-width:1200px;margin:0px auto 0 auto;padding-bottom:5px;border-radius:0 0 5px 5px;}
#header{position:relative;background:#fff;padding:20px;margin:2px auto;clear:both;}
#header #logo{position:relative;width:80%;margin:auto;}
#header #logo img{height:100%;max-height:150px;width:auto;}
#content{position:relative;min-height:400px;background:#fff;border-top:1px solid #0099cc;}
#footer{}

#main{display:table-cell;vertical-align:top;width:60%;overflow:hidden;padding:20px;}
#border{display:table-cell;vertical-align:top;margin-right:1%;padding:10px;}
#border .csc-default{float:right;width:300px;}

.box{background:#fff;border-radius:5px;border:0px solid #0099cc;padding:10px;}
.box.news{border:1px solid #ff0000;}
#content .box{margin:0;margin-bottom:1em;}
#border .box{margin:10px;margin-bottom:1em;}
.shadow{-moz-box-shadow: 0 3px 5px #888;-webkit-box-shadow: 0 3px 5px #888;box-shadow: 0 3px 5px #888;}
.error{color:#f00;}

body, input, select, textarea {font: 100%/140% 'Lato', Verdana, Geneva, sans-serif;color:#333;}
h1, h2, h3 {font-weight:normal;margin:0 0 0.5em 0;color: #0099cc;}
h1 {font-size:110%;font-weight:bold}
h2 {font-size:110%;}
h3 {font-size:100%;font-weight:bold;}
#content #main{font-size:110%}
p {margin-bottom:1em;}
ul li{margin:0 0 0.2em 1.5em;}
blockquote {margin:0.5em 0 1em 1.5em;padding-left:0.5em;border-left:1px solid #ccc;}

#content .csc-default{margin-bottom:1em;}

.toggle{display:table-cell;width:1%;min-width:20px;}
.toggle.closed{background:url(../img/toggle.plus.gif) no-repeat 0 20px;}
.toggle.open{}
.hidden{display:none!important;}