/* Basic HTML Styles */
@import"html.css";

/* Nav Menu Layout and Design */
@import"navmenu.css";


#content {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
}

#wrapper {
	background: #FFF url("wsimages/mainwrap-bg.gif") repeat-y center top;
	margin: 0 auto;
	width: 980px;
}

.inner {
	margin: 0 10px;
	padding: 0 20px;
	/*border: 1px solid #000;*/
}

/**************************************************************
   Top menu and logo
 **************************************************************/

#header {
	background: url("wsimages/mainwrap-top.gif") no-repeat center top;
	line-height: normal;
	/*margin-top: 20px; Issue with IE 7 */
	padding-top: 10px;
	position: relative;
}

#header .main {}

#header .inner {
	background: #FFF;
	height: 80px;
	padding: 0 15px;
	position: relative;
}

/*
#header {
	clear: both;
	position: relative;
	height: 65px;
	margin: 0 auto;
	border-bottom: 2px solid #48525B;
	color: #000000;
	background-color: #FFFFFF;
}


#header img {
  position: absolute;
  top: 0;
  left: 10px;
}

#header ul {
  margin: 4.2em 1em 0 0 !important;
  margin: 4.2em 0.5em 0 0;
  padding: 0;
  float: right;
}

#header ul li {
  display: inline;
}

#header ul li a {
  float: left;
	
  padding: 0 .5em;

  font: 600 1.1em arial, sans-serif;
  letter-spacing: .01em;
  line-height: 0.8em !important;
  line-height: 1em;
 	text-decoration:none;
	color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#header ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#header ul li a:hover {
  color: #FFCC00;
}
*/

/* --- Logo --- */

h1.logo, div.logo-text {
	float: left;
	margin: 10px -4px 0;
	padding: 0;
}

h1.logo a {
	background: url("wsimages/sdncc_logo.png") no-repeat center;
	display: block;
	width: 117px;
	height: 60px;
	border: none;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}


#datetime {position:absolute; top:6px; right:18px; color:#FFF; }

/**************************************************************
   Header Image/Flash Movie
 **************************************************************/

#headerImg {margin: 0 auto; height: 250px;}

#communityHeader {margin: 0 auto; height: 200px; border-bottom: 2px solid #48525B;}

/**************************************************************
   Main Navagation Menu Holder
 **************************************************************/

#menubar {margin: 0 auto; background:#222222}
#menubar a {outline:none;} /* prevents dotted outline when clicking on links in Firefox */

/**************************************************************
   Page Content
 **************************************************************/

#page {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 1em;
	margin-bottom: 3em;
  text-align: left;
}

#columns {margin-left: 20px; padding:0;}

/* Column widths */
.width {width: 960px;}

.widthPad {width: 940px;}

.width17 {width: 135px;  /*width: 17%;*/}

.width25 {width: 200px;}

.width27 {width: 23%;}

.width50 {width: 48%;}

.width55 {width: 500px;} /* Center column */

.width70 {width: 70%;}

.width73 {width: 73%;}

.width75 {width: 75%;}

.width100 {width: 100%;}

.width182px {width: 182px;}


#adMast {margin: 0 auto; width: 748px;	height: 80px;}



/**************************************************************
   Search
 **************************************************************/

#search {
	width: 220px;
	padding: 10px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 120px;
	border: 1px solid #999;
	text-transform: lowercase;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}




/**************************************************************
   Footer
 **************************************************************/

#footer {
	background: url("wsimages/mainwrap-bot.gif") no-repeat center bottom;
	clear: both;
	/*margin: 0 0 20px; Issue with IE 7*/
	padding-bottom: 10px;
}

#footer .main {color: #999999;}

#footer .inner {
	background: #222222;
	border-top: 1px solid #333333;
	padding: 20px;
}

#footer span {
	float: right;
	position:relative;
	width:69px; height:35px;
	background: url("wsimages/sdncc_gonorth_foot2.png") no-repeat ;
}

#footer p {
	margin: 0;
	line-height: 1.3em;
	font-size: 9px;
}

#footer a {color: #CCCCCC;}
#footer a:hover, #footer a:active, #footer a:focus {color: #F89A20;}



/**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;
}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;
}

a.thumb img {
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #668FA3;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}


/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1,
ul.submenu2 {
  margin: 0 0 20px 0;
  padding: 0;
}

ul.submenu1 li,
ul.submenu2 li{
  margin: 0;
  padding: 0;
  list-style: none;
  /* list-style-image: url(/foo.gif);  fake image because IE is difficult */
}

ul.submenu1 li a,
ul.submenu2 li a {
  display: block;
  height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

  padding: 1px 5px 1px 20px;
	line-height:1.2em;
}

ul.submenu1 li a {
  background: url(images/submenu1.gif) no-repeat 5px 5px;
}

ul.submenu1 a:hover {
  color: #426F85;
  background: #D9E7ED url(images/submenu1.gif) no-repeat 5px 5px;
}

