/* CSS Document */
html {
overflow-y: scroll;
}

body {
 background-color:#FFFFFF;
 font-family: 'Montserrat', sans-serif;
 margin: 0;
 padding: 0;
 color: #000000;
}

ul, ol, dl {
 padding: 0;
 margin: 0;
}

h1, h2, h3, h4, h5, h6 {
 font-family: 'Oswald', sans-serif;
 font-weight: 700;
 margin-top: 0;
 padding-right: 15px;
 padding-left: 15px;
}

p, td {
 font-family: 'Montserrat', sans-serif;
}

a img {
 border: none;
}

a:link {
 color:#414958;
}
a:visited {
 color: #414958;
 text-decoration: none;
}
a:hover, a:active, a:focus { 
 text-decoration: underline;
 color:#37379b;
}

.clearfix {
clear: both;
}

.overall {
 width: 100%;
 max-width: 1200px;
 margin: 0 auto;
 color : #000000;
 background:#FFFFFF;
}

.header {
float: left;
width : 100%;
padding:0;
margin:0;
background-color: #FFFFFF;
}

.header h1 {
font-size: 2.4rem;
color:#000066;
margin:3px 0 0 3%;
padding:6px 0 ;
}

.header h2 {
float: right;	
font-size: 1.4rem;
color:#000066;
margin:10px 3% 0 0;
padding:0 0 4px 0;
}

.maincontent {
float:left;
width: 100%;
margin: 0;
padding:0;
background-color:#ffffff;
}

.topmenu {
border-bottom:1px solid #333333;
margin-bottom:12px;
}

.topmenu ul { 
margin:0; 
padding:0;
z-index:100;
}

.topmenu li {
list-style: none; 
font-size: 1rem;
font-weight:normal
}
 
ul.bartop-level { 
 background:#000066; 
 padding: 0;
 margin: 0;
}

ul.bartop-level li {
 display:inline;
 padding: 4px 12px 4px 6px;
 margin:0;
}
 
.topmenu a {
 color: #eeffee;
 font-weight:550;
 cursor: pointer;
 display:inline;
 height:25px;
 line-height: 25px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}
 
.topmenu a:hover{
 text-decoration:underline;
}
.topmenu li:hover {
 background-color: #48514B;
 position: relative;
}

ul.barsub-level {
 display: none;
}
 
li:hover .barsub-level {
 background: #58618B;	
 border: 1px #CCCCCC solid;
 border-top: 3px solid #B2AD85;
 padding-bottom:4px;
 display:inline;
 position: absolute;
 left: 10px;
 top: 20px;
}
 
ul.barsub-level li {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
    float:left;
    width:150px;
}
.formInputTable {
  margin: 6px;
}

.formInputTable input[type="text"], .formInputTable textarea, .formInputTable input[type="password"] {
 background-color: #DAE1F5;	
 font-size: 1rem;
}

.formInputTable select {
 background-color: #DAE1F5;	
 font-size: 1rem;
 -webkit-appearance: menulist;
}

.formInputTable input[type="submit"], .formInputTable input[type="button"] {
 font-size: 1.2rem;
}


.bottombar {
float:left;
clear:left;
background-color:#000066;
width: 100%;
margin:3px 0;
padding:0;
}

.bottombar p, .bottombar a {
font-size:0.7rem;
font-style:italic;
color:#FFFFFF;
text-align:center;
text-decoration:none;
padding: 3px;
margin: 0;
}

.bottombar a:hover {
color:#73939E;
}

.tofttable {
 width: 98%;
 margin-bottom:12px;
}

.tofttable td {
padding: 4px 10px 4px 10px;
font-size:1.2rem;
margin:0;
border-bottom: 1px solid #CCCCCC;
vertical-align:top;
text-align: left;
}


.halfblock, .wideblock, .quarterblock, .threequarterblock, .adminblock, .adminhalfblock {
float:left;
width:47.5%;
border: 1px solid #9999AA;
margin:6px 1% 6px 1%; 
padding:4px 0 4px 0;
border-radius: 4px;
text-align:left;
box-shadow: 4px 4px #9999BB;
}

