@import "reset.css";

/* Useful Class Tags */
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
img.center, img.middle { display:block; text-align:auto; margin:auto; }
img.right { text-align:auto; float:right; margin-left:12px; }
img.left { text-align:auto; float:left; margin-right:12px; }
img[border="1"], img.border {
	border:1px solid #58636C;
}
.clear { clear:both; }
.clearL { clear:left; }
.clearR { clear:right; }
.border { border:2px solid #F1BA04; }

/* Layout Styles */

body {
	background:#A6B0B8 url(images/background.jpg) top center repeat-x;
	
	color:#616A70;
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

div#header {
	position:relative;
	width:912px;

	background:url(images/backgroundHeader.jpg) top center repeat-x;
	margin:auto;
	
	text-shadow: #A2A2A2 0px 0px 10px;
}

	div#header a#dnn_dnnLOGO_hypLogo {
		position:relative;
		display:block;
		height:auto;
		width:auto;
		
		margin:auto;
		padding:24px 0;
	}
	
	div#header ul {
		padding:0 0 18px 0;
	
		font-size:1.2em;
		list-style-type:none;
		text-align:center;
	}
	
		div#header ul li {
			display:inline;
			
			margin:0px;
			padding:0 12px;
			
			list-style-type:none;
		}
		
			div#header ul li a {
				padding:3px 8px;
				display:inline-block;
			
				border-bottom:2px solid #A8B1BA;
				
				color:#FFFFFF;
				font-weight:bold;
				text-decoration:none;
			}
		
		div#header ul li.current a, div#header ul li:hover a, div#header ul:hover li.current:hover a {
			border-bottom:2px solid #616A70;
		}
		
			div#header ul li.current a {
				border-bottom-color:#0053A4;
			}

			div#header ul:hover li.current a {
				border-bottom-color:#A8B1BA;
			}
			
		div#header ul ul {
			display:none;
		}
	
	div#header h1 {
		position:absolute;
		width:230px;
		top:0px;
		left:56px;
		
		margin-left:76px;
		padding:14px 0 0 0 ;
		
		font-size:3.5em;
		font-weight:normal;
		line-height:1.0em;
		text-indent:-76px;
	}
	
	div#header div#taglines {
		position:absolute;
		width:326px;
		top:0px;
		right:26px;
		
		padding-top:6px;
	}
	
		div#header div#taglines h3 {
			font-weight:normal;
			
			padding:0.2em 0;
		}

div#banner {
	position:relative;
	height:auto;
	width:912px;
	
	background:#FFFFFF url(images/backgroundBanner.jpg) top left repeat-y;
	border:3px solid #58636C;
	border-radius:20px;
	-moz-border-radius:20px;
	margin:auto;
	padding:0;
	
	text-align:left;
}

	div#banner div.banner {
		position:relative;
		
		height:auto;
		width:864px;
		
		background:url(images/backgroundBanner.png) top right no-repeat;
		padding:24px;
	}

	div.banner h1 {
		position:relative;
		width:40%;
	
		padding:0px 0 18px 0;
		
		font-size:2.4em;
		font-style:italic;
		text-indent:1.0em;
		text-shadow:#FFFFFF 0px 0px 10px;
	}
	
		div.banner h1 span span {
			padding-left:2.0em;
		}
	
	div.banner ul {
		position:relative;
		
		padding-left:4.8em;
		
		color:#FFFFFF;
		font-size:1.2em;
	}
	
		div.banner ul li {
			list-style-image:url(images/bullet.png);
		}
		
			div.banner ul li a {
				color:#FFFFFF;
			}
		
