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

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2	Page Layout
			3.3	Header
			3.4	Secondary-content
			3.5 Main-content
			3.6 Footer
			3.7 Forms
		

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


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, form, label, legend, table, caption, tbody, tfoot, thead, th, td { margin: 0; padding: 0; border: 0;  vertical-align: baseline; 
}	
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	line-height: 16px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 75%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	height:100%; 
	background:#FFF;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	




/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select, form {
	font:1.1em Arial, Helvetica, sans-serif;
}

/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a {
	color:#1e6b92;
}
 

a:visited {

}

a:focus,a:hover ,a:active   { 
	color:#f68938;
}


.spotlight a {
color: #fff;
}

ul {
list-style:none;
}

/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; 
}
			
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

.valign {
	vertical-align:middle;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

.colcontent ul {
padding: 15px 0px;
}

.colcontent ul li {
padding: 5px 0px 0px 0px;
font-size:1.1em;
}



.hide {
	position: absolute;
	left: -9999px;
}

.imgreplace {
  display:block;
  text-indent:-9999px;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; 
}
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; 
}

.clearfix {
	display: block; 
}
/* End hide from IE-mac */

.fleft {
  float:left;
 }

.fright {
  float:right;
 }

/* center */
.centr {
  display:block;
  margin:0 auto;
 }

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;}


/* 3.2	Page Layout
-----------------------------------------------------------------------------------------------*/
.container {
  width:918px;
  margin:0 auto;
}

.container h1 a {
	text-decoration:none;
	color:#66CCFF;
}

.container h1 a:hover {
	color:#f68938;

}
  
#header {
  background:#f5f5dc;
  width:100%;
  padding:33px 0 ;
 }

#bannercontent {
  background:#dfdfc9;}

#bottomcontent {
  margin-top:-9px;
  background:#fff;}

#footer {
  padding:20px 0;}

/* 3.3	Header
-----------------------------------------------------------------------------------------------*/
#header h1 {
  background:url(http://www.seno-nola.org/images/logo-seno.gif) no-repeat;
  width:306px;
  height:67px;
  float:left;}

#header h1 a {
  display:block;
  width:306px;
  height:67px;
  text-indent:-9999px;}

/* navigation */
ul.mainnav {
  padding:25px 0 8px 0;
  text-align:right;
  clear:both;}

ul.mainnav li {
  display:inline;
  background:url(http://www.seno-nola.org/images/bul-circle.gif) 0 3px no-repeat;
  padding:0 4px 0 10px;}

ul.mainnav li.first {
  padding-left:0;
  background:none;}

ul.mainnav li a {
  color:#000;
  text-transform:uppercase;
  font-size:1.2em;
  font-weight:bold;
  text-decoration:none;}

ul.mainnav li a:visited {

}

ul.mainnav li a:focus, ul.mainnav li a:hover, ul.mainnav li a:active {
	color:#3399FF;
}

ul.subnav {
  padding:15px 0px 0px 0px !important;}

#header ul.subnav li a {
  color:#f68938;
}

#header ul.subnav li a:focus, #header ul.subnav li a:hover, #header ul.subnav li a:active {
  color:#1e6b92;
}


/* 3.4	Bannercontent
-----------------------------------------------------------------------------------------------*/
#bannercontent .container {
  background:url(http://www.seno-nola.org/images/photo-banner1.jpg) no-repeat;
  width:918px;
  height:388px;
  position:relative;
  top:-9px;
  z-index:0px
  }

#bannercontent .secondary {
  float:left;
  position:relative;
  left:22px;
  top:270px;
  width:500px;}

#bannercontent .secondary h2 {
  color:#fff;
  font-size:2.2em;
  padding:0 0 3px 0;}

#bannercontent .secondary p.subtitle {
  color:#f68938;
  font-size:1.2em;
  font-weight:bold;
  padding:0 0 1px 0;}

#bannercontent .secondary p.intro {
  color:#c2ecfe;
  font-size:1.5em;
  line-height:15px;}
 
#bannercontent .sidecontent {
  background:url(http://www.seno-nola.org/images/bg-subphoto.png) no-repeat;
  width:342px;
  height:360px;
  float:right;
  position:relative;
  top:18px;
  right:18px;}

#bannercontent .sidecontent .block {
  width:276px;
  margin:18px auto 0 auto;
  background:#fff;
  padding:15px;}


#bannercontent .sidecontent .block h3 {
	font-size:2.5em; text-align:center; padding:5px 0px 10px; 
}
  
#bannercontent .sidecontent .block p {
	line-height:1.2em;
	font-size:1.5em;
	text-align:center;

}
  
