body { font-family: Georgia, serif; font-size: 10pt; background: #F7F9FF;}
#wrapper { width: 700px; background: #FFF; margin: 0 auto; padding: 5px 20px 15px 20px;}
#footer { width: 700px; padding: 10px 20px; margin: 0 auto; font-size: 8pt; color: #999; clear: both;}
#header { text-align: center; border-bottom: 1px solid #000;}
#nav { margin-bottom: 15px;}

input { display: block;}

a img {border: 0;}
a { text-decoration: none; color: #002bb8; background: none;}
a:visited { color: #5a3696;}
a:active { color: #faa700;}
a:hover { text-decoration: underline;}
#footer a { color: #555;}
.green { color: green;}
.green a { color: green;}

h1 { font-family: verdana, sans-serif; font-weight: bold; font-size: 16pt;}
#article h1 { margin-bottom: 3px;}
.article_subtitle { font-size: 12pt; font-style: italic;}
h2 { font-weight: normal; font-size: 15pt;}
.article_side { width: 310px; float: right; margin: 2px 0 10px 10px; border: 1px solid #DDD; background: #F2F2F2; font-family: "Trebuchet MS", sans-serif}
.article_byline { font-family: verdana, sans-serif; font-size: 8pt; color: #666;}
.article_byline a { color: #002bb8;}
.article_byline a.authorlink { color: #000; font-weight: bold;}
.article_image { margin: 5px; width: 300px;}
.article_caption { margin: 0 5px 5px 5px;}
.picture_switch {margin: 3px;}

.image_data { clear: right;}

table.bordered { border: 1px solid #D3D3D3; background: #EFEFEF; border-collapse: collapse;}
table.bordered th { background: #D3D3D3; text-align: left;}
table.bordered .row_1, table.bordered .row_1 td { background: #F2F2F2;}
td { vertical-align: top;}
.table_spacer { border-bottom: 3px solid #D3D3D3; border-top: 3px solid #D3D3D3; padding: 0;}

#right { float: right; width: 200px; background: #F2F2F2; border-top: 1px solid #DDD; 
	border-bottom: 1px solid #DDD; padding: 8px; margin-left: 20px;}
#main { width: 455px;}
#left { width: 463px;}
.articlebox { width: 120px; margin: 5px 10px 5px 0; float: left; border: 1px solid #DDD; overflow: hidden;
	background: #F2F2F2; height: 130px; padding: 5px; font-size: 90%; font-family: verdana, sans-serif;}
.articlebox.last {margin: 5px 0px 5px 0; }
p.article{ line-height: 150%;}

.info { font-size: 70%}
.hidden { display: none;}
.nobreak { display: inline;}
.clear {clear: both;}
.floatright { float: right}
.pagination { font-size: 16px; text-align: center;}
.pageselector.active { font-weight: bold;}
.articlelist_wrapper { overflow: hidden; margin-bottom: 13px;}
.articlelist { padding-bottom: 5px; width: 450px; clear: both; color: #333;}
.articlelist_title { font-size: 12pt; font-weight: bold; margin-bottom: 5px; display: block; font-family: verdana, sans-serif;}
.article_listing_image { float: right; width: 250px; padding: 0 0 5px 5px;}

/* Message Boxes */
.successful, .sucessful { background: url('/images/icons/accept.png') 5px 5px no-repeat #BDFFC2; border-top: 1px solid #6DB457; border-bottom: 1px solid #6DB457;
	padding: 5px 3px 5px 25px; width: 90%; margin: 5px auto 10px auto; color: #060;}
.message { background: url('/images/icons/information.png') 5px 5px no-repeat; background-color: #E2F6FF; border-top: 1px solid #648EBD; border-bottom: 1px solid #648EBD;
	padding: 5px 3px 5px 25px; width: 90%; margin: 3px auto; color: #006;}
.errorbox { background: url('/images/icons/exclamation.png') 5px 5px no-repeat #FDD; border-top: 1px solid #E86857; border-bottom: 1px solid #E86857;
	padding: 5px 3px 5px 25px; width: 90%; margin: 5px auto 10px auto; color: #900;}
	
/* pagination */
.pagination { text-align: right; margin-top: 5px; height: 30px;}
.pageselector { margin: 2px; border: 1px solid #BBB; display: inline; padding: 5px; height: 20px; text-align: center;
	text-decoration: none; color: #999; font-weight: bold; font-family: sans-serif; font-size: 10pt;}
.pageselector:visited { color: #999;}
.pageselector.active, .pageselector:hover {color: #000; text-decoration: none;}
a.pageselector:active { color: #005d9e;}
	
.fancybutton {border: 1px solid #DDD; background: url('/images/button_bg.png') repeat-x #D4D4D4; padding: 5px 10px; text-align: center; font-family: sans-serif;
	font-size: 12pt; color: #666; text-decoration: none; margin-bottom: 7px; -moz-border-radius: 6px; border-radius: 6px;}
.fancybutton:hover { text-decoration: none; border: 1px solid #999; color: #000;}
.fancybutton:active { background: url('/images/button_bg.png') repeat-x 30px bottom #999999;}
a.fancybutton:visited { color: #000;}
