/* visual styles */
/* Global styles */

body {
	background:white;
	color:#073478;
	font:x-small/1.5em Tahoma, Geneva, sans-serif;
	voice-family: "\"}\""; voice-family:inherit;
	font-size:small;
} html>body {font-size:small;}

/* ensures consistency across browsers */
* {
	margin:0;
	padding:0;
	line-height:normal;
}

/* required for shift-tab in IE6: makes the active styles show*/
a:active, a:focus {
	color:#073478;
	background-color:#D4FEFF;
}

h1 {
	font-weight:bold;
	font-size:200%;
	padding:0.5em 0 0.1em 0;
}

h2, .contentheading, .componentheading {
	font-weight:bold;
	font-size:180%;
	padding:0.5em 0 0.1em 0;
}

h3 {
	font-weight:bold;
	font-size:130%;
	padding:0.5em 0 0.1em 0;
}

h4 {
	font-weight:bold;
	font-size:110%;
	padding:0.5em 0 0.1em 0;
}

h5 {
	font-weight:bold;
	font-size:100%;
	padding:0.5em 0 0.1em 0;
}

li {
	font-size:100%;
}

p {
	padding:0.5em 0 0.2em 0;
	line-height:1.1;
}

td {
	padding:0.5em;
}

th {
	font-weight:bold;
}

ul {
	margin:0.5em 0 0.5em 2em;
}

#wrapper {
	background:#FFFED5;
	color:#073478;
	border:1px solid #3558BA;
	padding:8px;
}

/* Main horizontal menu */
#mainnav {
	background:#FFFED5;
}

#mainnav ul {
	margin:0;
}

#mainnav li {
	display:inline;
	position:relative; /* prevents IE hover bug if menu is centred, needed because A has position:relative */
}

#mainnav li a {
	white-space:nowrap;
	float:left;
	background:url("../images/menu_top_left.gif") #D4FEFF no-repeat left top;
	margin:0 4px 8px 0; /* spacing between buttons */
	text-decoration:none;
	display:inline; /* fixes double margin bug in IE */
	color:#0C36B4;
	font-weight:bold;
	font-size:110%;
}

#mainnav li a span {
	display:block;
	background:url("../images/menu_top_right.gif") no-repeat right top;
}

#mainnav li a span span {
	background:url("../images/menu_bottom_left.gif") no-repeat left bottom;
}

#mainnav li a span span span {
	background:url("../images/menu_bottom_right.gif") no-repeat right bottom;
	padding:8px 0.5em 8px 0.5em;
	min-width:8em;
	text-align:center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainnav a span {float:none;}
/* End IE5-Mac hack */

#mainnav .active a {
	background-color: #0C36B4;
	color:white;
}

#mainnav a:hover {
	background-color:#630F14;
	color:white;
}

#mainnav .active a:hover {
	background-color:#072478;
	color:white;
}

#mainnav a:active,
#mainnav a:focus {
	background-color:#FFFC75;
	color:#0C36B4;
}

#mainnav .active a:active,
#mainnav .active a:focus {
	background-color:#072478;
	color:#FFFC75;
}

/* Header / site title */
#header {
	background:#FFFED5;
	clear:left; /* required because menu above is floated */
}

/* shows a graphical form of the main site title as a logo, while providing semantically meaningful text */
#header h1 {
    width: 822px;
    min-height: 50px;
    position: relative;
    font-size:150%;
}

#header h1 span {
    background: url("../images/site_title.gif") no-repeat;
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
}

#breadcrumbs {
	background:#FFFED5;
	display:inline;
}

/* Vertical submenu */
#submenu {
	padding-bottom:8px;
}

#submenu .menu {
	list-style-type:none;
	margin:0;
}

#submenu .menu li a {
	float:left;
	white-space:nowrap;
	background:url("../images/submenu_top_left.gif") #FFFFFF no-repeat left top;
	margin:0 0 5px 0; /* spacing between buttons */
	text-decoration:none;
	color:#660000;
	font-weight:bold;
	font-size:100%;
}

