/* default element styles */

body
{
	background: #333333;
	font-family: Verdana,Arial;
	font-size: 10pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}

a
{
	color: #fcdd7f;
	text-decoration: none;
}

a:hover
{
	color: #f8be0c;
}

a:visited
{
	color: #c99907;
}

th
{
	font-weight: bold;
	padding: 4px 4px 2px 4px;
}

td
{
	padding: 2px 4px 2px 4px;
}

strong 
{
    font-weight: bold;
}


/* Header */

#Header
{
	border-bottom: 1px solid #555555;
	background: #000000;
	overflow: hidden;
	padding: 2px 0px 0px 20px;
}

#Header h1
{
  color: #ffffff;
  float: left;
  font-weight: normal;
  font-size: 16pt;
  letter-spacing: 1px;
  padding: 18px 0px 12px 0px;
  position: relative;
  overflow: hidden;
}

#Header h1 span
{
	background: url(gradient-dark.png) repeat-x 0 8px;
	*background: url(gradient-dark.png) repeat-x 0 10px;
	_background: none;
	position: absolute;
	display: block;
	width: 100%;
	height: 31px;
}

#SearchPanel
{
	float: right;
	padding: 15px 20px 1px 0px;
}

#SearchPanel #Searchfield
{
	border: none;
	background: #000000 url(searchfield.gif) no-repeat;
	display: block;
	font-size: 10pt;
	padding: 7px 40px 8px 15px;
	width: 205px;
}

#SearchPanel .searchfield:focus
{
	background-image: url(searchfield_active.gif);
	outline: none;
}

#LoginPanel
{
	float: right;
	padding: 17px 20px 0 0;
	overflow: hidden;
}

#LoginPanel a
{
	color: #fcdd7f;
	font-size: 9pt;
	text-decoration: none;
}
#LoginPanel a:hover
{
	color: #f8be0c;
}



/* Navigation */

#MainNavigation
{
	background: #808080 url(body_bg2.png) bottom left;
	border-top: 1px solid #888888;
}

#MainNavigation ul
{
	list-style: none;
	overflow: hidden;
	padding: 15px 10px 0px 10px;
	margin: 0;
}

#MainNavigation li
{
	display: block;
	float: left;
	margin: 0;
}

#MainNavigation li.active
{
}


#MainNavigation li a
{
	color: #dddddd;
	font-weight: bold;
	display: block;
	padding: 4px 15px 4px 15px;
	text-decoration: none;
}

#MainNavigation li a:hover
{
	color: #eeeeee;
}

#MainNavigation li.active a
{
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #999999;
	border-right: 1px solid #bbbbbb;
	background: #222222;
	background: #333333;
	color: #eeeeee;
}



/* Main */

#Main
{
	border-bottom: 1px solid #222222; /*	background: #333333 url(body_bg.png) repeat-x; */
	padding: 10px 15px 15px 15px;
	overflow: hidden;
	min-width: 990px;
	min-height: 700px;
}

#Main .contentPane
{
	float: left;
	margin: 10px 0px 0px 0px;
	width: 740px;
}

#Main .sidePane
{
	overflow: hidden;
	vertical-align: top;
}

/* Sitemap Breadcrumb */
.siteMapNode
{
	font-size: 8pt;
	display: block;
	float: left;
	margin: 0px 4px 0px 4px;
}

.siteMapNode.root
{
	margin: 0px 4px 0px 0px;
}

.siteMapNodeSeparator
{
	display: block;
	color: #cccccc;
	float: left;
	font-size: 12pt;
}

#ctl00_SiteMapPath 
{
	display: table-row;
	*display: block;
	overflow: hidden;
	clear: left;
}

#ctl00_SiteMapPath a
{
	color: #cccccc;
	text-decoration: none;
}

#ctl00_SiteMapPath a:hover
{
	color: #ffffff;
}

/* content pane */

.contentPane .section
{
	background: #335e8c url(section-grad.png) repeat-x;
	border-bottom: 1px solid #294b74;
	border-bottom: 1px solid #4c7aa7;
	border-top: 1px solid #4c7aa7;
	border-left: 1px solid #4c7aa7;
	border-right: 1px solid #4c7aa7;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	min-height: 200px;
}

.contentPane .section .paging
{
	float: right;
	margin: 20px 15px 0px 15px;
	padding: 2px 4px 2px 4px;
}

.contentPane .section .paging a
{
}


.contentPane .section fieldset
{
	border: 1px solid #4c7aa7;
	margin: 10px 20px 10px 20px;
}

.contentPane .section fieldset legend
{
	color: #cccccc;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
}

.contentPane .section fieldset input[type=text]
{
	display: inline;
	width: 450px;
}

.contentPane .section fieldset label.inline
{
	display: inline;
}

.contentPane .section label
{
	display: inline-block;
	width: 100px;
}

