@charset "utf-8";
/* CSS Document */
* {
    padding: 0;
    margin: 0;
}
html {
    overflow-x: hidden;
    overflow-y: auto;
}
body {
    background-color: #fff;
    color: #60615a;
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 14px;
    padding: 20px 0 20px 0;
}

img{border: none;}

#wrap{position: relative; width: 945px; margin: 0 auto;  padding: 0 0 8px 0; text-align: left;}
#header{position: relative; width: 945px; height: 48px;}
#headerImg{position: relative; width: 945px; margin: 0 0 8px 0; height: 160px; background-repeat: no-repeat;  background-image: url('../images/header_img.png'); overflow: hidden}
.cwrapper{display: block; background-color: #d7e15e; background-image: url('../images/bg_content.gif'); background-repeat: repeat-y;}
.column{float: left;}
#colLeft{width: 154px; padding: 18px 26px 18px 18px; min-height: 484px; overflow: hidden;}
#headerlinks{position: absolute; bottom: 8px; left: 198px;}

.textImageCol1{width: 200px; padding: 5px 0; overflow: hidden;margin-right:10px;}
.textImageCol2{width: 400px; padding: 5px 0; margin-right:10px;overflow:hidden;}
.textImageCol2wide{width: 500px; padding: 5px 0;overflow:hidden;}

a{text-decoration: none;}
a:active, a:focus {outline: none;}

.home_top{min-height: 272px;}
.home .courseDate{width: 74px;}
.home .courseTitle{font-weight: normal;display:inline-block;width: 220px}
.home h2{font-size: 14px;}
.home hr{
    clear:both;
    display:block;
    height:1px;
    margin-bottom:10px;
    margin-top:10px;
    color: #fff;
    border: 0px;
    border-top:1px dotted;
    width: 100%

}
.home_left{width: 300px;float:left; border-top: 1px dotted;}
.home_right{width: 300px;float:right; border-top: 1px dotted;}

#basket{display: none;}
#infobox{padding: 0;}
#content{width: 630px; padding: 18px 0 18px 18px; position: relative; min-height: 484px; overflow: hidden;}
#content h1{}
#content p{padding: 0 0 14px 0;}

h1, h2, h3,h4,h5{font-size: 11px; font-weight: bold; line-height: 18px;}
h1{padding: 0 0 14px 0;}
h2{padding: 0 0 7px 0;}
h3,h4,h5{padding: 0 0 0 0;}

div.line{border-bottom: 1px dotted; margin: 0; padding:0; background-color: transparent;}


.courseEntry{
    position: relative;
}
.courseRegisterText{
    position: absolute;
    top: 0px;
    right: 0px;
}
.courseListDate{
    font-weight: bold;
    margin-top: 2em;
    border-bottom: 1px solid;
}
.courseListTitle{
    cursor:pointer;
}
.courseDate{
    display: inline-block;
    vertical-align:top;
    width: 150px;
}
.courseListDetail{
    display: inline-block;
    width: 480px;
}
.courseTitle{
    font-weight: bold;
}
.courseDetail{
    border-bottom:1px dotted;
    border-top:1px dotted;
    display:none;
    margin:10px 0;
    padding:5px 0;
    position:relative;
    width:630px;
}
.courseInfo{
    margin-left:18px;
    width:612px;
}
.courseInfoAddon{
    margin-top:1em;
    width:612px;
}
.courseInfoDetails{
    width: 500px;
}
.courseRegister{
    width: 100px;
    position: absolute;
    right: 0;
    text-align:right;
    bottom: 4px;
}
#courselist{
    margin-bottom:20px;
}
#courselist h5{
    border-top:1px dotted;
    
}
.registerlink_left{
    font-weight: bold;
    border-bottom:1px dotted;
    display: block;
    padding-bottom: 3px;
}
#form_courselist{width: 560px;clear: both;border-bottom:1px dotted;}
#form_courselist li{clear: both; display: block;border-top: 1px dotted}
.form_courselist_entry{float: left;width: 345px}
.form_courselist_remove{float: right;width: 110px;text-align:right}


/* minigal */
.minigal {
    background-color:#FCFCFC;
    color:#1A1A1A;
    display:none;
    height:475px;
    position:relative;
    top:0;
    width:630px;
}
.detail_img {
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    float:right;
    height:425px;
    margin-top:10px;
    overflow:hidden;
    position:relative;
    width:630px;
}
.detail_img .next, .detail_img .prev {
    background-position:265px center;
    background-repeat:no-repeat;
    display:block;
    height:425px;
    position:absolute;
    right:0;
    top:0;
    width:315px;
}
.detail_img .next:hover {
    background-image:url("../images/gal/nxt.png");
}
.detail_img .prev {
    background-position:13px center;
    left:0;
    right:auto;
}
.detail_img .prev:hover {
    background-image:url("../images/gal/prv.png");
}

.minigal_img_title {
    background-color:#FCFCFC;
    bottom:0;
    height:22px;
    left:0;
    position:absolute;
    text-align:left;
    width:100%;
}
.minigal_img_title h5{
    display: inline;
    margin-left: 10px;
}

.minigal_close {
    background-color:#FFFFFF;
    bottom:0;
    height:30px;
    left:0;
    position:absolute;
    width:30%;
}



.clearer{ clear: both;}

.spacerAfter1 {
    margin-bottom: 15px !important;
}

.spacerAfter2 {
    margin-bottom: 30px !important;
}

.spacerBefore1 {
    margin-top: 15px !important;
}

.spacerBefore2 {
    margin-top: 30px !important;
}

.clearer{clear: both; overflow: hidden; display: block; margin: 0; padding: 0; border: none; height: 1px; line-height: 0;}

.signature{
    bottom: 0;
    position: fixed;
    right: 0;
}
.signature, .signature a{
    color: #ccc;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.signature a:hover{color: #666}