/* the body div spans the whole browser area, rig defines the shape of the total content area */
body { font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; text-align: center; background-color: #fff; color: #000; }
div#rig { margin: 1em auto; width: 800px; text-align: left;  background-color: #fff; padding:0; color: #000; }

/* the header contains top_menu */
div#header { background-image: url("img/rw_top.jpg"); background-repeat: no-repeat; height: 100px; position: relative; margin: 0; padding: 0; }

/* slap internet explorer about a bit with it's FORMS ARE BLOCK LEVEL ELEMENTS rules */
* form { margin: 0; padding: 0; }
* input[type="text"] { padding: 0; margin: 0; width: 6em; }
* input[type="password"] { padding: 0; margin: 0; width: 6em; }

/* top_menu definitions, includes a UL classed "nav" */
div#header div#top_menu { color: white; background-color: #000; font-weight: bold; margin: 0 20px 0 20px; position: absolute; bottom: 5px; padding: 0; }
div#header div#top_menu ul.nav{ list-style: none; margin: 0 0 2px 0; padding: 0; }
div#header div#top_menu ul.nav li{ display: inline;  margin: 0; padding: 0; }
div#header div#top_menu ul.nav a{ border-bottom: solid 2px #800; color: white; background-color:#000; text-decoration: none; padding: 0 2px 0 2px;  font-size: 16px; margin: 0 2px 0 0; }
div#header div#top_menu ul.nav a:hover { border-bottom: solid 2px #f00; }

/* mid DIV contains the left, centre and right columns - Requires Width or Height apparently */
div#mid { height: 1%; padding: 0; margin: 0; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #fff; color: #000; }

/* left_col definitions, includes a UL classed "nav" */
div#left_col { width: 150px; float: left; clear: left; padding: 0px; margin: 1px;  }
div#left_col ul.nav{ list-style: none; padding: 0; margin: 0; text-align: left; }
div#left_col ul.nav li{ display: inline;  margin: 0; padding: 0; }
div#left_col ul.nav a { height: 18px; background: url( "img/button_black.jpg" ) no-repeat; display: block; color: white; background-color: #000; padding: 1px; margin: 1px 0 0 0; text-indent: 2px; text-decoration: none; }
div#left_col ul.nav a:hover { height: 18px; background: url( "img/button_red.jpg" ) no-repeat; text-decoration: none; color: white; background-color: #f00; }

div#left_col ul.module_list { list-style: none; padding: 0; margin: 0;}
div#left_col ul.module_list li { text-indent: 0; padding: 0; margin: 0;}

/* right_col definitions, includes a UL classed "nav" */
div#right_col { width: 150px; float: right; clear: right; padding: 0px; margin: 1px;  }
div#right_col ul.nav{ list-style: none; padding: 0; margin: 0; text-align: right; }
div#right_col ul.nav li{ display: inline;  margin: 0; padding: 0; }
div#right_col ul.nav a { height: 18px; background: url( "img/button_black.jpg" ) no-repeat; display: block; color: white; padding: 1px; margin: 1px 0 0 0; text-indent: 2px; text-decoration: none; background-color: #000; }
div#right_col ul.nav a:hover { height: 18px; background: url( "img/button_red.jpg" ) no-repeat; text-decoration: none; }

div#right_col ul.module_list { list-style: none; padding: 0; margin: 0;}
div#right_col ul.module_list li { text-indent: 0; padding: 0; margin: 0;}

/* content definitions, the CMS automatically assigns different ids based on the presence of the left and right columns */
/* every content div is also assigned the class "content" below these are for per-layout changes only */
div#content_lr   { margin: 0 150px 0 150px;}
div#content_l    { margin: 0 0 0 150px;}
div#content_r    { margin: 0 150px 0 0;}
div#content_     { margin: 0;}

/* content class - this is where global changes to content should be made */
div.content		{ padding: 5px; margin: 5px;}

/* generic stuff in content */
div.content h2 { margin-top: 2px; border-bottom: 1px solid black; }
div.content a { color: #a00; background-color: inherit; }
div.content a:hover { color: #f00; background-color: inherit; }
div.content p.center { text-align: center; }
div.content p.left { text-align: left; }
div.content p.right { text-align: right; }
div.content div.illustration { margin: 0; padding: 0; border: none; float: right; }
div.content div.illustration_image img { margin: 0; padding: 0; border: none; }
div.content div.illustration_caption { margin: 0; padding: 0; border: none; font-size: x-small; text-align: center; }
div.content em.strike{ text-decoration: line-through; font-style: normal; }

/* Paragraph tags which contain form elements are displaid inline but maintained for compliance sake */
p.form { border:0; padding:0; display: inline; }

/* modules */
div.module { border: none; padding: 0; margin: 1px 0 0 0; clear: both; }
div.module_title { height: 18px; color: white; background-color: black; background: url( "img/footer_bg.jpg" ) repeat-x; padding: 0 2px; margin: 0; }
div.module_body { border: 1px solid black; padding: 1px; margin: 0; background-color: #fff; color: #000;}

/* content message box */
div.content div.message_box { border: 1px solid #000; padding: 1px; margin: 1px; background-color: #eee; color: #000; text-align: center;}
div.content div.message_box p.message { margin: 2px; padding: 0; }
div.content div.message_box p.footnote { margin: 0; padding: 0; font-size: x-small; }

/* illustrations */
div.illustration { margin: 5px; padding: 0; float: right; border: 1px solid #999; text-align: center; }
div.illustration_image { margin: 0; padding: 0; text-align: center; border: none; color: #000; background-color: #fff;  }
div.illustration_image img{ margin: 0; padding: 0; border: none; }
div.illustration_caption { margin: 0; padding: 0; font-size: x-small; text-align: center; border-top: 1px solid #aaa; background-color: #ddd; color: #000; } 

/* custom divs for content can be added under the  div.content identifier for the sake of organization */

/* ---- ARTICLES ---- */
div.content div.article { padding: 0; margin: 0; }
div.content div.article div.article_header { padding: 1px 1px 0 1px; }
div.content div.article div.article_header div.article_header_image { float: right; border: 0; margin: 0; padding: 0; }
div.content div.article div.article_body { padding: 0 1px 1px  1px; }
div.content div.article div.article_footer {margin: 0; padding: 0; text-align: right; font-size: x-small; color: #999; background-color: #fff; clear: both; }

/* ---- ERROR MESSAGES ---- */
div.content div#error_box { margin: 0; padding: 0; border: 2px solid #f00; }
div.content div#error_box div#error_box_title { margin: 0px; padding: 1px; border: none; text-align: center; background-color: #f99; color: black; }
div.content div#error_box div#error_box_message { margin: 0px; padding: 1px; border: none; text-align: left; background-color: #f99; color: black; }
div.content div#error_box div#error_box_message p#error_message_text { text-align: center; font-size: large; }

/* forms in components */
div.content table.form { margin: 0; padding: 0; text-align: right; }
div.content table.form input[type="text"] { width: 300px; }
div.content table.form textarea { width: 300px; padding: 1px; height: 5em; font-family: verdana, tahoma, arial, sans-serif; font-size: 12px; }

/* the footer div */
div#footer { height: 18px; background: url( "img/footer_bg.jpg" ) repeat-x; font-size: x-small; color: #999; text-align: center; clear: both; padding: 4px 0 0 0; margin: 0; background-color: #000; }

/* general housekeeping */
.hidden { display: none; }