ul.submenu2 li a {
  color: #426F85;
  background: url(images/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover {
  color: #426F85;
  background: #D9E7ED url(images/submenu2.gif) no-repeat 3px 50%;
}

ul.list1 {
	margin:0; padding:10px 0; list-style:none; text-align:center;
}

.list ul li {line-height:140%;} /* Only applies to un-ordered lists that are wrapped in classed as "list" */

/**************************************************************
   Generic Display 
 **************************************************************/

.block {display: block;}

.clear {clear: both;}

.marginRight {margin-right: 15px;}

.padding {padding:5px;}

.paddingLeft {padding-left: 20px;}

.paddingRight {padding-right: 20px;}

.floatLeft {float: left;}

.floatRight {float: right;}

.alignLeft {text-align: left;}

.alignCenter {text-align: center;}

.alignRight {text-align: right;}

.alignTop {vertical-align: top;}

.alignMiddle {vertical-align: middle;}

.alignBottom {vertical-align: bottom;}

.lightBlueBg {background-color: #EAF2F5;}
.lightBlueBg h2 {padding:5px;}

.dark {color: #353E47;}


/**************************************************************
   Custom Styles
 **************************************************************/

#FeatureMenu {margin:0 0 20px 0; padding:0;}
#FeatureMenu li {margin:0; list-style:none; background: url(/images/bullet3.png) no-repeat center left; padding-left: 18px; line-height:1.3em;}
#FeatureMenu li a {margin-left:-18px; padding:5px 3px 5px 17px; color:#006699; width:160px; display:block; font-weight:bold; text-decoration:none;}
#FeatureMenur li a {margin-left:-18px; padding:5px 3px 5px 17px; color:#cf0c01; width:160px; display:block; font-weight:bold; text-decoration:none;}
#FeatureMenu li a:hover {text-decoration:underline;}

#FeatureMenu2 {margin:0 0 20px 0; padding:0;}
#FeatureMenu2 li {margin:10px; list-style:none; background: url(/images/bullet3.gif) no-repeat top left; padding-left: 18px; line-height:1.3em;}

/* Header Banner Ad Zone */
#ad {float:right; position:relative; top:10px; left:20px; background-color: #000000;}


#weather {z-index:1000; position:relative; float:right; top:-19px; left:10px;
width:150px; color:#000; text-align:right; line-height:17px; behavior: url(/inc/iepngfix.htc);}
#weather img {z-index:2000; display:block; float:right; margin-left:0;}
#weather div {font-size:11px; position:relative; top:27px;}
#weather #temp {font-weight:bold; font-size:260%; position:relative; left:5px;}

#communitiesList {}
#communitiesList ul {margin:0; padding:0 0 0 20px;}
#communitiesList ul li {list-style:disc; font-size: 1.3em; font-weight:bold; padding:0 0 4px 0;}
#communitiesList a {text-decoration:none;}

#communityBanner {border:1px solid #999; margin:0 0 12px 0; padding:10px;}
#communityBanner img {border:1px solid #999; margin:0 16px 0 6px; padding:6px 7px 7px 7px;}
#communityPhotos {}

#eventSponsors {}
#eventSponsors ul {margin:0; padding:0;}
#eventSponsors ul li {list-style:none; padding:6px 0px; text-align:center; border-bottom:1px solid #ccc;}
#eventSponsors ul li.last {border-bottom:none;}

#communitySponsors {clear:both;}
#communitySponsors ul {margin:0; padding:0;}
#communitySponsors ul li {list-style:none; padding:6px 0px; text-align:center; border-bottom:1px solid #ccc;}
#communitySponsors ul li.last {border-bottom:none;}

.pdflist { margin: 0; padding-left: 0; list-style: none; line-height:1.1em; }
.pdflist li { 
	padding: 6px 0 10px 24px; background-image: url(/images/pdf_link.gif);
	background-repeat: no-repeat; background-position: 0 .2em; font-weight:bold;
	line-height: 1.3em;
}

#btlist { margin: 20px 0;; padding-left: 20px; list-style: none; }
#btlist li { padding: 4px 0 4px 20px; background-image: url(/images/bullet_pdf.gif);	background-repeat: no-repeat;
	background-position: 0 .5em; font-weight:bold; margin:6px 0;}
#btlist #pdfsize {left:0px; margin-left:15px; font-style:italic;}
#btlist .new {color: #CC0000;	font-style: italic; padding-left:10px;}


.alert {border:1px solid #851E1E; background:#FFB2B2 url(/images/information.png) left top no-repeat; color:#000000;}
.alert h2, .alert p {margin:8px 0 8px 0; padding:0 10px 0 62px; color:#000000;}
.alert ul {padding:0 10px 0 76px; line-height:1.4em;}
.alert h2 {font:normal 900 1.3em arial;}
.alert a, .alert a:hover {color:#851E1E;}

.notice1 {border:1px solid #C2DAFF; background:#EBF3FE url(/images/information.png) left top no-repeat;}
.notice1 h2, .notice1 p {margin:8px 0 8px 0; padding:0 10px 0 62px; color:#000000;}
.notice1 h2 {font:normal 900 1.3em arial;}

/* Community info images border style */
.TabbedPanelsContent p {font-size:1em;}
.TabbedPanelsContent img {border:1px solid #999; padding:4px;}

img.alignLeft {float:left; margin-right:8px;}
img.alignRight {float:right; margin-left:8px;}

div.mission {width:190px}
div.mission p {line-height:100%; padding-top:5px; font-size:11px;}

ul.partners {margin:0; padding:0;}
ul.partners li {margin:0; list-style:none; line-height:1.4em;}
#page ul.partners li a {border-bottom:none;}

/* Forms in the side column */
.floatRight form {padding:8px 4px;}
.floatRight select {font-size:86%;}


.floatRight h1 {padding-bottom: 0.2em; font: 400 1.6em arial, sans-serif; color: #536C71; border-bottom: 6px solid #ddd;}