/*
	Design by Free CSS Templates
	http://www.freecsstemplates.org
	Released for free under a Creative Commons Attribution 2.5 License
*/

/* Basic */

*
{
	margin: 0em;
	padding: 0em;
}

h1,h2
{
}

body
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: #666;
	background-color: #fff;
}

a
{
	color: #0077dd;
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

/* Outer */

#outer
{
	padding: 0em;
	margin: 0em;
	width: 100%;
}

/* Header */

#header
{
	position: relative;
	background: #004778 url('images/a5.gif') bottom left repeat-x;
	height: 10em;
	padding-left: 2em;
}

#header h1
{
	position: absolute;
	top: 1.8em;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header h2
{
	position: absolute;
	font-size: 0.8em;
	top: 8em;
	color: #E0E8EF;
}

/* userinfo */
#userinfo
{
	position: absolute;
	top: 1em;
	right: 3em;
	color: #E0E8EF;
}
#userinfo a
{
	color: #fff;
	padding: 0.1em;
	text-decoration: none;
}

#userinfo a:hover
{
	text-decoration: underline;
}

/* Menu */

#menu
{
	position: absolute;
	top: 5em;
	right: 3em;
}

#menu ul
{
	list-style: none;
}

#menu li
{
	display: inline;
	padding-left: 1.1em;
	margin-left: 1em;
	border-left: dotted 1px #E0E8EF;
}

#menu li.first
{
	border: 0em;
	margin-left: 0em;
	padding-left: 0em;
}

#menu li a
{
	color: #fff;
	padding: 0.1em;
	text-decoration: none;
}

#menu li a:hover
{
	text-decoration: underline;
}

/* Content */

#content
{
	line-height: 1.5em;
}


#content p
{
	margin-bottom: 1.5em;
}

#content h2,h3,h4,h5,h6
{
	color: #545454;
	margin-bottom: 1em;
	border-bottom: dashed 1px #dfdfdf;
	padding-bottom: 0.3em;
}

#content h2
{
	font-size: 1.5em;
}

#content h3
{
	font-size: 1.1em;
}

#content blockquote
{
	margin-bottom: 1.5em;
	padding: 0.75em 0.75em 0.75em 1.5em;
	border-left: solid 0.75em #005082;
	background: #FDFDFD url('images/a7.gif') top left repeat-x;
}

#content blockquote p
{
	margin-bottom: 0em;
}


#content table th.normalhead
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
	border-right: solid 1px #fff;
        padding: 2px;
}

#content table th.smallhead
{
	color: #fff;
	background: #006192 url('images/a8.gif') top left repeat-x;
        padding: 2px 8px 2px 8px;
}

#primaryContent li
{
  margin-left:25px;
}

#primaryContent .left_title li
{
  margin-left:0;
}

#primaryContent .top_title li
{
  margin-left:0;
}


#primaryContent .mootabs_title li
{
  margin-left:0;
}

/* Primary Content */

#primaryContentContainer
{
	background-color: #fff;
	float: right;
	margin: 0em -19em 0em -19em;
	width: 100%;
}

#primaryContent
{
	margin: 1.5em 18em 0em 11em;
	padding: 1.5em 1.6em 1.5em 1em;
}

/* Secondary Content */

#secondaryContent
{
	position: relative;
	float: left;
	width: 11em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a1.gif') top right repeat-y;
}

#secondaryContent ul
{
  list-style: none;
}

#secondaryContent li a
{
  text-decoration: none;
}

#secondaryContent li
{
  border-bottom: 1px  dashed #006192;
  width: 100%;
  margin-bottom: 5px;
}

#secondaryContent li a:hover
{
  color: #004e91;
  
}

#secondaryContent .xbg
{
	position: absolute;
	right: 0em;
	bottom: -64px;
	background: #fff url('images/a3.gif') top right no-repeat;
	height: 64px;
	width: 128px;
}

/* Tertiary Content */

#tertiaryContent
{
	position: relative;
	float: right;
	width: 11em;
	padding: 3em 2em 1.5em 2em;
	background: #fff url('images/a2.gif') top left repeat-y;
}

#tertiaryContent ul
{
  list-style: none;
}

#tertiaryContent li a
{
  text-decoration: none;
}

#tertiaryContent li
{
  border-bottom: 1px  dashed #006192;
  width: 100%;
  margin-bottom: 5px;
}

#tertiaryContent li a:hover
{
  color: #004e91;
  
}

#tertiaryContent .xbg
{
	position: absolute;
	left: 0em;
	bottom: -64px;
	background: #fff url('images/a4.gif') top left no-repeat;
	height: 64px;
	width: 128px;
}

/* Footer */

#footer
{
	position: relative;
	z-index: 1;
	border-top: dashed 1px #dfdfdf;
	padding: 1em 0em 2em 0em;
	margin: 1em 2em 0em 2em;
	text-align: center;
}

.clear
{
	clear: both;
}

/*The default user message infobar class - This may be changed or removed*/
#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding: .1em .3em .1em 2em;
	border-bottom: 1px inset;
	text-decoration: none;
	cursor: default;
}

