/* 1. Global styles */

a {
	color: #0094C6;
	text-decoration: none;
}

a:link, a:hover, a:visited, a:active
{
}
body
{
	color: #404040;

}
/* 2. Styles for wrappers */

div#wrapper
{
	width: auto;
}
div#contentLeft
{
	width: 30%;
}
div#contentCenter
{
	width: 40%;
}
div#contentRight
{
	width: 30%;
}

div.clear
{
	clear: both;
}

/* 3. Default styles for controls */

div.control
{
}
div.control div.content
{
}
div.control div.title
{
}
div.control div.function
{
}

/* 4. Control type specific overrides */

div.navigationPath ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.navigationPath li
{
	float: left;
	display: block;
}


/* 5. Wrapper specific overrides */

div#main div.control
{
}
div#contentLeft div.control 
{
}

/* 6. Additional css classes */

div.vertical
{
	clear: left;
}
div.vertical ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.vertical ul li
{
	float: left;
	padding-right: 10px;
	display: block;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}

div#wrapper {
	width: auto;
}

div#headerWrapper, div#contentWrapper {
	margin: 0 auto;
	padding: 0 30px;
	width: 900px;
	float: none;
}

div#headerWide {
	background-color: #18B7EF;
	background-image: url(/Layout/PublicSite/Image/header-bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	color: #FFFFFF;
	width: 100%;
}

#headerWrapper h1 {
	width: 258px;
	height: 54px;
	float: left;
}


#headerWrapper h2
{
	float: left;
	line-height: 54px;
	margin-left: 40px;
	font-size: 2em;
}

#contentMain, #contentNavi, #contentRight
{
	margin-top: .5em;
}

/* Navigation */
.navigation {
	font-family: Myriad, "Myriad Pro", "Candara", "Trebuchet MS", Verdana, Sans-Serif;
}

.navigation li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.mainNavi
{
	padding-top: 20px;
}

.mainNavi .content
{
	float: right;
}

.mainNavi ul {
	margin: 0;
}

.mainNavi ul li {
	display: inline;
}

.mainNavi .selected a, .mainNavi .selectedPath a {
	border-bottom-color: #FAC962;
}

.mainNavi ul li a {
	display: inline-block;
}

.mainNavi a {
	border-bottom: 2px solid transparent;
	color: #FFFFFF;
	font-size: 15px;
	margin: 8px;
	padding: 5px 0;
}

.navigation a {
	text-decoration: none;
}


/* Subnavigation */

.subNavi
{
    float: left;
	padding: 0 0 10px 0;
	width: 100%;
}

.subNavi .content
{
    width: 900px;
    margin: 0 auto;
}

.subNavi ul
{
	margin: 0;
}

.subNavi a
{
	color: #26bbf0;
	font-size: 14px;
	padding: 4px 8px;
}

.subNavi .lastItem a
{
	padding-right: 0;
}

.subNavi a:hover, .subNavi a:focus, .subNavi a:active
{
	color: #000;
}

.subNavi ul li
{
	display: inline;
}

.subNavi ul li.selected, .subNavi ul li.selectedPath
{
    font-weight: bold;
}

.subNavi ul li.selected li, .subNavi ul li.selectedPath li
{
    font-weight: normal;
}

.subNavi ul li a
{
	display: inline; /* For Firefox 2, -moz-inline-stack is buggy */
	display: inline-block; /* For modern browsers */
}

/* Pulldown navigation (superfish) */
.sf-menu
{
    float: right;
}

.sf-menu, .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.subNavi .sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

.sf-menu .level1, .sf-menu .level1 li
{
	display: block;
	text-align: left;
}

.sf-menu .level1 li
{
    padding-bottom: 3px;
}

.sf-menu .level1 li:last-child
{
    padding-bottom: 10px;
}

/* Skin */
.sf-menu li 
{
    background-color: #FFF;
}

.subNavi .sf-menu .level1 a
{
    color: #404040;
}

.subNavi .sf-menu li:hover, .subNavi .sf-menu li.sfHover a, .subNavi .sf-menu .sfHover li.selected a, .subNavi .sf-menu a:focus, .subNavi .sf-menu a:hover, .subNavi .sf-menu a:active {
	color: #4C4C4C;
	outline: 0;
}

.sf-sub-indicator
{
    display: none;
}

/*** shadows for all but IE ***/
.sf-shadow ul {
	background:	url('/Layout/PublicSite/Image/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Headers */
#contentWrapper h2
{
	font-size: 15px;
	color: #4c4c4c;
	border-bottom: 3px solid #fac962;
	padding-bottom: 3px;
}

.publishingTime
{
	display: none;
}

.announcementGroup .announcement {
background-image:url(/Layout/PublicSite/Image/news-bullet-a.png);
background-position:left top;
background-repeat:no-repeat;
margin:4px 0;
padding-left:20px;
}

/* Forms */
.customFormView table td
{
    border-spacing: 0;
    border-collapse: collapse;
}
.customFormView th
{
	text-align: left;
}

.customFormView th span
{
  	font-size: 15px;
	color: #4c4c4c;
	border-bottom: 3px solid #fac962;
	padding-bottom: 3px;
    display: block;
   	margin-bottom: 1em;
   	margin-top: 1em;
}

.customFormView tr td
{
    padding-bottom: .5em;
}

.customFormView tr td input
{
     vertical-align: baseline;
}

.customFormView tr td.lbl
{
    font-weight: bold;
    padding-right: .5em;
}

.customFormView hr
{
    display: none;
}

.noLineBreaks .field br
{
    display: none;
}

.noControlHeading .customFormTable th
{
    display: none;
}

.customFormView .field span
{
    display: inline-block;
    margin-right: 1.5em;
}

.customFormView textarea
{
    width: 100%;
}

.customFormView .field h3
{
    font-size: 13px;
}
