/* CSS layout */
html
{
    overflow:auto;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	background-color: #fff;
}

#masthead {
	margin: 0;
	padding: 0;
	overflow:hidden;
	text-align: right;
	width: 100%;
	background-image:url('./logos/topbg.jpg');
}

#top_nav {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	background-color: #fddfaa;
	overflow: hidden;
	font-size: 1.1em;
	font-weight:bolder;
}

#container {
	position:relative;
	margin-top:15px;
	min-width: 800px;
	padding:10px;
	}

#left_col {
	width: 15%;
	float:left;
}

#page_content {
	margin-left:16%;
    margin-right:16%;
    }
    
#page_content_bigger {
	margin-left:16%;
    margin-right:16%;
    font-size:larger;
    }

#page_content_center {
	margin:auto;
	padding: 5px;
	}


#right_col {
	width: 15%;
	float:right;
}


/* Styles for Masthead */
#masthead img {
	float: left;
	margin: 0;
	padding: 0;
}

#masthead p {
	font-size: small;
	text-align: right;
	color: #000;
	margin: 10px 10px 10px 0;
	padding: 0px;
}

/* Styles for Navigation */
#top_nav ul {
	list-style-type: none;
	width: 100%;
	margin: 1px;
	padding: 0;
}

#top_nav li {
	float: left;
}

#top_nav a {
	color: #222222;
	text-decoration: none;
	display: block;
	padding: 6px;
	border: 1px solid #dfcfbf;
	background-color: #ed9;
}

#top_nav a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #ed9;
	background-color: #ffffcc;
}

/* Styles for Content */
h1 {
	font-size: 2em;
	color: #393939;
}

h2 {
	font-size: 1.75em;
	color: #393939;
}

h3 {
	font-size: 1.5em;
	color: #393939;
}

h4 {
	font-size: 1.25em;
	color: #393939;
}

h5 {
	font-size: 0.75em;
	color: #393939;
}

h6 {
	font-size: 0.5em;
	color: #393939;
}

#one-column-container {
	padding:5px
	}

#one-column-middle p {
	margin:5px;	
	text-align:center;
	width:90%;
	margin-left: auto;
    margin-right: auto;
    font-size: 1.0em;
	}
			
#one-column-middle_left p {
	margin:0px;	
	text-align:left;
	width:90%;
	    font-size: 1.0em;
	}


#three-column-container {
	margin:15px 15px 15px 15px;
	}

#three-column-side1 {
	float:left;
	width:30%;
	margin:10px;
	padding:3px;
}

#three-column-side2 {
	float:right;
	width:30%;
	margin:10px;
	padding:3px;
	}

#three-column-middle {
	width:30%;
	margin:10px;
	float:left;
	padding:3px;
}

.cell {
	width:auto;
	height:auto;
	display:table-cell;
}

.row {
	width:100%;
	height:100%;
	display:table-row;
	}


/* Styles for Footer */
#footer {
	width: auto;
	clear: both;
	overflow: auto;
	background-color: #fddfaa;
	padding-bottom: 5px;
}

.footer {
	width: auto;
	clear: both;
	overflow:hidden;
	background-color: #fddfaa;
	padding-bottom: 5px;
}

#footer p {
	font-size: 0.9em;
	text-align: center;
	color: #393939;
	margin: 10px;
	padding: 3px;
}

#footer a {
	color: #393939;
	text-decoration: underline;
	font-weight:bolder;
}

#footer a:hover {
	color: #000;
	text-decoration: none;
}

/* Styles for Links */
a {
	color: #000099;
	text-decoration: underline;
}

a:hover {
	color: #0033cc;
	text-decoration: none;
}

.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}

/* Special */
.sub { 
	vertical-align: -0.6ex; 
	}
	
.sup { 
	vertical-align: 0.8ex;
	}

table.yellowborder {
	border-left: 1px solid #e8d8a8;
	border-top: 1px solid #e8d8a8;
	border-right: 2px solid #f0d09e;
	border-bottom: 2px solid #f0d09e;
		} 
	
table.greyborder {
	border-bottom: 2px #909090 solid;
	border-right: 2px #909090 solid;
	border-top: 1px #c0c0c0 solid;
	border-left: 1px #c0c0c0 solid;
	}
	
.updateProgress {
    border-width:1px; 
    border-style:solid; 
    border-color:#AAA;
    background-color:#EEE; 
    position:absolute; 
    width: 140px; 
    height: 50px;    
}

.updateProgressMessage {
    margin:3px; 
    font-family: Arial, Verdana, Helvetica, sans-serif; 
    font-size: 1.0em;
    font-weight: bolder; 
    vertical-align: middle;
    color: #444;
}

table.ArticlesCss {
    border-spacing: 1px;
    border-collapse: collapse;
    border: 1px solid #eee;
}

table.ArticlesCss th {
    text-align: left;
    font-weight: normal;
    padding: 3px;
    border: 1px #eee solid;
    width: 100%;
}

table.ArticlesCss td {
    text-align: left;
    border: 1px solid #ddd;
    padding: 3px;
}

table.ArticlesCss thead th {
    text-align: left;
    background: #efefef;
    font-weight: bold;
    padding: 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

table.ArticlesCss th.Corner {
    text-align: left;
}

table.ArticlesCss tr.Odd {
    background: #eee;
}

table.ArticlesCss tr.None {
}

table.ArticlesCss tr:hover {
	cursor: pointer;
	background-color: #ffffc5;
}

table.ArticlesCss th:hover {
	cursor: pointer;
}

table.ArticlesCss tr.selected {
	background-color: #ffffaa;
}

table.ArticlesCss tr.highlight {
	cursor: pointer;
	background-color: #dedede;
}

table.ArticlesCss th.sortascheaderstyle {
    background: #efefef url(images/sort_asc.gif) no-repeat scroll right center;
    padding-left: 3px;
}

table.ArticlesCss th.sortdescheaderstyle {
    background: #efefef url(images/sort_desc.gif) no-repeat scroll right center;
    padding-left: 3px;
} 

table.ArticlesCss .sortascrowstyle {
	background: #ffffdd;
    padding-left: 3px;
    border: 1px solid #dddddd;
}

table.ArticlesCss .sortdescrowstyle {
	background: #ffffbb;
    padding-left: 3px;
    border: 1px solid #dddddd;
}

table.Pager {
    border-spacing: 1px;
    border-collapse: collapse;
    border: 1px solid #eee;
    font-weight: normal; 
    font-size: .9em;
    width: 100%;
}

table.Pager thead th {
    text-align: left; 
    background: #ddd;
    border: 1px solid #ddd;
    padding: 3px;
    font-size: 1.1em;
    font-weight: normal;
}