/* Css originally by mejobloggs  Design by Aran @ stuio7designs.com  Please email me if you use this, as I would love to see how it is being used, also you can join my linkshare to help you with your google ranking */



body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 90%;
	color: #333;
	background-color: white;
	line-height: 160%;
	margin: 0;
	padding: 0;
	text-align: center; min-width: 850px;
}

/* Set the page width */
#wrapper-menu-top, #header, #headerWinterConf, #header2, #wrapper-content, #wrapper-footer {
	width: 90%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}


#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5ca683;
	display: block;
	float: left;
	cursor: pointer;  IE doesnt display the hand when you roll over the link for some reason. This fixes it 
}

 #menu-top a:hover { background-position:0% -42px; }
 #menu-top a:hover span {	background-position:100% -42px; color:#2f7372;}
 
 #menu-top a.current { background-position:0% -84px; }
 #menu-top a.current span {
	background-position:100% -84px;
	color:#000;
}

#wrapper-header {
	background: transparent url('images/bg.png') top center repeat-x;
}

#header {
	background: #eee url(images/banner_mountains2.jpg) no-repeat center top;
}
#header2 {
	background: #eee url(images/banner_uc.jpg) no-repeat center top;
}
#headerWinterConf {
	background: #eee url(images/banner_winterConf.jpg) no-repeat center top;
}

#wrapper-header2 {
	background: transparent url('images/bg02-blue-left.png') top left no-repeat;
}

#wrapper-header3 {
	background: transparent url('images/bg02-blue-right.png') top right no-repeat;
}

#header h1, #headerWinterConf h1, #header2 h1 {
	margin: 0 20px;
	padding: 0;
	height: 120px;
	line-height: 3em;
	color: #ccc;
	font-size: 130%;
}

/*Subheader Submenu Formatting*/
#subHeader{
	background: #468D7F url(images/MainSubheader.png) no-repeat left top;
	height: 180px;
	width: 103%;
	padding: 0;
	margin: 0;
}

#subMenu{
	background: #468D7F url(images/bg02-white-left.png) no-repeat left top;
	height: 60px;
	margin: 0 14px 0 0px;
	padding: 0;
}
#subHeader p{
	float: right;
	margin: 40px 40px 15px 380px;
	color: #F1DC9B;
	font-size: 1.3em;
	font-variant: normal;
	text-align: center;
}

#subHeader ul.home{
	margin: 0 0 0 350px;
	padding: 142px 10px 10px 10px;
	text-align: center;
	}

#subMenu ul.contact{
	margin: 0; height: 0;
	padding: 30px 10px 0px 10px;
	text-align: center;
	}
#subMenu ul.nav{/*this is for the submenu navigation*/
	margin: 0; height: 0;
	padding: 5px 10px 0px 10px;
	text-align: center;
	}
#subMenu ul.nav li{/*this is for the submenu navigation*/
list-style: none; display: inline; padding: 0 5px; font-size: 1em;
	color: #F1DC9B;
	}
	
#subHeader ul.home li, #subMenu ul.contact li{
list-style: none; display: inline; padding: 0 5px; font-size: .8em;
	color: #F1DC9B;
	}
#subHeader ul.home a:link,#subHeader a:visited, #subMenu ul.contact a:link,#subMenu ul.contact a:visited { color: #F1DC9B; text-decoration: none; }
#subHeader ul.home a:hover,#subMenu ul.contact a:hover{ color: #666; text-decoration: none; }

#subMenu ul.nav a:link, #subMenu ul.nav a:visited{
	color: #F1DC9B;
	text-decoration: none;
}

#subMenu ul.nav a:hover{
	color: #CCC;
	text-decoration: none;
}

#subMenu ul.nav a.current{
	color: #FFF;
	text-decoration: none;
}


/*Content formatting for home page*/
* html #wrapper-content { height: 1%; }

#wrapper-content {
	background: white url('images/bg02-white-right.png') no-repeat right top;
}
#home-content {
	background: transparent url(images/sidebarLeft.png) repeat-y left top;
	padding: 0px 40px 0px 0px;
}
/*Content formatting for other pages*/
#content {
	background: transparent url('images/bg02-white-left.png') no-repeat left top;
	padding:  0px 40px 5px 40px;
}
.contentRight{
	float: left;
	margin: 0;
	padding: 0px;
	width: 45%;
}
/*sidebar formatting*/
#sidebarLeft{
	background: transparent url(images/sidebarLeft.png) repeat-y left top;
	float: left;
	width: 275px;
	padding: 0px 30px; margin: 0px 30px 0 0; 
}

#sidebarLeft h2, #sidebarLeft h2 a.headlineLink{
	color: #F1DC9B;
	font-variant: normal;
	text-align: center;	margin:0px; padding:3px; font-size: 1.2em!important;
}

#sidebarLeft h2 a.headlineLink:hover{
	color: #CCC;
	font-variant: normal;
	text-align: center;
	margin:0px;
	padding:3px;
	font-size: 1.2em!important;
	text-decoration: none;
}

#sidebarLeft h3, #sidebarLeft h4{
	color: #F1DC9B;
	font-variant: normal;
	margin:0px; padding:1px;
}

#sidebarLeft p{
	font-size: 0.9em;
	color: #FFF;
	margin: 0px;
	padding: 2px;
}