.contentPane .section fieldset input[type=submit]
{
	margin: 10px 0px 0px 0px;
}

.contentPane .section fieldset span.field-validation-error
{
	color: #ff4444;
	margin: 0px 0px 0px 5px;
}

.contentPane .section ul.validation-summary-errors
{
	color: #ff4444;
	display: none;
	margin: 10px 20px 10px 20px;
	list-style-type: disc;
}

.contentPane .section h1
{
	border-bottom: 1px solid #4c7aa7;
	font-size: 14pt;
	font-weight: normal;
	padding: 17px 20px 17px 20px;
	margin: 0 0 5px 0;
	color: #cccccc;
	letter-spacing: 1px;
}

.contentPane .section h1 span
{
	font-size: 0.7em;
}

.contentPane .section h2
{
	font-size: 12pt;
	font-weight: bold;
	margin: 30px 20px 0px 20px;
}

.contentPane .section h3
{
	font-size: 11pt;
	font-weight: bold;
	margin: 30px 20px 0px 20px;
}

.contentPane .section p, .contentPane .section ul, .contentPane .section table
{
	margin: 10px 20px 10px 20px;
}

.contentPane .section table
{
	table-layout: auto;
}

.contentPane .section table td
{
	font-size: 0.9em;
}

.contentPane .section table td a
{
	color: #cccccc;
}

.contentPane .section table td a:hover
{
	color: #ffffff;
}


.contentPane .section table th.actions
{
	width: 100px;
}

.contentPane .section table td.actions a
{
	color: #fcdd7f;
}

.contentPane .section table td.actions a:hover
{
	color: #f8be0c;
}

.contentPane .section table td.actions a:visited
{
	color: #c99907;
}


.contentPane .section table.history td
{
	padding: 2px 10px 10px 0px;
	vertical-align: top;
}

.contentPane .section .favIndicator
{
	background: url(star_grey.png) no-repeat;
	cursor: pointer;
	width: 16px;
	height: 16px;
}

.contentPane .section .favIndicator.fav 
{
	background: url(star_hover.png) no-repeat;
}

/* side pane */

.sidePane .section
{
	background: transparent;
	border: none;
	float: left;
	margin: 10px 0px 10px 10px;
	overflow: hidden;
	min-width: 235px;
	max-width: 470px;
}

.sidePane .section.wide
{
	min-width: 300px;
	max-width: 470px;
}


.sidePane .section h1
{
	font-size: 12pt;
	font-weight: normal;
	margin: 0px 5px 5px 5px;
	color: #cccccc;
	letter-spacing: 1px;
}

.sidePane .section p, .sidePane .section ul, .sidePane .section table
{
	padding: 0px 5px 10px 5px;
}

.sidePane .learnmore 
{
	background: #444444;
	background: #2B7778;
	border: 1px solid #666666;
	border: 1px solid #32898B;
}

.sidePane .learnmore h1
{
	color: #cccccc;
	font-size: 13pt;
	font-weight: normal;
	padding: 10px 10px 7px 10px;
	margin: 0;
}

.sidePane .learnmore h2
{
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 5px 0px 10px;
}

.sidePane .learnmore p
{
	padding: 0px 10px 10px 10px;
}

.sidePane .learnmore a:visited
{
	color: #E2AC08;
}

.sidePane .calendar-events 
{
	background: #786B77;
	border: 1px solid #484B47;
}

.sidePane .calendar-events h1
{
	color: #cccccc;
	font-size: 13pt;
	font-weight: normal;
	padding: 10px 10px 7px 10px;
	margin: 0;
}

.sidePane .calendar-events h2
{
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 5px 0px 10px;
	overflow: hidden;
}

.sidePane .calendar-events p
{
	padding: 0px 10px 10px 10px;
	overflow: hidden;
}

.data-time
{
	display: block;
	float: right;
	font-family: Courier New;
	font-size: 9pt;
	margin-right: 4px;
}

.location
{
	display: block;
	float: right;
	font-family: Courier New;
	font-size: 9pt;
	margin-right: 4px;
}


.sidePane .favorites
{
	background: #6B7877;
	border: 1px solid #4B4847;
}

.sidePane .favorites h1
{
	color: #cccccc;
	font-size: 13pt;
	font-weight: normal;
	padding: 10px 10px 7px 10px;
	margin: 0;
}

.sidePane .favorites h2
{
	font-size: 10pt;
	font-weight: bold;
	padding: 5px 5px 0px 10px;
	overflow: hidden;
}

.sidePane .favorites ul
{
	padding: 0px 10px 10px 10px;
	overflow: hidden;
}

/* footer */

#Footer
{
	border-top: 1px solid #404040;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 8pt;
	color: #666666;
	text-align: center;
}

#Footer a
{
	color: #666666;
}

#Footer a:hover
{
	color: #888888;
}