/* General Page Styles */
/* CSS responsive fixed full width based on http://cssgirl.github.io/cssgirl-responsive-full-width/full-width/ */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
  	box-sizing: border-box;
}

/* #f1f0e6; */

body {
	background: #F3F3F3;
	color: #2B2B2B;
	font-family: 'Open Sans';
	line-height: 1.25em;
}

h1 {
	font-size: 1.5em;
    color: 777755;
	margin: 0;
	line-height: 1.15em;
/*	background: rgba(255,255,255,.5); */
	padding: 0em;
}

h2 {
	font-size: 1.25em;
	margin: = 0;
	line-height: 1.15em;
}

h3 {
	font-size: 1.75em;
	margin: 0 0;
	line-height: 1.15em;
}


p {
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;
}

.container {
	margin: 0 auto;
	max-width: 75em;
}

.bulletlist {
    list-style-type: disc;
    margin: 0.25em;
    padding: 0em 0.5em 0.5em 0.5em;
}
.bulletlist li{
    margin: 0 3.0em 1.0em 1.5em;
}


.header, .footer, .post {
   padding: 0.5em;
}

.header, .header a {
	color: #F3F3F3;
}

.footer,  .footer a {
	color: #F3F3F3;
}

.header {
	background: #FFFFFF;
}


/*Figures possibly with caption */
.leftfigure {
    float: left;
    margin: 0.5em;
}
.leftfigure p {
    color: #4B4B4B;
}

.rightfigure {
    float: right;
    margin: 0.5em;
}
.rightfigure p {
    color: #4B4B4B;
}


/* logo and tagline at 50% of the screen on all screen sizes. */
.logo {
	width: 18%;
	float: left;
}

.tagline {
	width: 35%;
	float: left;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Lucida Sans Unicode';
	padding-top: 0.6em;
}


.content {
	padding: 1em 0;
	padding-left: 1em;
}

.content-second {
	background: #D0EDF3;
}


/*.post-sidebar {
	float: left;
	width: 70%;
}

.sidebar-right {
	float: right;
	width: 30%;
	padding: 1.0em;
}
*/

/* Media query to make the sidebar drop and stack below the content when the screen is smaller than 800px, and giving both the sidebar and content to the left 100% width. */
@media (max-width: 800px) {
	.sidebar-right, .post-sidebar {
		width: 100%;
		float: none;
	}
	.sidebar-right {
		padding-top: 0;
	}
}

.box-area {
	padding: 0.5em 0.5em 0.5em 1.5em;
	width: 400px;
	background: #3364A9;
	color: #F3F3F3;
	margin-left: 2em;
}

.footer {
	background: #2b2b2b;
	text-align: center;
}

#file-links {
	font: "Open Sans", Arial, sans-serif;
/*	overflow: scroll; */
}

a{
	font-weight: 700;
	text-decoration: none;
	color: #3364A9;
}
a:hover {
    color: #EA522B;
}

#file-links li{
	padding: 0.75em 0 0 1.5em;
	margin: 0;
	text-size: 12pt;
	list-style-type: none;
	width: 80%;
	text-align: justify;
}
#file-links .i{
	font-weight: 700;
}

/* for navigation bar */
#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #2D3171;
}

#nav li {
    float: left;
}

#nav li a {
    display: block;
    color: #EF7546;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color  on hover */
#nav li a:hover {
    background-color: #3364A9;
}

#nav .active {
    background-color: #3364A9;
    color: white;
}

#wrap {
	min-width: 475px;
	max-width: 800px;
	margin:  auto;
	border: 1px solid  black;
	border-radius: 10px;
	padding: 5px 10px;
}

#wrap2 {
   width:800px;
   margin:0 auto;
   padding: 0;
   text-align: left;
   margin: 1em;
   display: inline-block;
}

#im { width: 275px;
	margin: 0;
	padding: 0;
	text-align: center;
	margin: 1em;
	display: inline-block;

}

#im img{
	height: 300px;
}

#im p {
	font-family: small "Courier", Arial, sans-serif;
	text-align: center;
}
#im h1{
	font-size: 12pt;
	text-align: center;
	margin-bottom: -0.10em;
}

#im h2{
	font-family: "Courier", Arial, sans-serif;
	text-size: 8pt;
	text-align: center;
}

#left_col {
   float:left;
   margin-right: 1em;
   vertical-align: text-top;
   width:375px;
}
#right_col {
   float:right;
   margin-left: 2em;
   vertical-align: text-top;
   width:375px;
}



.container hr{
	width: 95%;
	background-color: #000;
	margin: -10px 0px -5px 7.5px;
	padding: -2px 0;
	border: 1px solid #000;
}

.module table{
	border: none;
}

.module table th, td {
	verical-align: middle;
	width: 400px;
	padding: 1em;

}


.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}

.datagrid {
	font: normal 12px/150% Arial, Helvetica, sans-serif;
	background: #fff;
/*	overflow: hidden; */
	border: 0px solid #006699;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.datagrid table td, .datagrid table th {
	padding: 3px 10px;
}

.datagrid table thead th {

	background-color:#2D3171;
	color:#F3F3F3; font-size: 16px;
	font-weight: bold;
	border-left: 1px solid #F3F3F3;
	}

.datagrid table thead th:first-child {
	border: none;
}

.datagrid table tbody td {
	color: #000;
	border-left: 0px solid #E1EEF4;
	font-size: 14px;
	font-weight: normal;
  padding-bottom: 0.5em;
}

.datagrid table a {
  color: #3364A9;
	font-size: 14px;
	font-weight: bold;
}
.datagrid table tbody .alt td {
	background: #FFE4D6;
	color: #000;
}

.datagrid table tbody tr {
  margin-bottom: .5em;
}

.datagrid th, td {
	width: auto;
    border-bottom: 1px solid #ddd;
}

.datagrid table tbody td:first-child {
	border-left: none;
  border-bottom: .5em;
	}

.datagrid table tbody tr:last-child td {
	border-bottom: none;
  border-bottom: .5em;
}