/* **************************************************** 

Title: 		GetSimple CSS Document
Author: 	Chris Cagle
URL: 			http://www.cagintranet.com/ 
					http://get-simple.info/
Created: 	September 2, 2009

**************************************************** */

/** GLOBAL RESETS **/
:link,:visited {text-decoration:none}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;font-weight:400;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
a img,:link img,:visited img {border:none}

/** GLOBAL SETS **/
.clear {clear:both;}
body {
	text-align:center;
	font-family: Calibri, Tahoma;
	font-size: 14px;
  background: url(images/bg.png) top center repeat-x #d6e4f2;
	}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:899px;
	border:1px solid white;
	background: white; 
	}
	
.postcontent {
	width: 565px;
  margin-left: 40px;
  margin-top: 35px;
  font-family: Calibri, Tahoma;
  } 
	
/* HEADER */
#header {
	position:relative;
	height:190px;
	width: 899px;
  background: url(images/head.png) top center no-repeat;
	text-align:left; 
	}
#header .logo{
	position:absolute;
	top:0px;
	left: 586px;
	background: url(images/logo.png) top center no-repeat; 
	color:#FFF;
	font-family: Calibri, Tahoma;
	font-weight:bold;
	font-size:45px;
	visibility:hidden;
	}
#header .tagline{
	color:#ccc;
	font-family: Calibri, Tahoma;
	font-size:18px;
	position:absolute;
	top:78px;
	left:0px;
	}

.pad1 {width:50px; height:25px; background:#baa; display:inline; float:left; margin:3px 3px 0 3px;}
.pad2 {width:50px; height:25px; background:#baa; display:inline; float:left; margin:3px 3px 0 0;}

#nav {list-style-type:none; padding:0; margin:0; position:absolute; top:159px; height: 38px; left:1px; text-transform:uppercase; width: 897px; background: url(images/menu.png) top center repeat-x; font-weight: bold;  z-index: 3000;}
#nav ul {list-style-type:none; padding:0; margin:0px;background: url(images/navbg.png) top left repeat-x;}
#nav li {float:left; margin:0px 0px 0px 0px; position:relative;background: url(images/menu.png) top center repeat-x }
#nav li.parent {color:black; background: url(images/menu_bga.png) top center repeat-x;}
#nav li.active {color:black; background: url(images/menu_bga.png) top center repeat-x;}
#nav li.active a {display:block; color:black; height:38px; font-family: Calibri, Tahoma; font-size:13px; font-weight:normal; line-height:40px; width:128px; text-decoration:none; text-align:center;}
/* for IE5.5 and IE6 only */
#nav table {border-collapse:collapse;position:absolute;top:0px;left:0;z-index:80;font-size:1em;}

#nav li a {display:block; color:#FFF; height:38px; font-family: Calibri, Tahoma; font-size:13px; font-weight:normal; line-height:38px; width:128px; text-decoration:none; text-align:center;}
#nav :hover {color:black; background:transparent url(images/menu_bga.png);}
#nav :hover > a {color:black; background:transparent url(images/menu_bga.png);}

#nav ul, 
#nav :hover ul ul,
#nav :hover ul :hover ul ul,
#nav :hover ul :hover ul ul.left {position:absolute; left:-9999px; width:128px;}

#nav :hover ul{left:0;top: 38px; background:url(transparent.gif);} /* the background image is for IE7 */

#nav :hover ul :hover ul,
#nav :hover ul :hover ul :hover ul {padding:0 3px; left:125px; top:-3px;}

#nav :hover ul :hover ul.left,
#nav :hover ul :hover ul :hover ul.left {padding:0 3px; left:-131px; top:-3px;}	
	
/* BODY */

#bodycontent {
	width:580px;
	background: white;
	background-attachment: fixed;
	float:left;
	text-align:left; 
	}
#bodycontent .post {background: #f2f2f2; width: 898px;}
#bodycontent .post h1 {
	font-family: Calibri, Tahoma;
	font-size:20px;
	text-transform:uppercase;
  color:#71777B;
  text-decoration: underline;
	background: #f2f2f2;
	padding: 36px 0px 0px 40px;
	}