#submenu .menu li a span {
display:block;
	background:url("../images/submenu_top_right.gif") no-repeat right top;
}

#submenu .menu li a span span {
	background:url("../images/submenu_bottom_left.gif") no-repeat left bottom;
}

#submenu .menu li a span span span {
	background:url("../images/submenu_bottom_right.gif") no-repeat right bottom;
	padding:6px 0 6px 1em;
	width:15em;
	text-align:left;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#submenu .menu a span {float:none;}
/* End IE5-Mac hack */

#submenu .menu #current a {
	background-color: #072478;
	color:white;
}

#submenu .menu a:hover {
	background-color:#630F14;
	color:white;
}

#submenu .menu #current a:hover {
	background-color:#0C36B4;
	color:white;
}

#submenu .menu a:active,
#submenu .menu a:focus {
	background-color:#FFFC75;
	color:#0C36B4;
}

#submenu .menu #current a:active,
#submenu .menu #current a:focus {
	background-color:#072478;
	color:#FFFC75;
}

/* Main Content */
#main_content table {
	width:auto;
}

/* remove padding from content pane layout tables */
.left_col {
	padding:0;
}

#main_content td {
	padding:0;
}

/* styles for use within articles */
.floatright {
	float:right;
	margin-left:5px;
}

.floatleft {
	float:left;
	margin-right:5px;
}

/* styles for modules */
fieldset {
	border: none;
	padding: 10px 5px;
}

/* Breadcrumbs */
.pathway {
	padding:3px 0 3px 10px;
}

.module {
	margin:0 0 15px 0;
}

/* Rounded corner panels */
#left_col div.module {
  background: url("../images/panel_top_left.gif") top left no-repeat;
  	background-color:#D4FEFF;
  	color:#072478;
}

#left_col div.module div {
  background: url("../images/panel_bottom_left.gif") bottom left no-repeat;
}

#left_col div.module div div {
  background: url("../images/panel_top_right.gif") top right no-repeat;
}
 
#left_col div.module div div div {
  background: url("../images/panel_bottom_right.gif") bottom right no-repeat;
  padding:0 15px 15px 15px;
}

/* very specific style to prevent buttons within poll from having corner graphic, or any other styles from bounding divs. Only needed for poll within rounded element */
#left_col div.module div div div .poll tr td div {
	background:none;
	padding:0;
}

#left_col div.module .search {
	background:none;
	padding:0;
}

#left_col #form-login div {
	background:none;
	padding:0;
}

/* alternate panel style */
div.module {
  background: url("../images/panel_top_left_2.gif") top left no-repeat;
  	background-color:#F4FFFF;
  	color:#660000;
}

div.module div {
  background: url("../images/panel_bottom_left_2.gif") bottom left no-repeat;
}

div.module div div {
  background: url("../images/panel_top_right_2.gif") top right no-repeat;
}
 
div.module div div div {
  background: url("../images/panel_bottom_right_2.gif") bottom right no-repeat;
  padding:0 15px 15px 15px;
}

/* very specific style to prevent buttons within poll from having corner graphic, or any other styles from bounding divs. Only needed for poll within rounded element */
div.module div div div .poll tr td div {
	background:none;
	padding:0;
}

div.module .search {
	background:none;
	padding:0;
}

#form-login div {
	background:none;
	padding:0;
}

/* Poll module */
.poll {
	width:auto;
}

.poll td {
	text-align:left;
}

/* Footer */
#footer {
	background: url("../images/panel_top_left.gif") top left no-repeat;
  	background-color:#D4FEFF;
  		font-size:85%;
}

#footer div {
  background: url("../images/panel_bottom_left.gif") bottom left no-repeat;
}

#footer div div {
  background: url("../images/panel_top_right.gif") top right no-repeat;
}
 
#footer div div div {
  background: url("../images/panel_bottom_right.gif") bottom right no-repeat;
}

#footer p {
	padding:15px 0 15px 30px;
}

#footer span {
	float:right;
	padding:15px 30px 15px 0;
}