.block a {
	text-decoration:none;
}
  
.sidecontent p {
font-size: 1.2em;
}

#bannercontent .sidecontent .block ul li {
  background:url(http://www.seno-nola.org/images/bul-circle.gif) 0 3px no-repeat;
  color:#4b89a8;
  font-size:1.3em;
  font-weight:bold;
  margin:0 0 4px 0;
  padding-left:12px;}

#bannercontent .sidecontent .btnclick {
  display:block;
  text-align:center;
  font-size:1.2em;
  margin-top:7px;
  position:relative;
  cursor:pointer;}

#bannercontent .sidecontent .btnclick a {
  background:#f3f2f2;
  border:1px solid #c6dee8;
  padding:8px 11px;
  color:#000;
  font-weight:bold;
  cursor:pointer !important;
  position:relative;
  z-index:1;}

/* 3.5	Bottomcontent
-----------------------------------------------------------------------------------------------*/
#bottomcontent .container {
 border-top:8px solid #7f7f7f;
 padding:18px 0;}

#bottomcontent .thumbsec {
  width:585px;}

#bottomcontent .thumbsec .byblock {
  width:180px;
  margin-right:9px;
  float:left;}

#bottomcontent .thumbsec .byblock h4 {
  padding:13px 0 10px 0;
  color:#1e6b92;
  font-size:1.3em;
  font-weight:bold;}

#bottomcontent .thumbsec .byblock p {
  line-height:17px;
  font-size:1.2em;}

#bottomcontent .sidesec {
  width:314px;}

#bottomcontent .sidesec .head {
  width:258px;
  float:left;}

#bottomcontent .sidesec .head h4 {
  color:#1e6b92;
  font-size:1.6em;
  font-weight:bold;
  padding:0 0 10px 0;}

#bottomcontent .sidesec .head p {
  font-size:1.3em;
  line-height:19px;
  font-weight:bold;}

#bottomcontent .sidesec .date {
  margin-right:18px;
  border:1px solid #c7e1da;
  text-align:center;
  float:right;}


#bottomcontent .sidesec .date .top {
  background:#f5f5dc;
  color:#1e6b92;
  font-size:1.1em;
  text-transform:uppercase;
  font-weight:bold;
  display:block;
  padding:2px 5px;}

#bottomcontent .sidesec .date .down {
  background:#fbfbf1;
  color:#000;
  font-size:1.6em;
  display:block;
  padding:2px 5px;}

#bottomcontent .sidesec .introcontent {
  padding:0px 0 0 0;}

#bottomcontent .sidesec .introcontent p {
  font-size:1.2em;
  font-weight:normal;
  }

/* SUBPAGE */
#subpage #bannercontent .container {
  background:url(http://www.seno-nola.org/images/bg-subtop.gif) repeat-x;
  height:53px;
  padding:19px 0 0 0;}

#subpage #bannercontent .container h1 {
  color:#fff;
  font-size:2.1em;
  padding:0 0 5px 19px;
  font-weight:bold;}

#subpage #bannercontent .container h4 {
  color:#6bc3e2;
  font-size:1.3em;
  font-weight:bold;
  padding:0 0 0 19px;}

#subpage #bottomcontent .container {
  border-top:none;
  margin-top:-17px;}

#subpage #bottomcontent .maincontent {
  width:575px;
  float:left;
  padding-top:8px;
  font-family:Arial, Helvetica, sans-serif;

}
 

 
#subpage #bottomcontent .maincontent_wide {
	width:845px;
	float:left;
	padding:8px 25px 5px;
}

.maincontent_wide h2 {
	padding:10px 0px;
}

.maincontent_wide p {
 color:#333;
  font-size:1.3em;
  line-height:16px;

}
  

#subpage #bottomcontent .maincontent .topintro {
  color:#000;
  
  line-height:20px;
  color:#222;
  padding:0 0 10px 17px;
font-family:Arial, Helvetica, sans-serif;

}

#subpage #bottomcontent .maincontent h4.titlediv {
  display:block;
  border-bottom:1px solid #ff6600;
  margin: 10px 0;
font-family:Arial, Helvetica, sans-serif;
}

#subpage #bottomcontent .maincontent h4.titlediv span {
  padding-right:15px;
  background:#fff;
  position:relative;
  top:5px;
  color:#ff6600;
  font-size.1.3em;
  text-transform:uppercase;
  font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}

#subpage #bottomcontent .maincontent .subtext {
  color:#333;
  padding:10px 0 10px 17px;
  line-height:16px;
font-family:Arial, Helvetica, sans-serif;
font-size.1.7em;
}
  
.subtext strong {
font-weight: bold;
}