#infobar a:hover {
	color: HighlightText;
	background-color: Highlight;
}

#errorbar a, #errorbar a:link, #errorbar a:visited, #errorbar a:active
{
	display: block;
	float: left;
	clear: both;
	width: 100%;
	padding: .1em .3em .1em 2em;
	border-bottom: 1px inset;
	text-decoration: none;
	cursor: default;
}

#errorbar a:hover {

}

/*Classes for BB Code - May be changed as you see fit*/
ul.bb-list-unordered { }
ol.bb-list-ordered { }
ol.bb-list-ordered-d { list-style-type:decimal; }
ol.bb-list-ordered-lr { list-style-type:lower-roman; }
ol.bb-list-ordered-ur { list-style-type:upper-roman; }
ol.bb-list-ordered-la { list-style-type:lower-alpha; }
ol.bb-list-ordered-ua { list-style-type:upper-alpha; }
ol.bb-listitem { }

.bb-code,
.bb-php {
  border: 1px solid black;
  padding: 10px;
  font-family: Courier;
  white-space: nowrap;
}

.bb-quote {
  border: 1px solid black;
  padding: 10px;
}

.bb-email { }
.bb-url { }

.bb-image {
  border-width: 0;
  border-style: none;
}

/*Class for buttons*/
.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-weight      : bold;
  padding		   : 3px;
  border           : 1px solid #000;
  background: #006192 url('images/a8.gif') top left repeat-x;
  color: #fff;
}

/*Class for form fields*/
.inputbox {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  border           : 1px solid #000;
}

input
{
  margin-right: 2px;
}

/*Class for form fieldsets*/
fieldset
{
	width: 90%;
	margin:30px;
	padding:4px;
}

/*Class for form legends*/
legend
{
	border: 1px solid #000;
	padding: 2px 6px;
	font-size:large;
	font-weight:bold;
}

/*Class for tables. The background-color is the colour of the border in tables*/
table.table {
	background-color: #000;
}

/*Class for table rows*/
.row
{
	background-color: #FFFFFF;
        padding: 2px 8px 2px 8px;
}

.newrow
{
	background-color: #E0E8EF;
        padding: 2px 8px 2px 8px;
}

/*Class for normal table headers*/
th.normalhead {
 text-align:center;
 font-size:large;
}

/*Class for smaller table headers*/
th.smallhead {
 text-align:center;
}

/*Classes for tabs and some built in menus (such as the subsite pages, and the user CP)*/
.tab-wrapper
{
	padding:				1em 1.5em;
	border:					0px solid #eee;
}
.tab-menu
{
	list-style:				none;
	padding:				2px 0;
	line-height:			        17px;
	font-size:				12px;
        text-align: left;
}
.tab-menu li
{
	display:				inline;
        padding:                                0;
	margin:					0 -15px;
}
.tab-menu li a
{
        background: #006192 url('images/a8.gif') top left repeat-x;
	color: #fff;
	padding: 2px 8px 2px 8px;
        margin: 0;
	border: 1px solid #000;
	text-align:center;
        text-decoration: none;
}
.tab-menu li a:hover,
.tab-menu li a:focus
{
  background: #006192 url('images/a9.gif') top left repeat-x;
  color            : #fff;
}
.tab-menu li a:hover
{
  background: #006192 url('images/a9.gif') top left repeat-x;
  color            : #fff;
}
.tab-menu li.tab-selected a
{
	background: #fff;
	color: #000;
}

.left_title {
	width:140px;
	float:left;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align:center;
}

.left_title li {
        background: #006192 url('images/a8.gif') top left repeat-x;
	color: #fff;
	padding: 2px 8px 2px 8px;
        margin:0px;
	margin-right: 2px;
	height: 20px;
	border: 1px solid #000;
	text-align:center;
	vertical-align:middle;
	display: block;
}

.left_title a {
	color: #fff;
	cursor: pointer;
	height: 20px;
	width:124px;
	display:block;
	text-align:center;
	vertical-align:middle;
        text-decoration: none;
}

.left_title li:hover {
  background: #006192 url('images/a9.gif') top left repeat-x;
  color            : #fff;
}

.left_title li.active {
	background: #fff;
	color: #000;
}

.left_title li.active a {
	color: #000;
	cursor: pointer;
	height: 20px;
	text-align:center;
}

.left_title li.mouseOver {
  background-color : #777;
  color            : #fff;
}

.top_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	margin-right: 15px;
	padding: 0px;
	height: 24px;
	text-align:center;
}

.top_title li {
	float:left;
	background: #006192 url('images/a8.gif') top left repeat-x;
	color: #fff;
	padding: 2px 8px 2px 8px;
        margin:0px;
	margin-right: 2px;
	height: 20px;
	border: 1px solid #000;
	text-align:center;
	vertical-align:middle;
	display: block;
}

.top_title a {
	color: #fff;
	cursor: pointer;
	height: 20px;
	display:block;
	text-align:center;
	vertical-align:middle;
        text-decoration: none;
}

.top_title li:hover {
  background: #006192 url('images/a9.gif') top left repeat-x;
  color            : #fff;
}

