*, *:before, *:after {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	font-family:"Times New Roman", Times, serif;
}

a {
	color:#1515D1;
	text-decoration:none;
	}
a:link {
	color:#1515D1;
	text-decoration:none;
	}
a:visited{
	color:#1515D1;
	text-decoration:none;
	}
a:hover{
	color: #1515D1;
	}
a:active{
	color: #B9B9FF;
	}

body { 
	margin: 10px; 
	background-color:lightgrey;
	color:#000080;
	}


#site{
	padding:0;
	margin:0;
	background-color:#FFFFFF;
   width:100%;
}
#header {
	padding:0px;	
	text-align:center;
	margin:0 auto;
	}
#logo {
	clear:both;
	margin:0 auto;
	width:100%;
	float:left;
	}
#logo2 {
	float:left;
	width:140px;
	display:none;
	}
#title {
	margin:0;
	text-align:center;
	padding:5px;
	width:100%;
	display:block;
	}
#site-title {
	font-size:20pt;
	font-weight:bold;
	margin:0px;
	}
#site-description {
	font-size:14pt;
	margin-top:5px;
	margin-bottom:15px;
	}
#site-description-bold {
	font-size:14pt;
	font-weight:bold;
	margin:0px;
	}
	

.columnsContainer { 
	position: relative; 
	margin: .5em; 
	clear:both;
	}

.leftColumn {  
	border: 1px solid  #ccc; 
	padding: 1.25em; 
	margin-bottom: .5em; 
	}

.rightColumn { 
	border: 1px solid  #ccc; 
	padding: 2px; 
   margin:0 auto;
	}

#half-main{
	border: 1px solid #ccc;
	margin:10px;
	padding:10px;
	float:left;
	position:relative;
	text-align:center;
	width:100%;
}



#menu {  
	display:block;
	clear:both;
	float:left;
}  
#menu ul {  
	margin:0 auto;
	text-align: center;  
	padding:0px;
}  
#menu li {  
	display: inline;  
	margin:0px;
	padding:0px;
}  
#menu a {  
	font-weight: bold;  
	color: #000080;  
	display: inline-block;  
	text-align: center;  
	border: 1px solid #aaa;  
	background: #ccc;
	font-size:12pt;
	width: 50%;
	height:50px; 
	padding:3px;
	margin:3px auto;
	float:left;
}  

 
#menu li a:hover, #menu a:active {  
    background-color: #aaaaaa;  
}  

#main-title{
	text-align:left;
	font-weight:bold;
	border-bottom:1px inset;
}
#main-content{
	text-align:left;
}

#large-main{
	width:100%;
	float:left;
}

#footer{
	clear:both;
	margin-top:50px;
    margin:0 auto;
}

@media screen and (min-width: 368px ) {

#logo {
	width:140px;
	}
#menu a {  
	width: 33.33%;
}
}

@media screen and (min-width: 660px ) {

#logo {
	clear:both;
	margin:0 auto;
	width:140px;
	float:left;
	}
#logo2 {
	float:right;
	margin-right:8px;
	width:140px;
	display:inline;
	}
	
#menu a {  
   width: 25%;
	} 



}


@media screen and (min-width: 760px ) {
	  .leftColumn { 
	  margin-right: 19.5em; 
	  }

	  .rightColumn { 
	  position: absolute; 
	  top: 0; right: 0; 
	  width: 18.75em; 
	  }   

	#logo {
		margin:0 auto;
		float:left;
		width:180px;
		}
	#logo2 {
		display:inline;
		float:right;
		width:180px;
	}
	
	#menu a {  
	   width: 50%;
	} 

}