div#content {
	position:relative;
	height:auto;
	width:864px;
	
	background:#FFFFFF;
	border:3px solid #58636C;
	border-radius:20px;
	-moz-border-radius:20px;
	margin:18px auto;
	padding:24px;
	
	text-align:left;
	
	z-index:100;
}

	div#content div.contentSidebar {
		position:relative;
		height:100%;
		width:265px;
		
		padding-right:24px;
		
		float:left;
		
		z-index:100;
	}
	
		div#content div.contentSidebar div.menu ul {
			position:relative;
			width:265px;
		}
		
			div#content div.contentSidebar div.menu ul li {
				position:relative;
				display:none;
				
				margin:0px;
				
				font-size:1.4em;
				text-align:left;
			}
			
				div#content div.contentSidebar div.menu ul li.current, div#content div.contentSidebar div.menu ul li.current ul, div#content div.contentSidebar div.menu ul li.current ul li {
					display:block;
				}
				
				div#content div.contentSidebar div.menu ul li.childless {
					display:none;
				}
				
				div#content div.contentSidebar div.menu ul li a {
					position:relative;
					display:block;
					
					border-bottom:1px dotted #818A90;
					padding:2px 0;
				}
				
				div#content div.contentSidebar div.menu ul li ul li {
					font-size:0.8em;
				}
				
				div#content div.contentSidebar div.menu ul li ul li a {
					border-bottom:none;
					padding:5px 15px;
				}
				
				div#content div.contentSidebar div.menu ul li a:hover {
					text-decoration:none;
				}
				
				div#content div.contentSidebar div.menu ul li ul li:hover {
					background:url(images/backgroundMenu.jpg) top left repeat-y;
					
					font-style:italic;
				}
				
				div#content div.contentSidebar div.menu ul li:hover a {
				}
			
			div#content div.contentSidebar div.menu ul li ul {
				display:none;
			}

	div#content div.contentPrimary {
		position:relative;
		width:575px;
		
		float:right;
		
		z-index:90;
	}
	
		div#content div.contentPrimary div.containerDefault {
			position:relative;
			width:100%;
		}
		
		div#content div.contentPrimary div.containerHalf {
			position:relative;
			width:226px;
			
			float:left;
			padding:24px;
			
			background:#EFF5FB;
			-moz-border-radius:20px;
			border-radius:20px;
			
			text-align:left;
		}
		
		div#content div.contentPrimary table {
			max-width:100% !important;
		}

div#footer {
	position:relative;
	width:100%;
	
	background:#9EAEBD url(images/backgroundFooter.jpg) top left repeat-x;
	border-top:3px solid #58636C;
	margin:auto;
	padding:0;
	
	color:#FFFFFF;
	font-size:0.9em;
	font-style:italic;
}

	div#footerWrapper {
		position:relative;
		height:auto;
		width:912px;
		
		margin:0px auto;
		padding:0px;
	}

	div#footer p {
		width:33%;
		line-height:2.5em;
	}
	
		div#footer p.left { float:left; }
		div#footer p.right { float:right; }
		div#footer p.center { width:auto; }
	
	div#footer a {
		color:#FFFFFF;
	}
		
	div#footer a#OVLogo {
		position:relative;
		display:block;
		width:120px;
		
		clear:both;
		margin:auto;
		padding:12px 0 24px 0;
		
		font-style:normal;
		text-align:center;
	}
	
		div#footer a#OVLogo img {
			display:block;
		}