#bodycontent .post p {
	margin:0 0 0px 0;
	font-family: Calibri, Tahoma;
	line-height: 20px;
	}

	#bodycontent .post ul, #bodycontent .post ol {
	margin:0 0 18px 25px;
	line-height: 20px;
	}
	#bodycontent .post ul ul, #bodycontent .post ol ul, #bodycontent .post ul ol, #bodycontent .post ol ol {
		margin:0 0 0 25px;
		font-family: Calibri, Tahoma;
	}
	#bodycontent .post blockquote {
	margin:0 0 18px 30px;
	line-height: 19px;
	font-size:13px;
	color:#666;
	font-style:italic;
	}
	#bodycontent .post code {
	font-size:12px;
	color:#666;
	padding:2px;background:#fafafa;
	border:1px solid #eee;
	}
	#bodycontent .post pre code {
	display:block;
	font-size:12px;
	color:#666;
	padding:8px;
  background:#fafafa;
	border:1px solid #eee;
	margin-bottom:18px;
	}
	#bodycontent .post h2 {
	font-weight:bold;
	padding:8px 0;
	font-size:20px;
	}
	#bodycontent .post h3 {
	font-weight:bold;
	padding:8px 0;
	font-size:17px;
	}
	#bodycontent .post h4 {
	font-weight:bold;
	padding:8px 0;
	font-size:14px;
	}
	#bodycontent .post a:link, #bodycontent .post a:visited {
		color: black;
		text-decoration:underline;
		}
	#bodycontent .post a:hover {
		color:#132430;
		text-decoration:underline;
		}
	#bodycontent .post .meta {
		margin-top:20px;
		font-size:11px;
    line-height:18px;
		color: white;
		border:1px solid white;
		background:#6da9e6;
		padding:8px;
	}


/* SIDEBAR */

#sidebar {
	width:275px;
	float:right;
	text-align:left;
	font-size:13px;
	margin-bottom: -30px;
	margin-right: 1px
	}
	#sidebar .featured {
		background: #777777;
		padding:20px;
		margin: 0px 0px 30px 87px;
		color: white;
		font-family: Calibri, Tahoma;
		line-height:20px;
	}
	#sidebar .featured h2 {
		color: white;
		text-align:center;
		font-family: Calibri, Tahoma;
		font-size:18px;
		text-transform:uppercase;
		line-height:20px;
		border-bottom: 1px dotted white;
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		}
	#sidebar .featured p {
		margin:0 0 17px 0;
		}
	#sidebar a:link, #sidebar a:visited {
		color: white;
		font-weight:bold;
		font-family: Calibri, Tahoma;
		font-size:12px;
		margin:0 0 10px 0;
		text-decoration:none;
		}
	#sidebar a:hover {
		color:#71777B;
		font-weight:bold;
		font-family: Calibri, Tahoma;
		font-size:12px;
		margin:0 0 10px 0;
		text-decoration:none;
		}
		
	#sidebar .featured a:link, #sidebar .featured a:visited {
		color: white;
		font-weight:bold;
		font-family: Calibri, Tahoma;
		font-size:12px;
		margin:0 0 10px 0;
		text-decoration:none;
	}
	#sidebar .featured a:hover {
		color:#71777B;
		font-weight:bold;
		font-family: Calibri, Tahoma;
		font-size:12px;
		margin:0 0 10px 0;
		text-decoration:none;
	}
	#sidebar ul, #sidebar ol {
		margin:0 0 18px 30px;
	}



/* FOOTER */

#footer {
	text-align:left;
	line-height:18px;
	font-size:12px;
	color:#666;
	background: white;
	padding: 5px 10px 21px 10px;
	}
	#footer p.left-footer {text-align:left;float:left;width:450px;}
	#footer p.right-footer {text-align:right;float:right;width:450px; margin-top: -35px}
	
	#footer a:link, #footer a:visited {
		color:#666;
		text-decoration:underline;
		}
	#footer a:hover {
		color:#000;
		text-decoration:underline;
		} 