#subpage #bottomcontent .subphotocontent {
  width:300px;
  float:right;
  margin-right:10px;}

#subpage #bottomcontent .subphotocontent .photocontainer {
  background:url(http://www.seno-nola.org/images/bg-subpagephoto.png);
  position:relative;
  top:-54px;
  margin-bottom:-40px;}

#subpage #bottomcontent .subphotocontent .photocontainer img {
  padding:19px;
  display:block;
  margin:0 auto;}

#subpage #bottomcontent .subphotocontent .colcontent {
  width:305px;
  padding:0 0 0 17px;}
  
.colcontent p {
	font:1.1em Arial, Helvetica, sans-serif;
	padding:10px 0px;

}



#subpage #bottomcontent .subphotocontent h4.coltitle {
  background:#f8f8ef;
  padding:10px;
  color:#000;
  margin:0 0 15px 0;}

#subpage #bottomcontent .subphotocontent .entry {
  margin:0 0 15px 12px;
  }
 

#subpage #bottomcontent .subphotocontent .entry h4 {
  color:#1e6b92;
  font-size:1.7em;
  font-weight:bold;
  text-decoration:none;
  margin-bottom:-15px;
 }

.entry h4 a {
	text-decoration:none;
}

.view_more {
	margin-left:12px;
}
 
  

#subpage #bottomcontent .subphotocontent .entry p {
  font-size:1.2em;
  line-height:18px;}
  
.profileSpot img {
	margin: 0 10px 30px 0;
	float: left;
	border:1px solid #000000;
}

.profileSpot p {
  color:#333;
  font-size:1.3em;
  line-height:16px;
  float: right;
}

.profileSpot a {
	text-decoration:none;
}



/* 3.6	Footer
-----------------------------------------------------------------------------------------------*/
#footer .container {
  border-top:1px solid #e9e9e9;
  padding:22px 0;}

#footer .container .copy {
  float:left;
  color:#a3a3a3;
  font-size:1.1em;}

#footer .mainnav {
  float:right;
  clear:none;
  padding:0;}


/* 3.7	Forms
-----------------------------------------------------------------------------------------------*/

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}




/*---Styling For Our Team Page ---*/

/* needed for IE to make :active state work first time */

/*a, a:visited {
color:#000;
} 
*/

/* common styling for all galleries */
a.gallery, a.gallery:visited {
display:block; 
display:inline-block; 
color:#000; 
text-decoration:none; 
border:1px solid #000; 
width:75px; 
height:47px; 
float:left; 
margin:4px; 
z-index:50;
}

a.slidea {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slideb {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slidec {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slided {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slidee {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slidef {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slideg {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slideh {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slidei {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.slidej {background:url(http://www.seno-nola.org/images/seno_thumb.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}


/* styling for TOP gallery */
#container_top {
position:relative; 
width:425px; 
height:450px; 
background:#d1c8c3; 
border:1px solid #a49188; 
margin:1em auto;
}

#container_top img {border:0;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; font-size:1.3em; border:1px solid #3d330f; z-index:50; font-style:normal; line-height:15px;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}



/*---New Menu ---*/


.menu {
color:#000;
position:relative; 
margin:11px 0px 0 0px;
z-index:10;
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:88px; 
font-size:1.2em;
font-weight:bold;
text-decoration:none;
height:1.5em;
font-weight:bold;
border-bottom:7px solid #6BC3E2;
padding-left:10px; 
line-height:1.5em;
margin-right:2px;
text-align:center;
}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
w\idth:88px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;
}
/* remove all table style so that it does not interfere with the menu */
.menu table {
margin:-1px; 
border-collapse:collapse;
font-size:1em;
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:7px solid #1E6B92;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:11px;
left:0; 
width:96px;
border:1px solid #888;
border-top:0;
background-color:#fff;
z-index:10;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
background-color:#FFF; 
color:#000; 
border:0;
margin:0;
color:#333;
font-weight:normal; 
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
height:auto; 
line-height:1em; 
padding:5px; 
width:86px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#F68938; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}


#rsvp_text {
 font-size:1.8em;
}

#rsvp_img_padding {
	padding-top:20px;
}

.statement1 {
	 font-style:italic; font-weight:bold;
}

.center {
	text-align:center;
}

#supporters_table {
	text-align:center; 
	margin:0 auto;
}

#supporters_table td {
	text-align:center;
	padding:5px;
}

.supporter_text {
color:#FF0000; 
font-size:2.5em; 
font-weight:bold;
}

.supporter_text a {
	color:#FF0000;
	text-decoration:none;
}
.blog {
display:block;
 width:918px;
margin-left:auto;
margin-right:auto;
}