* {box-sizing: border-box;}

html, body { height: 100%; }

body {margin:0; font-size:15px; font-family: Verdana, Helvetica, sans-serif; color:#444; background: #fafafa}

div.wrapper {position:relative; max-width:800px; margin:0px auto; text-align:left;}
div.header {position:relative; left:0px; top:0px; max-width:800px; height:290px; margin:0px; padding:0px; border-top:3px solid #56a; border-bottom:3px solid #56a;}
div.main {background-color:white}
div.maincontent {/*border-left:3px solid #56a; border-right:3px solid #56a;*/ max-width:800px; padding:20px 20px; margin:0px auto; min-height:400px;}
div.footer {border-top:3px solid #56a; max-width:800px; height:50px}
div.footercontent {padding:10px 20px; margin:0px auto; text-align:right}

div.framed {border:2px solid #ddf; border-radius:10px; padding:12px 10px}
div.notices {border:2px solid #78c; border-radius:10px; padding:12px 10px; background-color:#ffa}


div.imgright {float:right; margin-left:20px; text-align:center}
div.imgleft {float:left; margin-right:20px; text-align:center}
div.imgcenter {margin:0px auto; text-align:center}
div.imgcentre {margin:0px auto; text-align:center}

a {color: #55b; text-decoration: none;}
a:visited {color: #55b}
a:hover {text-decoration: underline}

a.menu {font-size:17px; color: #fff; text-decoration: none; text-shadow:0 0 2px #000; border:1.5px solid white; border-radius:7px; padding:2px 5px; background:rgba(80, 80, 80, 0.4)}
a.menu:visited {color: #fff}
a.menu:hover {text-decoration: none; background:rgba(80, 80, 80, 0.7)}


a.larger {font-size:108%}
a.largest {font-size:120%}

a.main {color: #fff; text-decoration: none;}
a.main:visited {color: #fff}
a.main:hover {text-decoration: underline}

a.edit {color: #bbf; text-decoration: none;}
a.edit:visited {color: #bbf}
a.edit:hover {text-decoration: underline}

a.normal {font-size:13px;}
a.normal:hover {text-decoration: underline}

a.buttonG {color:#00a; font-size:13px; background-color:#efd; padding:0px 3px 2px; border:1px solid #bbb; border-radius:3px}
a.buttonG:hover {text-decoration:none}

a.buttonY {color:#55a; font-size:14px; background-color:#ffc; padding:0px 5px 1px; border:1px solid #999; border-radius:5px}
a.buttonY:hover {text-decoration:none}

a.buttonB {color:#55a; font-size:13px; background-color:#eef; padding:0px 5px 2px; border:1px solid #999; border-radius:5px}
a.buttonB:hover {text-decoration:none}


div.pad10 {padding:10px}


p {margin-top:4px; margin-bottom:8px;}
p.line {border-bottom:solid #ddd 2px;}
p.thin {margin-top:0px; margin-bottom:0px; line-height:8px}
p.left {text-align:left}


img {border:none}
img.border {border-color:#ccf; border-style:solid; border-width:1px;}



textarea {font-size:12px; font-family: Verdana, Helvetica, sans-serif;}
input {font-size:12px; font-family: Verdana, Helvetica, sans-serif;}
input.button {color:#55a; font-size:13px; background-color:#ffc; padding:0px 5px 2px; border:1px solid #999; border-radius:6px}

div.slim input {border:1px solid #aaa; padding:1px; background-color:#fafaff}

h1 {font-family: 'Times New Roman',serif; font-size: 42px; letter-spacing: 2px; color: #fff; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000; font-weight: normal; margin-top:10px; margin-bottom:6px;}
h2 {font-family: 'Times New Roman',serif; font-size: 30px; letter-spacing: 1px; color: #56a; font-weight: normal; margin-bottom:1px; margin-top:14px;}
h2:first-child {margin-top:5px;}
h3 {font-family: 'Times New Roman',serif; font-size: 26px; letter-spacing: 0.5px; color: #56a; font-weight: normal; margin-top:20px; margin-bottom:10px;}
h3.notop {margin-top:0px;}
h4 {font-family: 'Times New Roman',serif; font-size: 22px; letter-spacing: 0.5px; color: #56a; font-weight: normal; margin-top:20px; margin-bottom:10px;}
h4.smaller {font-size:14px}
h5 {font-size: 13px; color: #a67; font-weight: normal; margin-bottom:0px; margin-top:6px;}


table {text-align:left; border:0px}
table.pad td {padding-right:10px}
table.pad1010 td {padding:10px}
table.pad1010 th {padding:10px}
table.pad10 td {padding:2px 10px}
table.pad10 th {padding:2px 10px}
table.pad010 td {padding:0px 10px}
table.pad010 th {padding:0px 10px}

table.pad8 td {padding:2px 8px}
table.pad8 th {padding:2px 8px}

table.main {width:100%;}

table.menu td {padding:4px 0px; text-align:center; border-left:2px solid #fff}
table.menu td:first-child {border-left:none}

table.schedule {border-spacing: 2px; font-size:14px;}
table.schedule td {background-color:white; padding:4px 10px}
table.schedule th {background-color:white; padding:4px 10px}
div.leaders {display:none}

table.members {border-spacing: 2px; font-size:14px; background-color:#eee;}
table.members td {background-color:white; padding:2px 5px}
table.members th {background-color:white; padding:2px 5px}

tr {vertical-align:top}
tr.c0 td {background-color:#eef}
tr.c1 td {background-color:#fed}

table.tabledrop td {padding:6px 4px}


hr.thin {margin:0px}
hr.faint {margin-top:20px; border:0; height:2px; background: #dcf}
hr.double {margin-top:20px; border:0; height:6px; background: #ccf}
hr.single {margin-top:20px; border:0; height:3px; background: #d88}

.small {font-size:13px; color:black}
.smaller {font-size:11px;}
.norm {font-size:13px;}
.hilite {background-color:#eef; padding:5px;}
.larger {font-size:14px;}
.shade {background-color:#ffd}

.white {color: #fff}
.red {color: #c00}
.darkred {color: #833}
.blue {color: #339}
.lightblue {color: #ccf}
.lightyellow {color: #ff8}
.green {color: #063}
.lightgreen {color: #8d8}
.ltgrey {color: #bbb}
.grey {color: #777}

.crossout {text-decoration:line-through}

ol {margin-top:7px; margin-bottom:7px; margin-left:30px; padding:0px;}
ul {list-style-image:url(styleimages/bullet.png); margin-top:4px; margin-bottom:12px; margin-left:30px; padding:0px; text-align:left;}
ul.flag {list-style:none; margin-left:0px;}
li {margin-top:6px; margin-bottom:6px;}
li.flagx {background:url(images/flagbullet.gif) top left no-repeat;}
li.flag {background:url(images/flagbullet.gif) top left no-repeat; padding-left:35px; margin:7px 0}

.dropzone{
width: 100%;
height:50px;
border: 2px dashed #c88;
color: #c88;
text-align: center;
line-height: 50px;
font-size: 13px;
}

.dropzone.dragover{
    border-color: #000;
    color: #000;
}

@media screen and (max-width: 800px)
{
	div.maincontent {padding:20px 20px;}
}

@media screen and (max-width: 700px)
{
	div.menudiv {margin:0px 10%}
	/*h1 {font-size:32px}*/
}


@media screen and (max-width: 600px)
{
	body {font-size:17px}
	table {font-size:17px}
	h1 {font-size:33px}	
}