/* Font Styles */
h1, h2, h3, h4, h5, h6 {
	display:block;

	color:#1D3A4E;
	font-weight:bold;
	line-height:1.2em;
	
	padding-top:0.5em;
	padding-bottom:0.3em;
}

	h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
		padding-top:0;
	}
	
	h1 { font-size:1.8em; }
	h2 { font-size:1.6em; }
	h3 { font-size:1.4em; }
	h4 { font-size:1.2em; }
	h5, h6 { font-size:1.0em; }
	
	
	p, li { line-height:1.3em; }
	
	ol, ul, p {
		padding-bottom:0.5em;
	}
	
	ul li { list-style-type:circle; }
	ol li { list-style-type:upper-roman; }
	
	ol li, ul li {
		margin-left:36px;
	}
	
	a { color:#063A6A; font-weight:bold; text-decoration:none; }
	a:hover { text-decoration:underline; }
	a:active { text-decoration:none; font-style:italic; }
	a:visited { font-weight:normal; }
	
	strong { font-weight: bold; }
	em { font-style: italic; }
	code { font-family: "Courier New", Courier, monospace; }

/* Form Styles */
	form.inputs {
		text-align:left;
	}
	
		form.inputs label {
			position:relative;
			display:block;
			
			padding:0.8em 0 0.4em 0;
			
			color:#1D3A4E;
			font-size:0.9em;
			font-style:italic;
			font-weight:bold;
			text-transform:lowercase;
		}
	
		form.inputs select {
			position:relative;
			display:block;
			width:222px;
			
			background:#FFFFFF;
			border:2px solid #466F8A;
			padding:3px 0;
			
			color:#616A70;
			font-style:italic;
			line-height:1.2em;
		}
		
			form.inputs select option:hover {
				background:#EFF5FB;
			}
			
			select:focus > option:checked, select:focus > optgroup > option:checked {
				background-color:blue !important;
				color:highlighttext !important;
			}

/** DNN Containers **/
div.containerSidebar {
	position:relative;
	
	background:#FFFFFF url(images/backgroundSidebar.jpg) top left repeat-x;
	border:3px solid #BFCED9;
	border-radius:36px;
	-moz-border-radius:36px;
	margin-bottom:26px;
}
			
/** DNN Styles **/
div.ControlPanel {
	position:absolute;
	height:auto;
	width:100%;
	
	left:0px;
	
	background:#FFFFFF;
	border-bottom:2px solid #58636C;
	
	text-align:center;
	
	z-index:1000;
}

	div.ControlPanel table.ControlPanel {
		position:relative;
		width:912px;
		
		border:none;
		margin:auto;
		padding:4px 0;
	}
	
.FCKLinkGalleryContainer, #fckinstanceoptions_tblEditorOptions {
	position:relative;
	display:block;
	width:96%;
	max-width:680px;

	background:#AEAEAE none repeat scroll 0 0;
	border:2px solid;
	margin:12px auto;
	padding:2%;
}

	.ImageListContainer{
		position:relative;
		width: 96%;
		max-width:630px;
		
		background-color: #ffffff;
		border: #000000 1px solid;
		padding: 2%;

		overflow: auto;
	}

/** Form Styles **/

table.formContact {
	width:389px;
}

	table.formContact tr td {
		width:222px;
	}

.fieldLabel {
	display:block;

	padding:0.5em 0 0.3em 0;

	color:#1D3A4E;
	font-weight:bold;
	line-height:1.0em;
}

.fieldInput, .fieldText, .fieldList {
	display:block;
	width:150px;
	
	margin-left:12px;
	
	color:#616A70;
}

.fieldText {
	height:60px;
	width:316px;
}

.fieldError {
	display:block;
	
	padding-top:2px;
	padding-left:12px;
	
	color:#C11416;
	font-style:italic;
	line-height:16px;
}

	.fieldError[style="display: inline;"] {
		display:block !important;
	}

	.fieldError br {
		display:none;
	}

/* IE Corners */
div.contentTL, div.contentTR, div.contentBL, div.contentBR { display:none; }

/* Cycling Script */
.cycling {
	position:relative;
	height:288px;
	
	margin:0px;
	padding:0px;
}

	.cycling img {
		max-width:100%;
	}
	
/* Weather Styles */
div.weatherPane {
	position:relative;
}

	div.weatherPane div.weatherIcon {
		position:relative;
		height:auto;
		width:auto;
		float:left;

		padding-top:24px;
		padding-left:31px;
	}
	
		div.weatherPane div.weatherIcon img {
			position:relative;
			display:block;
		}
	
	div.weatherPane div.weatherForecast {
		position:relative;
		width:164px;
		float:right;
		
		padding-top:12px;
		
		text-align:center;
	}
	
		div.weatherPane div.weatherForecast p.date {
			padding:0px;
		}
	
		div.weatherPane div.weatherForecast p.temp {
			position:relative;

			padding:0px;
		
			color:#234056;
			font-size:2.0em;
		}
		
		div.weatherPane div.weatherForecast p.tempRange {
			position:relative;
			float:right;
			width:50%;
		}
		
		div.weatherPane div.weatherForecast p.conditions {
			position:relative;
			float:left;
			width:50%;
		}