/*
NOAA NESDIS Cooperative Research Program (CoRP) Science Symposium for 2014
*/

/* Body and tag styles */
* {margin:0; padding:0;}
body {font:89% Helvetica,Verdana,Tahoma,Arial,sans-serif; line-height:1.4em; text-align:center; color:#303030; background:#e8eaec;}
a {color:#E65C5C; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img {border:none;}
p {padding:0 0 1.6em 0;}
p img {padding: 5px 5px; border: 0.1px dotted;}
p form {margin-top:0; margin-bottom:20px;}
img.left,img.center,img.right {padding:4px; border:1px solid #a0a0a0;}
img.left {float:left; margin:0 12px 5px 0;}
img.center {display:block; margin:0 auto 5px auto;}
img.right {float:right; margin:0 0 5px 12px;}
h2 {text-transform:uppercase; text-decoration:underline; font-weight:bold;}
/* Clearing fix */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
* html .clearfix{height:1%;}

/* Header and navigation styles */
#container {background-image:url("../img/transparent.png"); width:960px; margin:10px auto; padding:0 0; text-align:left; background:#ffffff; color:#303030; border:2px solid #a0a0a0;}
#header {height:110px; margin:1px 1px 1px 1px;}
/* #header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:inherit; color:#ffffff; letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#f0f2f4; letter-spacing:-1px; font-weight:normal;} */
#header img {width:400px; height: 130px;}

#navigation {height:2.2em; line-height:2.2em; margin:5px 1px 1px 1px; background:#35506C; color:#ffffff;}
#navigation li {float:left; list-style-type:none; border-right:1px solid #ffffff; white-space:nowrap;}
#navigation li a {display:block; padding:0 10px; font-size:0.8em; font-weight:normal; text-transform:uppercase; text-decoration:none; background-color:inherit; color: #ffffff;}
* html #navigation a {width:1%;}
#navigation .selected,#navigation a:hover {background:#9AA8B6; color:#ffffff; text-decoration:none;}
/* Content styles */
#content {float:right; width:680px; font-size:0.9em; padding:20px 20px 10px 0; }
#content h2 {display:block; margin:0 0 16px 0; font-size:1.7em; font-weight:normal; letter-spacing:-1px; color:#505050; background-color:inherit; text-transform:uppercase;}
#content h2 a {font-weight:normal;}
#content h3 {margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#content a:hover,#subcontent a:hover {text-decoration:underline;}
#content ul,#content ol {margin:0 5px 16px 35px;}
#content dl {margin:0 5px 10px 25px;}
#content dt {font-weight:bold; margin-bottom:5px;}
#content dd {margin:0 0 10px 15px;}

/* Sidebar styles */
#subcontent { background-color:#fafbfc; float:left; width:220px; line-height:1.4em; padding:20px 0 0 20px; margin: 5px 5px 2px 2px; }
#subcontent h2 {display:block; margin:0 0 15px 0; font-size:1.5em; font-weight:normal; text-align:left; letter-spacing:-1px; color:#505050; background-color:inherit;}
#subcontent p {margin:0 0 16px 0; font-size:0.9em;}

/* Menublock styles */
.menublock {display:block; margin:0 0 20px 8px; font-size:0.9em; border-style: 2px solid}
.menublock li {list-style:none; display:block; padding:2px; margin-bottom:2px; border-bottom: 1px dotted;}
.menublock li a {font-weight:bold; text-decoration:none;}
.menublock li a:hover {text-decoration:none;}
.menublock li ul {margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li {margin-bottom:0; border-bottom: 1px dotted;}
.menublock li ul a {font-weight:normal;}

/* Footer styles */
#footer {clear:both; width:958px; padding:5px 0; margin:0 1px; font-size:0.9em; color:#f0f0f0; background:#35506C;}
#footer p {padding:0; margin:0; text-align:center;}
#footer a {color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover {color:#ffffff; background-color:inherit; text-decoration: underline;}

/* Misc classes and styles */
.splitcontentleft {float:left; width:48%;}
.splitcontentright {float:right; width:48%;}
.clear {clear:both;}
.small {font-size:0.8em;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}
.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
.box img {width:200px; height: 180px;}
.sbox {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;}
.sbox img {width:70px; height: auto;}

#docs table {text-shadow: 1px 1px 0px #fff;background:#eaebec;margin:20px;border:#ccc 1px solid;	-moz-border-radius:3px;	-webkit-border-radius:3px;border-radius:3px;
	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}

#docs table th {
	padding:5px 5px 2px 2px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}

#docs table th:first-child {
	text-align: left;
	padding-left:5px;
}

#docs table tr {
	text-align: center;
	padding-left:5px;
}

#docs table td {
	padding:8px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;

	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
#docs table tr.even td {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}

/* Override h2 Style for Title */
#sympTitle {
    text-decoration: none!important;
    line-height: 120%;
}

/* Dates Table */
#importantDates {
    width: 60%;
};

.c1 {
    width: 70%;
}

.c2 {
    width: 30%;
    text-align: right;
}

/* Highlighted Text */
.highlight {
    background-color: yellow;
}

/* Centered Text */
.center {
    text-align: center;
}

/* Image Hotel */
.imgHotel {
    width: 100px;
    height: auto;
}

/* Hotels Table */
#tblHotel {
    border-spacing: 12px 24px;
}