#slideshow {
margin-left:-24px;
margin-top: 6px;
z-index:1000;
}
#breadcrumbs {
position:absolute;
color:#777777;
z-index: 1000;
top:415px;
}
#breadcrumbs li {
display: inline;
color:#777777;
font-family: Calibri, Tahoma;
font-size:12px;
list-style-type: none;
float: left;
padding: 0px 0px 0px 10px;   
}
#breadcrumbs li a {
display: inline;
color:#71777B;
font-family: Calibri, Tahoma;
font-size:12px;
list-style-type: none;
float: left;
padding: 0px 0px 0px 0px;  
}
a.title {
color:#71777B;
font-weight:bold;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 10px 0;
text-decoration:none;
}
.article span.date {
color:white;
font-weight:bold;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 0px 0;
}
.article span.content {
color:white;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 17px 0;
}
.article p.article_link {
color:#007dc4;
font-weight:bold;
font-family: Calibri, Tahoma;
font-size:12px;
}
.contactform fieldset {
  color:#007dc4;
  font-family: Calibri, Tahoma;
  }
.contactform legend {
  margin-bottom:10px;
  color:#007dc4;
  font-family: Calibri, Tahoma;
  }
.contactform label {
  float:left;
  color:#71777B;
  font-family: Calibri, Tahoma;
  }
.contactform input.submit {
  float:right;
  margin-top:10px;
  margin-right:6px;
  color:#71777B;
  font-family: Calibri, Tahoma;
  }
.fieldtext label {
  width:10%;
  float: left;
  color:#007dc4;
  font-family: Calibri, Tahoma;
  }
.fieldtextarea label {
  width:10%;
  float: left;
  color:#007dc4;
  font-family: Calibri, Tahoma;
  }
.fieldcaptcha label {
  width:10%;
  color:#007dc4;
  font-family: Calibri, Tahoma;
  }
.fieldcaptcha a {
  width:10%;
  color:#007dc4;
  font-family: Calibri, Tahoma;
  text-decoration:none;
  }
.fieldtext input {
  color:#71777B;
  font-family: Calibri, Tahoma;
  border: 1px solid #007dc4;
  width:50%;
  margin-top:5px;
  }
.fieldcaptcha input {
  color:#71777B;
  font-family: Calibri, Tahoma;
  border: 1px solid #007dc4;
  width:50%;
  margin-top:5px;
  }
.fieldtextarea textarea {
  color:#71777B;
  font-family: Calibri, Tahoma;
  border: 1px solid #007dc4;
  width:80%;
  margin-top:5px;
  }
.submit {
  float:right;
  margin-top:10px;
  margin-right:6px;
  color:#71777B;
  font-family: Calibri, Tahoma;
  }
.feature  span.times {
color:#71777B;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 10px 0;
text-decoration:none;
}
.feature strong {
color:white;
font-weight:bold;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 0px 0;
}
.feature li {
list-style-type:none;
}
.feature ul.events_list_brief {
margin: 0px 0px 0px 0px;
}
.feature span.location {
color:#71777B;
font-family: Calibri, Tahoma;
font-size:12px;
margin:0 0 17px 0;
}
.zoommenu {
width:200px;
height:630px;
position: absolute;
top: 10px;
left: 0px;
z-index:1;
}
#background{position:absolute; top:0px; left:0px; z-index:-10; width:100%; height:100%; position:fixed;}
#screenoverlay
{
	background-color: #CCCCFF; /* The color to display*/
	/* The transparency of the background */
	opacity: .75;
	filter: alpha(opacity=75);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
          position:fixed;
	/* Set the overlay so it appears above the page content */
	z-index: 10000;
}
#topbox
{
	position: absolute;
	/* Default positioning, that will be overridden by the javascript */
	left: 30%;
	top: 15%;
	padding: 5px;
	width: 640px;
	height: 480px;
	background-color: #FFFFFF;
	/*Must use a z-index greater than the screen overlay*/
	z-index: 10001;
}