.wideblock, .adminblock {
width: 97%;
}

.quarterblock {
width: 23%;
}

.threequarterblock {
width: 70%;
}

.halfblock p, .wideblock p, .quarterblock p, .threequarterblock p, .adminblock p, .adminhalfblock p  {
 padding: 10px 8px;
 font-size: 1.2rem;
 margin:0;
}

.halfblock ul, .wideblock ul, .quarterblock ul, .threequarterblock ul, .adminblock ul  {
font-size: 1.2rem;
margin-left:36px;
margin-bottom:12px;
}


.halfblock h1, .wideblock h1, .quarterblock h1, .threequarterblock h1, .adminblock h1 {
font-size: 1.6rem;
padding-top:4px;
padding-bottom: 0;
margin: 0;
}

.halfblock h2, .wideblock h2, .quarterblock h2, .threequarterblock h2, .adminblock h2 {
font-size: 1.4rem;
padding-top:4px;
padding-bottom: 6px;
margin: 0;
}

.halfblock h3, .wideblock h3, .quarterblock h3, .threequarterblock h3, .adminblock h3 {
font-size: 1.2rem;
padding-top:4px;
padding-bottom: 0;
}

.photoblock img {
 margin:4px 6px;
 padding:0;
 width: 20%;

}

.halfblock img {
  width: 30%;
  float: left;
  margin: 4px;
  padding: 4px;
}

.postDate {
 font-size: 0.9rem !important;
 color: #3333AA;
 float: right;
 margin:0 !important;
 padding:0 8px !important;
 text-align: right;
}

.attachments {
  width: 15%;
  float: right;
  background-color: #DDDDEE;
  padding: 4px;
  border-radius: 4px; 
  margin: 0 4px;
  text-align: center;
}
.attachments p {
 font-size: 0.8rem;
}

.columntext {
  column-count:2;
}

.tagEdit {
  padding: 2px 4px;
  margin: 2px 4px;
  border: 1px solid #333399;
  border-radius: 4px;
  background-color: #DDEEFF;
}

.tagEdit span {
 margin-left: 12px;
 font-weight: bold;
 color: #FF0000;
 cursor: pointer;
}

.attachEdit {
  padding: 2px 4px;
  margin: 2px 4px;
  border: 1px solid #333399;
  border-radius: 4px;
  background-color: #EEEEEE;
  width: 24%;
  float: left;
}
.attachEdit p {
  font-size: 0.9rem;
}
.attachEdit span {
 margin-left: 12px;
 font-weight: bold;
 color: #FF0000;
 cursor: pointer;
 float: right;
}

.photoEdit {
  width: 24%;
  padding: 2px 4px;
  margin: 2px 4px;
  border: 1px solid #333399;
  border-radius: 4px;
  background-color: #EEEEEE;  
  float: left;
}

.photoEdit img {
  width: 99%;
}

.photoEdit span {
 margin-left: 12px;
 font-weight: bold;
 color: #FF0000;
 cursor: pointer;
}

.curshow {
 cursor: pointer;  
}

.moretext {
 display:none;
}

a:hover .moretext  {
display:block;
font-style:normal;
font-size:1.4rem;
font-weight:normal;
position: fixed; 
top: 120px; 
left: 35%;
width: 400px;
padding: 15px; 
margin: 10px;
border:2px solid #FFFFFF;
z-index: 100;
color:#FFF;
background:#678D99;
-webkit-border--radius: 10px;
-moz-border-radius: 10px;
border--radius: 0px;
}




@media all and (max-width : 400px) {
.attachments {
  width: 25%;
}

.columntext {
  column-count:1;
}

.photoblock img {
 width: 45%;

}


}

@media all and (max-width : 486px) {
 .halfblock {
	 width: 96%;
	 margin:0;
	 padding:1%;
 }
}