/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td{ margin: 0; padding: 0; }

/*****Basic Elements*****/
body {
	background-color: #040803;
	background-image:url('images/bg.png');
	background-position:top center;
	background-repeat:repeat-x;
	color: #ffffff;
	font-family: "Arial", sans-serif;
}

h2 {font-size: 34px; font-weight: lighter;}
h3 {font-size: 30px; font-weight: lighter; margin: 0 0 15px 0;}
h4 {font-size: 25px; font-weight: lighter; margin: 10px 0 15px 0;}

p {font-size: 16px; line-height: 24px;}

a{text-decoration: none; color: #ffffff;}

a:hover{text-decoration: none; color: #efa405;}

/*****Generic Classes*****/
.loginSuccess {
	margin: 0 0 -40px 0;
}

.eventTitle {
	margin: -15px 0 0 0;
}

.time {
	font-size: 24px;
}

/*****Basic Layout*****/
#wrapper {
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #ffffff;*/
	position: relative;

}
#header {
	background-image: url("images/opbBanner.png");
	background-position: top center;
	background-repeat: no-repeat;
	height: 0px !important;
	height /**/:307px;
	overflow: hidden;
	padding: 307px 0 0 0;
}

#main {
	width: 1000px;
	/*background-color: #ff0000;*/
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px 0 15px;

}

#topFeature {
	/*background-color: #ffcc00;*/
	height: 310px;
	margin: 50px 0 0 0;
	width: 1000px;
	background-image: url('images/topFeatureFlower.png');
}

#content {
	background-color: #1c4e0f;
	background-image: url("images/bg_content.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: right;
	margin: 15px 29px 0 0;
	padding: 15px 25px 35px 25px;
	width: 598px;
}

#container {
	background-color: #1c4e0f;
	background-image: url("images/bg_content.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: right;
	margin: 0px 10px 0 0;
	padding: 15px 25px 35px 25px;
	width: 925px;
}

#containerGold {
	background-color: #efa305;
	background-image: url("images/bg_contentGold.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: right;
	margin: 0px 10px 0 0;
	padding: 15px 25px 35px 25px;
	width: 925px;
}

#containerGreen {
	background-color: #1c4e0f;
	background-image: url("images/bg_content.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: right;
	margin: 0px 10px 0 0;
	padding: 15px 25px 35px 25px;
	width: 925px;
}

#sidebar {
	background-color: #efa305;
	background-image: url("images/bg_sidebar.png");
	background-position: top center;
	background-repeat: repeat-x;
	margin: 15px 0 0 29px;
	padding: 5px 25px 35px 25px;
	width: 226px;
}

#footerWrap {
	text-align: center;
	clear: both;
	padding: 40px 0 0 0;
}

/*****Header*****/
#login {position: absolute; top: 290px; right: 148px; }
#login a { color: #efa405; font-size: 14px;}
#login a:hover { color: #ffffff; font-size: 14px;}

#nav {margin: 0 50px 0 115px;}

ul#navlinks li{
	height: 50px;
	float: left;
	list-style: none;
	margin: 0px 0 0 0px;
	padding: 0px;
	}

ul#navlinks li a{
	background-image: url('images/nav.png');
	display: block;
	height: 0px;
	padding: 50px 0 0 0;
	margin: 0px;
	overflow: hidden;
	}
	
li#navHome a{background-position: 0px 0px; width: 95px;}
li#navAbout a{background-position: -95px 0px; width: 126px;}
li#navEtaHerstory a{background-position: -220px 0px; width: 210px;}
li#navSisters a{background-position: -430px 0px; width: 96px;}
li#navEvents a{background-position: -525px 0px; width: 95px;}
li#navResources a{background-position: -620px 0px; width: 126px;}
li#navContact a{background-position: -745px 0px; width: 118px;}

li#navHome a:hover{background-position: 0px -50px; width: 95px;}
li#navAbout a:hover{background-position: -95px -50px; width: 126px;}
li#navEtaHerstory a:hover{background-position: -220px -50px; width: 210px;}
li#navSisters a:hover{background-position: -430px -50px; width: 96px;}
li#navEvents a:hover{background-position: -525px -50px; width: 95px;}
li#navResources a:hover{background-position: -620px -50px; width: 126px;}
li#navContact a:hover{background-position: -745px -50px; width: 118px;}

body#home li#navHome a{background-position: 0px 50px; width: 95px;}
body#about li#navAbout a{background-position: -95px 50px; width: 126px;}
body#etaHerstory li#navEtaHerstory a{background-position: -220px 50px; width: 210px;}
body#sisters li#navSisters a{background-position: -430px 50px; width: 96px;}
body#events li#navEvents a{background-position: -525px 50px; width: 95px;}
body#resources li#navResources a{background-position: -620px 50px; width: 126px;}
body#contact li#navContact a{background-position: -745px 50px; width: 118px;}

body#opbHerstory li#navAbout a{background-position: -95px 50px; width: 126px;}
body#sisterhood li#navAbout a{background-position: -95px 50px; width: 126px;}
body#founders li#navAbout a{background-position: -95px 50px; width: 126px;}
body#facts li#navAbout a{background-position: -95px 50px; width: 126px;}
body#serving li#navAbout a{background-position: -95px 50px; width: 126px;}

#bird_left {position: absolute; left: 50px; top: 265px;}
#bird_right {position: absolute; right: 50px; top: 265px;}

