@import "vmsr_colors.css";

body {
 margin: 0;
 padding-left: 0px;    /* LC fullwidth */
/* padding-right: 220px;    /* RC fullwidth + CC padding */
 min-width: 45em;
 margin-bottom: 3em;
 background-image: url("img/striped_small_bg.png");
 /*background-repeat:repeat-x;*/
 background-color:#DEE6EC;
 color: #245386;
}

img {
  border: 0;
  /*width:auto;
  height:auto;*/
}

a:hover {
 text-decoration: none;
}

a[href^="http"] {
 padding-right: 15px;
 background: url(img/external.png) no-repeat 100% 50%;
}

a[href^="http://gsldl.hudsonalpha.org"],
.twtr-widget a,
a[href^="http://www.facebook.com"] {
 padding-right: 0;
 background: none;
}

table,
td,
th {
  border: 0px;  
  border-spacing: 0px;
  padding: 0px;
}

tr.section {
  font-weight: bold;
}

td.center {
  white-space: nowrap;
}

h1 {
  text-align: center;
  font-size: 200%;
  margin-top:0.1em;
  text-decoration: none;
  color: #284F64;
}

h2 {
  font-size: 150%;
  margin-top: 0.1em;
  color: #284F64;
}

h3 {
  font-size: 115%;
  margin-top: 0.5em;
  margin-bottom: 0.1em;
  color: #284F64;
}

a[name] {color: #284F64;}


/*--------------------ID's--------------------*/

#body_table td {
 vertical-align: top;
}

#nav {
 margin: 0;
 padding: 0;
}
#nav a {
 text-decoration: none;
}
#nav {
 width: 50em;
 display: block;
 height: 2.5em;
}
#nav li {
 float: left;
 display: block;
 margin: 0.3em 0.9em 0 0.3em; /* T R B L */
}
#nav li a {
 font-weight: bold;
 display: block;
 height: 1.2em;
 width: 8em;
 padding: 0.3em;
}

#body_table {
	width:100%; 
	padding:0px;
}

#body_table td {
	vertical-align:top;
}

#body_table_content {
	margin-right:10px;
}

#body_table_sidebar {
	width:200px;
}

#header,
#footer {
 padding: 0.5em 0;
 margin-left: 0px;    /* LC fullwidth */
 margin-right: -220px;    /* RC fullwidth + CC padding */
}

#content {
 padding: 0;
 margin-right:30px;
 width: 100%;
 position:relative;
 top:30px;
 z-index:2;
}
#sidebar {
 width: 200px;
 padding: 0 0;
 margin-left:0px;
 margin-right:15px;
 z-index:1;
}
#sidebar a,
#sidebar a:visited {
 text-decoration:none;
 color: #FFFFFF;
}
#sidebar a:hover {
 color: #C6E0F4;
}

#sidebar ul {
  list-style: none;
  padding-left: 1.5em;
  margin-left: 0;
}

#sidebar ul ul{
  list-style: disc;
  color: #FFFFFF;
}

#menu {
  font-family: Arial, Verdana, sans-serif;
  /*font-variant: small-caps;*/
}

#address {
  font-size: x-small;
  text-align: center;
  clear:both;
  padding-top:20px;
  position:relative;
  top:10px;
}

#content_table {
	width: 95%;
	/*min-width:800px;*/
	position:relative;
	left:2%;
}

#content_top_left {min-width:18px; min-height:18px; width:18px; height:18px; background-image:url('img/table_border/top_left.png');}
#content_top {min-height:18px; height:18px; background-image:url('img/table_border/top.png');}
#content_top_right {min-width:18px; min-height:18px; width:18px; height:18px; background-image:url('img/table_border/top_right.png');}

#content_left {min-width:18px; background-image:url('img/table_border/left.png');}
#content_middle {
	background-color:#F8FAFC;
}
#content_right {min-width:18px; background-image:url('img/table_border/right.png');}

#content_bottom_left {min-width:18px; min-height:18px; width:18px; height:18px; background-image:url('img/table_border/bottom_left.png');}
#content_bottom {min-height:18px; background-image:url('img/table_border/bottom.png');}
#content_bottom_right {min-width:18px; min-height:18px; width:18px; height:18px; background-image:url('img/table_border/bottom_right.png');}

/* For whatever reason IE decides to change the color of some of the .png's...so I had to make them .gif's. One more reason to love Internet Explorer...*/
#sidebar_top {width:200px; height:7px; background-image:url('img/sidebar_border/top.gif');}
#sidebar_middle {background-color:#5C8CAB;}
#sidebar_bottom {width:200px; height:7px; background-image:url('img/sidebar_border/bottom.gif');}

#sidebar_logo {
	border: none;
	/*border-width:2px;
	border-color:#000000;*/
}

#sidebar_login_name {

	color:#DFEEF4; 
	font-weight:bold;
}

#hudsonalpha_logo {
	border: solid;
	border-width:2px;
	border-color:#5C8CAB;
	margin-top:20px;
}

/*-------------------Classes-------------------*/

.center {
  text-align: center;
}

.box {
	float: left;
}

.content_photo {
	border: solid;
	border-width:4px;
	border-color:#5C8CAB;
	margin:10px;
}

.column {
 position: relative;
 float: left;
 top: 2em;
 margin-bottom: 3em;
}

.single_column {
 position: relative;
 float: left;
 width:94%;
 padding-left:3%;
 padding-right:3%;
 padding-top:0%;
}

.left_column {
 position: relative;
 float: left;
 width:44%;
 padding-left:3%;
 padding-right:3%;
 padding-top:0%;
}

.right_column {
 position:relative;
 float:right;
 width:44%;
 padding-left:3%;
 padding-right:3%;
 padding-top:0%;
}

.stress {
  font-weight: bold;
}

.datahead {
  font-weight: bold;
  font-size: 110%;
}

.image {
  font: x-small arial;
  text-align: center;
  margin: 0.7em;
  padding: 0.5em;
}
.right {float: right}
.left {float: left}

.large li {
  margin: 0.5em 0;
}

.sample {
  border: 0;
  border-collapse: collapse;
  margin-right:30px;
}

.sample thead tr th,
.sample td {
  padding: 1px 5px;
  border: 0;
  text-align:center;
}

.sample tfoot td {
  text-align: center;
  font-style: italic;
}

.sample tbody,
.sample tfoot {
  font-size: 90%;
}

.comment {
  border: 0;
  border-spacing: 5px;
  padding: 0px;
  /*border-collapse: collapse;*/
}

.comment td {
  padding: 1px 5px;
  border: 0;
}

.comment tbody,
.comment tfoot {
  font-size: 90%;
}

.hideaway {
  /*margin: 0.5em 0 0.5em 4em;*/
  /*clear:right;*/
}

.result {
  border: 0;
  border-spacing:2px;
}

.result thead tr th,
.result td {
  padding: 0 3px;
  border: 0;
}

.egram {
  background: url(tn_egram.png) no-repeat bottom right;
}

.link {
  font-size: 80%;
}

.title_underline {
   width: 80%;
   color: #315E6C;
   margin-bottom:30px;
}

.sidebar_arrow {
   padding-right: 5px;
   position:relative;
   top:1px;
}

.sidebar_divider {
	color:#FFFFFF; 
	background-color:#FFFFFF; 
	width:100%; 
	border:0; 
	height:1px;
}

.link_bar {
	width:100%;
	text-align:center;
	
}

.link_bar a {
	color: #2C8387;
	text-decoration:none;
}