/* COLOUR SCHEME - The colour scheme can be changed easily in
   this style sheet. */

/* edit this rule to change the page background colour */
html, body {background: #993300;}

/* edit this rule to change the border around the content
   and the background colour behind the sidebar */
#container {border-color: #036; background: #85a4c7;}

/* MASTHEAD */
/* edit this rule to change the background of the masthead */
#masthead {background: #e6e6dc;}

/* edit this rule to change the colour of the region's name */
#masthead h2 {color: #c60;}

/* edit this rule to change the colour of the separators between
   the toplinks (FAQ, Site Map, and so on) */
#masthead #toplinks {color: #853;}

/* edit this rule to change the colour of the toplinks
  (FAQ, Site Map, and so on) */
#masthead #toplinks a {color: #28435e;}

/* edit this rule to change the colour of the toplinks
  (FAQ, Site Map, and so on) when they are being hovered */
#masthead #toplinks a:hover {color: #668ab2;}

/* edit this rule to change the colours of the submit button
   that's in the masthead */
#masthead .submit {color: #fff; background: #369;
  border-color: #85a4c7 #003 #003 #85a4c7;}

/* MAIN NAVIGATION BAR */
/* edit this rule to change the background of the navigation links 
   underneath the masthead */
#navbar {background: #003366;}

/* edit this rule to change the colour of the navigation links */
#navbar a {color: #cee4f2;}

/* edit this rule to change the background of navigation links
   when they're being hovered AND the navigation link 
   that corresponds to the current page*/
#navbar a:hover, #navbar .current a {background: #c60; color: #fff;}

/* MAIN CONTENT AREA */
/* edit this rule to change the text and border colour of the
   page's title */
#content h2 {color: #c60; border-bottom-color: #999;}

}
#main {
	CLEAR: both; BORDER-TOP: #536d84 25px solid
}

}
#contentshadow {
	padding:0px; BACKGROUND: #6a7a8a url('../images/templates/content_droptop.gif') no-repeat 100% -5px; FLOAT: left; WIDTH: 460px; margin-left:20px; margin-right:0px; margin-top:-3px; margin-bottom:-5px
}
#content {
	padding:20px; border-right:0px solid #fff; border-top:1px solid #25435d; background:#f9f2ea url('../images/templates/content_bg.gif') repeat-x left top; LEFT: -5px; BORDER-LEFT: 1px solid #22445b; BORDER-BOTTOM: 0px solid #fff; POSITION: relative; TOP: -5px
}
#content A {
	COLOR: #9f3607
}
#content A:hover {
	COLOR: #cc7c31
}
A.more {
	PADDING-RIGHT: 9px; BACKGROUND: url('../images/templates/more-arr.gif') no-repeat 100% 60%; BORDER-BOTTOM: 1px solid; TEXT-DECORATION: none
}

/* edit this rule to change the colour of links in the page's
   main content */
#content a {color: #c60;}

/* edit this rule to change the colour of links in the page's
   main content when they're being hovered */
#content a:hover {color: #000;}

/* SIDEBAR */
/* edit this rule to change the colour of links in the sidebar */
#sidebar a {color: #036;}

/* edit this rule to change the colour of links in the sidebar
   when they're being hovered or current */
#sidebar a:hover, #sidebar li.current a {color: #ececec;}

/* FOOTER */
/* edit this rule to change the text and background colours
   in the footer*/
#footer {color: #fff; background: #003;}

/* edit this rule to change the colour of links in the footer */
#footer a {color: #cee4f2;}

/* edit this rule to change the colour of links in the footer
   when they're being hovered */
#footer a:hover {color: #fff;}