.top_title li.active {
	background: #fff;
	color: #000;
}

.top_title li.active a {
	color: #000;
	cursor: pointer;
	height: 20px;
	text-align:center;
}

.top_title li.mouseOver {
  background-color : #777;
  color            : #fff;
}

/*Class for the error text under fields*/
.error {
	font-family: Tahoma;
	font-size: 10pt;
	color: red;
	display:none;
}

/*Classes used by articles*/
.article
{
}

.articletitle
{
	margin:1px;
}

.articleinfo
{
	clear:both;
	text-align:right;
	color:#888;
	font-size:small;
}

.articlebottom
{
	clear:both;
	border-top: 1px solid black;
}
.articlepicture
{
	float:left;
	margin:10px;
	margin-top:5px;
}

.articledetail
{
	padding:2px;
	clear:both;
}

.articlephotos
{
	padding:2px;
	margin-left:20px;
	width:100%;
	text-align:center;
}

.articlecomments
{
	padding:2px;
	margin-right:20px;
	width:100%;
}

.comments
{
	margin:5px;
	padding: 2px;
	border-bottom: 1px solid black;
	width:100%;
}

.commentname
{
	text-align:left;
	color:#888;
	font-size:small;
}

.articlecomments h3
{
	margin:1px;
}

.articlephotos h3
{
	margin:1px;
}

/*Classes for checklists*/
.checklist {
    border: 1px solid #ccc;
    list-style: none;
    height: 20em;
    overflow: auto;
    width: 16em;
}

.checklist, .checklist li { margin: 0; padding: 0; }

.checklist label {
    display: block;
    padding-left: 25px;
    text-indent: -25px;
}

.checklist label:hover { background: #335368; color: #feffff; }

* html .checklist label { height: 1%; }

/*Classes used by forum posts*/
.post
{
	padding:5px;
}

.signature
{
	padding:5px;
	margin-top:10px;
	border-top:1px solid #000;
}

/*Classes used by forms*/
.field .inputboxwrapper
{
  display: block;
  width: 70%;
  float: left;
  margin-bottom: 20px;
  text-align:left;
}

.field .inputbox {
	width: 90%;
}

.field .label {
	display: block;
	width:25%;
	float: left;
	margin-bottom: 20px;
	text-align: right;
	padding-right: 10px;
	font-weight:bold;
}


.field br {
	clear: left;
}

.submitWrapper {
	text-align:center;
}

 /*CSS for link that shows hint onmouseover*/
.hintanchor{
font-weight: bold;
color: #335368;
margin: 3px 8px;
text-decoration:none;
}

.tool-tip {
	color: #feffff;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	margin: 0;
	color: #C4D4DF;
	padding: 8px 8px 4px;
	background: #335368;
}
 
.tool-text {
	padding: 4px 8px 8px;
	background: #335368;
}

/*Used by the search button on the Scout Search sidebox*/
.searchButton {
  width: 32px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

/*Select image class used by places where you select an image from an album*/
.selectImage{
	border-color:#00ff00;
	background-color:black;
}

/*Classes used by the calendar*/
.calendar_today {color:#ffffff; background-color:#00038a;border:1px solid #00038a;border-bottom:0px;}
.calendar_day {border:1px solid #00038a;border-bottom:0px;background-color: #FFFFFF;}
.calendar_spacer {border:1px solid #00038a;border-top:0px;background-color: #FFFFFF;}
.calendar_item {border:1px solid #00038a;border-top:0px;border-bottom:0px;background-color: #FFFFFF;padding:0px;}
.calendar_item_div {padding:1px;}
.calendar_year_view_head {border:1px solid #00038a; color:#000000; text-align:center; font-size:large; background-color:#fff;padding:4px;}
.calendar_year_view_row {border:1px solid #00038a;background-color: #FFFFFF;text-align:center;padding:4px;}
.calendar_year_view_row2 {border:1px solid #00038a;background-color: #FFFFFF;text-align:left;padding:0px;}
.calendar_year_view_row_today {color:#ffffff; background-color:#00038a; text-align:center; font-style:italic; font-weight:bolder;}
.calendar_head { text-align:center; background-color:#fff;color:#000000;border:1px solid #00038a;}
.calendar_bighead { text-align:center; font-size:large; background-color:#fff;color:#fff;border:1px solid #00038a;} 
.calendar_day_invalid { background-color: #4689ad;}
.calendar_spacer_invalid { background-color: #4689ad;}


/*Classes used by photo albums*/
.photoblocks {
	float:left;
	text-align:center;
	vertical-align:middle;
	width:150px;
	height:150px;
	margin: 5px;
	padding:5px;
	border: 3px double #777;
	display:block;
}

.photoblocks a
{
	border: 0px;
}

/*Generic text classes*/
.smalltext
{
	color:#444;
	font-size:small;
}

.tinytext
{
	color:#999;
	font-size:8pt;
}

/*Used by side boxes*/
.sidebox
{
  
}

.sidebox a
{
  line-height: 1.5em;
}

.newsitem
{
  margin-top: 10px;
  border-bottom: 1px dashed #006192;
}

.topicitem
{
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #006192;
}