#sidebarLeft a:link,#sidebarLeft a:visited {
	color: #FFF;
	text-decoration: none;
}
#sidebarLeft a:hover{
	color: #CCC;
	text-decoration: underline;
}


#sidebar{
	background: #CCC url(none);
	float: left;
	width: 325px;
	padding: 10px;
	margin: 0 40px 0 0;
	border: thin solid #000;
}



/*Footer Formatting*/

#wrapper-footer {
	margin-top: 1em;
	text-align: center;
}

#footer {
	margin: -15px 15px;
	background-color: #F1DC9B;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
}

#footer p{font-size:.9em}

/*Class and element formatting*/

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }

/*Font Formatting*/

#content h1,#content h2,#content h3,#content h4{
	text-align: center;
	padding: 0 0 5px 0;
	margin:0;
	}
#content h1{font-size: 1.7em;}
#content h2{font-size: 1.5em;}
#content h3{font-size: 1.4em;}
#content h4{font-size: 1.2em;}
#content h5{font-size: 1.1em;}
#content h6{font-size: 1em;}
#content h5,#content h6{
	padding: 0 0 3px 20px; margin:0;
}
#content p{
	padding: 2px 0 5px 20px; margin:0;
}

.message{
	background: #FFC;
	text-align: center;
	float: right;
	width: 33%;
	border: thin solid #999;
	padding: 3px;
}

.message H5{
	margin: 0; padding:0}
	
.message HR{ width:50%;
	}
.large{font-size: 1.1em!important}
.larger{font-size: 1.3em!important}
.largest{font-size: 1.6em!important}
.medium{font-size: 1em!important}
.small {font-size: .8em!important}
.smaller {font-size: .75em!important}
.smallest {font-size: .6em!important}
.bold {
	font-weight: bold;
	color: #333;
}
.note{
	font-style: oblique;
	color: #39C;
}

.oblique{
	font-style: oblique;
}

.backgroungHighlight{
	background: #F2F2F2; margin: 3px; padding: 15px!important;
}

.backgroungHighlightBlue{
	background: #E6F4FF;
	border: .2em solid #999;
	margin: 3px; padding: 15px!important;
}

.backgroungHighlightBlueWidth{
	background: #E6F4FF;
	border: .2em solid #999;
	margin: 3px;
	padding: 15px!important;
	float: right;
	width: 800px;
}

.backgroungHighlightGreen{
	background: #468D7F;
	border: 1px solid #999;
	margin: 3px;
	padding: 15px!important;
	color: #FFF;
}

.BorderBox{
	background: #FFF;
	padding: 20px 0px; margin: 10px 0px;
	width: 100%;
	border: .3em solid #399;
}

a.yellowLink{
	color: #F1DC9B;
	font-variant: normal;
	text-align: center;	margin:0px; padding:3px; font-size: 1.2em!important;
}

a.yellowLink:hover{
	color: #CCC;
	font-variant: normal;
	text-align: center;
	margin:0px;
	padding:3px;
	font-size: 1.2em!important;
	text-decoration: none;
}

.red {color:#F00}
.brightYellow{
	color:#FF6
}
.green {color:#5ca683}

.blue {
	color:#09F
}

.center{
	float: none;
	margin-right: auto;
	margin-left: auto; width: 600px;
	text-align:center;
}

.top{
	vertical-align: top;
	
}

.narrow{width: 50%;}
.wide{width: 65%;}

.noMargin{margin:0;}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.clearLeft{	clear: left;
}

.clearRight{clear: right;}

.padLeft{padding-left: 30%;}
.SmallpadLeft{padding: 5px 5px 5px 15% ;}
.SmallerpadLeft{padding: 5px 5px 5px 10% ;}
/*List*/
.listacross li{
list-style: none; display: inline; padding: 0 2px;
}
 ul.list{padding-top: 3px; margin: 0px; padding-bottom:5px;}

.list li {
list-style-type: none; padding: 1px 1px 1px 1px;
}


.Bulletlist li {
	padding: 1px 5px 7px 3px;
	list-style: disc outside;
}

ol li{padding: 1px 1px 6px 1px;}

ol.letterList li{
	list-style: lower-alpha;
}

/*Image CSS*/
#content img {
	margin: 15px 15px 3px 15px;
	padding: 5px;
	border: 1px solid #333;
	}
.image .caption {
	text-align: center;
	font: 0.85em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
.caption {	
width: 300px; padding: 0 5px;
}

.noborder img, .noborder {
	border: 0px solid white !important; margin: 0 !important; padding: 0 !important;
}

/*Form Label*/

label {
padding: 5px ; margin: 5px 1px;
	}

/*** javascript error fields ***/
.errors
			{
	color:red;
	top:35px;
	font-size: .8em;
			}

			.errorfield
			{
				border:1px solid red;
			}

			.errorgroup
			{
				border:1px solid red;
			}

			.nob
			{
				border:0;
			}
			
.show{
	visibility: hidden;
}

/*definition list*/
dl.table-display
{
	float: left;
	width: 800px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.table-display dt
{
	clear: left;
	float: left;
	width: 400px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.table-display dd
{
	text-align:left;
	float: left;
	width: 375px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}

dl.table-display-narrow
{
	float: left;
	width: 600px;
	margin: 1em 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

.table-display-narrow dt
{
	clear: left;
	float: left;
	width: 240px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
	font-weight: bold;
}

.table-display-narrow dd
{
	text-align:left;
	float: left;
	width: 325px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #999;
}