@charset "utf-8";
/* CSS Document */

/* for the notices page */

/* The Board */
#notice-board-holder{position:relative;width:780px;height:640px;padding:12px 30px 10px 30px;margin-top:10px;}
#events-holder{position:relative;float:left;width:66%;height:520px;padding:0px;margin:0px;}
#notice-board{position:relative;width:100%; height:100%; background-color:#d0934d; border:10px solid #513f2e; border-radius:20px; box-shadow:#aaa 2px 2px 4px;}
#notice-board h1{font-weight:900; font-size:30px; color:#f11; text-shadow:#fcc -1px -1px 1px, #633 2px 2px 2px;}
.nb-hanger1{position:absolute; top:0px; left:100px; width:40px; height:50px; border:10px solid #513f2e; border-radius:20px;}
.nb-hanger2{position:absolute; top:0px; right:100px; width:40px; height:50px; border:10px solid #513f2e; border-radius:20px;}
.nb-nail1{position:absolute; top:2px; left:112px; width:14px; height:14px; border-radius:6px; background-color:#CCC; box-shadow:#666 2px 2px 2px;}
.nb-nail2{position:absolute; top:2px; right:112px; width:14px; height:14px; border-radius:6px; background-color:#CCC; box-shadow:#666 2px 2px 2px;}

/* The notices */
.Notices{padding:4px 8px; box-shadow:#aaa 1px 1px 2px;}
.Notices h2{font-size:18px; margin:8px 0px 0px 0px; padding:0px; color:inherit; line-height:1.1;}
.Notices h3{font-size:16px; margin:4px 0px 0px 0px; padding:0px; color:inherit; line-height:1.1;}
.Notices a{color:inherit;}
.Notices p{font-size:12px;}
.Notice1{position:absolute; top:80px; left:20px; width:250px; border:solid 1px #C30; background-color:#FFC; color:#C30;
	-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);}
.Notice2{position:absolute; top:60px; left:540px; width:250px; border:solid 1px #118; background-color:#8BF; color:#118;
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);}
.Notice3{position:absolute; top:100px; left:300px; width:200px; border:solid 3px #AAA; background-color:#FAFAFA; color:#666;
-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);}
.Notice4{position:absolute; top:260px; left:46px; width:200px; border:solid 1px #A00; background-color:#FDD; color:#A00;}
.Notice5{position:absolute; top:280px; left:510px; width:250px; border:solid 1px #050; background-color:#DFD; color:#050;
-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);}
.Notice6{position:absolute; top:300px; left:250px; width:240px; border:solid 1px #60F; background-color:#FF0; color:#60F;
-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);}
.Notice7{position:absolute; top:450px; left:36px; width:200px; border:solid 1px #A00; background-color:#FFC; color:#C30;}
.Notice8{position:absolute; top:460px; left:520px; width:200px; border:solid 1px #A00; background-color:#8BF; color:#118;}

/* The events */
.Events{padding:3px 6px; box-shadow:#aaa 1px 1px 2px; text-align:center;}
.Events h2{font-size:18px; margin:8px 0px 0px 0px; padding:0px; color:inherit; line-height:1.1;}
.Events h3{font-size:16px; margin:4px 0px 0px 0px; padding:0px; color:inherit; line-height:1.1;}
.Events a{color:inherit;}
.Events p{font-size:14px; margin:4px 0px;}
.Event1{position:absolute; top:20px; left:20px; width:260px; border:solid 1px #C30; background-color:#FFC; color:#C30;
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);}
.Event2{position:absolute; top:50px; left:290px; width:290px; border:solid 1px #118; background-color:#8BF; color:#118;
-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);}
.Event3{position:absolute; top:240px; left:10px; width:290px; border:solid 1px #A00; background-color:#FDD; color:#A00;}
.Event4{position:absolute; top:290px; left:240px; width:250px; border:solid 1px #60F; background-color:#FF0; color:#60F;
-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);}
.Event5{position:absolute; top:280px; left:520px; width:260px; border:solid 1px #050; background-color:#DFD; color:#050;
-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);}
.Event6{position:absolute; top:460px; left:10px; width:260px; border:solid 1px #050; background-color:#8BF; color:#118;
-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);}
.Event7{position:absolute; top:480px; left:240px; width:260px; border:solid 1px #050; background-color:#DFD; color:#050;
-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
    transform: rotate(-5deg);}
.Event8{position:absolute; top:500px; left:520px; width:260px; border:solid 1px #050; background-color:#FFC; color:#C30;
-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    transform: rotate(5deg);}

.Pin1{position:absolute; top:2px; left:120px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin2{position:absolute; top:2px; left:120px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin3{position:absolute; top:2px; left:95px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin4{position:absolute; top:2px; left:95px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin5{position:absolute; top:2px; left:120px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin6{position:absolute; top:2px; left:115px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin7{position:absolute; top:2px; left:95px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}
.Pin8{position:absolute; top:2px; left:95px; width:10px; height:10px; background-color:#f00; border-radius:5px; box-shadow:#600 1px 1px 2px, #fff -1px -1px 0px;}

.Rounded0{border-radius:4px;}
.Rounded1{border-radius:12px;}
.Rounded2{border-radius:16px;}
.Rounded3{border-radius:24px;}

.MoreInfoBox{position:absolute; top:15%; left:25%; width:50%; background-color:#fff; border:solid 2px; #999; box-shadow:#aaa 0px 0px 12px 8px; font-size:90%; display:none; text-align:left; padding:4px 10px;}
.MoreInfoText h2{padding:8px 0px; margin:0px; font-size:20px; font-weight:normal;}
.MoreInfoText h3{padding:4px 0px; margin:0px; font-size:16px; font-weight:normal;}
.MoreInfoText p{font-size:12px; font-weight:normal;}
.MoreInfoBox a{display:block; text-align:center; padding:8px 0px 0px 0px;}

#ExtraNotices{position:relative; width:90%; margin:0px auto; text-align:left;}
#ExtraNotices h2{font-size:18px; margin:8px 0px 2px 0px; padding:0px;}
#ExtraNotices p{font-size:12px; margin:4px 0px; padding:0px; line-height:1.2;}