/*****Content*****/
#topFeature h2 {color: #1c4e0f; width: 370px; padding: 100px 0 0 120px;}
#topFeature img {float: right; padding: 12px 40px 0 0;}	

#content img {float: left; padding: 0 20px 0 0;}
#tabs-3 img {float: left; padding: 0 20px 0 0;}

#sidebar h4{color: black;}
#sidebar p{color: black;}
#sidebar img{margin: auto;}
#sidebar a{color: black; font-size: 13px;}
#sidebar p{font-size: 16px;}

body#sisters #container h3{padding-left: 290px;}
body#sisters #container h4{margin-top: -10px;}

#content2 {
	float: right;
	margin: 0px 29px 0 0;
	padding: 0px 20px 35px 0px;
	width: 580px;
	/*background-color: #fff888;*/
}

#content2 img {float: left; padding: 0 20px 0 0;}
#content2 ul {margin-left: 20px;}
#content2 ul li {line-height: 30px;}
#content2 ol {margin-left: 20px;}

#contentSide {float: left;}

ul#aboutNavLinks {padding:  50px 0px 25px 25px;}
	
ul#aboutNavLinks li{text-align: right;list-style: none;line-height: 36px;}

body#opbHerstory li#aboutNavHerstory a{color: #efa405;}
body#sisterhood li#aboutNavSisterhood a{color: #efa405;}
body#founders li#aboutNavFounders a{color: #efa405;}
body#facts li#aboutNavFacts a{color: #efa405;}
body#serving li#aboutNavServing a{color: #efa405;}

.profile {padding: 10px 25px 10px 0px;}
.profile img {float: left;}
	
#containerGold img {padding-right: 30px;}

#containerGreen img {padding-right: 30px;}

#containerGold a:hover {color: #000;}
#containerGreen a:hover {color: #000;}
	
#sisterLogin h3{
	text-align: center;
	color: #1c4e0f;
	}
	
#sisterLogin form{
	margin-left: 180px;
	color: #1c4e0f;
	}
	
#addEventForm h3{
	text-align: center;
	color: #1c4e0f;
	}
	
#addEventForm form{
	margin-left: 180px;
	color: #1c4e0f;
	}


/*****Table*****/
#hor-zebra {
	font-family: "Arial", Sans-Serif;
	font-size: 16px;
	width: 890px;
	text-align: left;
	border-collapse: collapse;
	line-height: 24px;
}

#hor-zebra th {
	font-size: 24px;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	color: #000000;
	background-color: #efa305;
	background-image: url("images/bg_table");
	background-repeat: repeat-x;
}

#hor-zebra td {padding: 10px; color: #ffffff; margin-left: 40px;}

#hor-zebra .odd {background: #336027;}


/*****Footer*****/
#motto {
	background-color: #efa405;
	background-image: url("images/bg_motto.png");
	background-position: top center;
	background-repeat: repeat-x;
	color: black;
	margin: auto;
	padding: 1px 10px 1px 10px;
	width: 650px;
}
#motto p{font-size: 13px; font-weight: bold;}

#footer {
	width: 1000px;
	margin: 0 auto;
}

#footerBar {
	background-color: #1c4e0f;
	background-image: url("images/bg_foot.png");
	background-repeat: repeat-x;
	height: 46px;
}

#foot1 {
	background-color: #1c4e0f;
	background-image: url("images/bg_foot.png");
	background-position: top center;
	background-repeat: repeat-x;
	height: 46px;
	float: left;
	width: 370px;
}

#foot1 p{font-size: 13px; line-height: 14px; padding: 10px 0 0 0;}

#foot2 {
	background-color: #1c4e0f;
	background-image: url("images/bg_foot.png");
	background-position: top center;
	background-repeat: repeat-x;
	float: right;
	padding: 10px 0 0 0;
	width: 380px;
}

#foot2 a{font-size: 13px; text-align: right;}

/*****Etc*****/
#cornerFlower {
	position: absolute;
	bottom: -80px;
	right: -30px;
	}
#kicker {clear: both;}

label {
width: 80px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

#addEventForm label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

.submit input{
margin-left: 80px;
}

.goldbutton{
margin-left: 88px;
cursor: pointer;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding: 5px 20px 5px 20px;
background-color: #efa405;
background-image: url(images/bg_goldButton.png);
background-repeat: repeat-x;
border:outset 1px #fff;
}

.greenbutton{
margin-left: 88px;
cursor: pointer;
color: #ffffff;
font-weight: bold;
font-size: 14px;
padding: 5px 20px 5px 20px;
background-color: #efa405;
background-image: url(images/bg_greenButton.png);
background-repeat: repeat-x;
border:outset 1px #fff;
}

#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6 {
	float: right;
	margin: 0px 29px 0 0;
	padding: 0px 20px 35px 35px;
	width: 580px;
}
	
#tabs ul {
	float: left;
	padding:  65px 0px 25px 95px;
	}
	
#tabs li {text-align: right;list-style: none;line-height: 36px;}

#tabs ol li {text-align: left; line-height:24px;}
	

/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #efa405;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-hide { display: none !important; }*/

#slider {
    width: 384px; /* important to be same as image width */
    height: 288px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 384px; /* important to be same as image width or wider */
	float: right;
	padding: 0px 40px 0 0;
}

#sliderContent ul{
	list-style-type: none;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
/*.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 358px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}*/
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}