/* 
CSS for Seward Park Coop site
*/

html {
min-height:100.25%;
}

* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF
	font-size=100%
}


p, h1, h2, h3, td, table, tr, th {
	<-- color:#5f9794; -->
	color:#102536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height: 1.45;
	margin-left:140px;
	margin-right:70px;
}

h1 {
	color:#102536;
	font-size: 1.15em;
	margin-top:20px;
}

h2 {
	color:#102536;
	font-size: .9em;
	margin-top:15px;
}

h3 {
	color:#102536;
	font-size: .75em;
	margin-top:5px;
}

ul#p,#p ul {
	color:#102536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height: 1.45;
	margin-left:180px;
	margin-right:70px;
	margin-bottom:12px;
	list-style-type: square;
}  

table#p {
	color:#102536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.35em;
	line-height: 1.45;
	margin-left:140px;
	margin-right:10px;
	margin-top:0px;
	margin-bottom:0px;
}

tr {
	margin-bottom:50px;
}

ul#p li {
	margin-top:4px;
}  


p {margin-bottom: 14px;}

.nospacebelow {margin-bottom: 0px;}

.nospaceabove {margin-top: 0px;}


a
{
border-bottom:1px dotted #6F1618;
text-decoration:none;
color:#222222;
/* color:#6F1618; */
}

a:hover
{
background:#FFFFFF;
color:#6F1618;  
}
.note {
font-size: .85em;
color:#294e56;
margin: 0px 100px;
padding: 10px;
border: 1px solid #73afb7;
background-color: #fbef99;
}

.sidebar {
	width: 150px;
	height: 100px;
	float: right;
	margin: 10px;
s	border: solid 10px white;
	border-bottom-width: 20px;
	padding: 0px;
	background-color: white;
}

.sidebar p {
	margin: 0px;
	text-align: center;
	font-size: .4em;
	color: black;
}

.collapse { 
	display:inline; 
	color:#102536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-left:145px;
	margin-right:70px;
	font-size:0.75em;
}
.expand { 
	display:none; 
	color:#102536;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1;
	margin-left:145px;
	margin-right:70px;
	font-size:0.75em;
}

#wrapperwhite {
	width: 900px;
	/* height: 650px; */
	padding: 0;
	text-align: left;
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	margin-top: 0px;
}


p#menu2 { 
	text-align: left;
	margin-left: 200px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: .5	
 } 
p#menu3 { 
	text-align: left;
	margin-left: 350px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: .5
 } 
p#menu4 { 
	text-align: left;
	margin-left: 528px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: .5	
 } 
p#menu5 { 
	text-align: left;
	margin-left: 680px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: .5	
 } 
p#menu6 { 
	text-align: left;
	margin-left: 823px;
	margin-top: 0px;
	margin-right: 0px;
	line-height: .5	
 } 

#wrapper {
	width: 900px;
	/* height: 1200px; */
	padding: 0;
	text-align: left;
	background: #F2F2F2;
	margin: 0 auto;
	padding: 0;
	margin-top: 0px;
}

#wrapper_default {
	width: 900px;
	/* height: 715px; */
	padding: 0;
	text-align: left;
	background: #FFFFFF;
	margin: 0 auto;
	padding: 0;
	margin-top: 0px;
}


#1p {
	margin-top:1px;
	font-size: 0em;
}

#10p {
	margin-top:10px;
	font-size: 0em;
}

#bodypart {
	margin-top:8px;
}

h2 strong {
	color: red;
}


p.default {
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
}

p.copyright {
	color: #14556b;
	font-size: 6pt;
	text-transform:uppercase;
	position: relative;
	display:block;
	float: right;
	text-align: right;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 0px;
	bottom: 0px;
}

.photo {
	float: left;
	margin: 5px;
	border: solid 0px white;
	padding: 0px;
}

.photo p {
	margin: 0px;
	text-align: center;
	font-size: 1em;
	color: black;
}

.blanklink A:link {text-decoration: none border: none}
.blanklink A:visited {text-decoration: none}
.blanklink A:active {text-decoration: none}
.blanklink A:hover {text-decoration: none}


form#login {
 background-color: #CCCCCC;
 color: #000000;
 border: 0px solid #999999;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: left;
 font-style: normal;
 text-decoration: none;
 padding: 10px;
}

#login .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 100px;
 margin-right: 10px;
 font-style: normal;
 text-decoration: none;
}


#login .buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 10px;
}

#iconmenu {position: relative; margin: -8px auto; padding: 0px; width: 900px; height: 23px; background: url(../images/SPMenu.gif);}
#iconmenu li {width: 900px; height: 23px; position: absolute; top: 0px; background: url(../images/SPMenu.gif) 0 0 no-repeat; display: block; list-style: none;}

#iconmenu2 {position: relative; margin: -8px auto; padding: 0px; width: 900px; height: 23px; background: url(../images/SPMenu1.gif);}
#iconmenu2 li {width: 900px; height: 23px; position: absolute; top: 0px; background: url(../images/SPMenu2.gif) 0 0 no-repeat; display: block; list-style: none;}



#iconmenu a {width: 169px; height: 23px; display: block; border: solid 0px #fff;}
#iconmenu a:hover {border: solid 0px #fff;}
#iconmenu #panel1c {left: 0px; width: 145px; background-position: -0px 0;}
#iconmenu #panel2c {left: 145px; width: 139px; background-position: -145px 0;}
#iconmenu #panel2c_selected {left: 145px; width: 139px; background-position: -145px -23px;}
#iconmenu #panel3c {left: 284px; width: 166px; background-position: -284px 0;}
#iconmenu #panel3c_selected {left: 284px; width: 166px; background-position: -284px -23px;}
#iconmenu #panel4c {left: 450px; width: 194px; background-position: -450px 0;}
#iconmenu #panel4c_selected {left: 450px; width: 194px; background-position: -450px -23px;}
#iconmenu #panel5c {left: 644px; width: 122px; background-position: -644px 0;}
#iconmenu #panel5c_selected {left: 644px; width: 122px; background-position: -644px -23px;}
#iconmenu #panel6c {left: 766px; width: 134px; background-position: -766px 0;}
#iconmenu #panel6c_selected {left: 766px; width: 134px; background-position: -766px -23px;}

#iconmenu #panel1c a:hover {background: url(../images/SPMenu.gif) -0px -23px no-repeat;}
#iconmenu #panel2c a:hover {background: url(../images/SPMenu.gif) -145px -23px no-repeat;}
#iconmenu #panel2c_selected a:hover {background: url(../images/SPMenu.gif) -145px -23px no-repeat;}
#iconmenu #panel3c a:hover {background: url(../images/SPMenu.gif) -284px -23px no-repeat;}
#iconmenu #panel3c_selected a:hover {background: url(../images/SPMenu.gif) -284px -23px no-repeat;}
#iconmenu #panel4c a:hover {background: url(../images/SPMenu.gif) -450px -23px no-repeat;}
#iconmenu #panel4c_selected a:hover {background: url(../images/SPMenu.gif) -450px -23px no-repeat;}
#iconmenu #panel5c a:hover {background: url(../images/SPMenu.gif) -644px -23px no-repeat;}
#iconmenu #panel5c_selected a:hover {background: url(../images/SPMenu.gif) -644px -23px no-repeat;}
#iconmenu #panel6c a:hover {background: url(../images/SPMenu.gif) -766px -23px no-repeat;}
#iconmenu #panel6c_selected a:hover {background: url(../images/SPMenu.gif) -766px -23px no-repeat;}

#spphoto {position: relative; margin: 0px auto; padding: 0px; background: url(../images/sp_trees_900.jpg);}
#spphoto li {width: 900px; position: absolute; top: 0px; left: 0px; background: url(../images/sp_trees_900.jpg) 0 0 no-repeat; display: block; list-style: none; text-align: left; padding: 0px; line-height: 700px; font-size: 2em; font-family: Arial, san-serif; font-style: italic; font-weight: bold; color: #242424;}


#spdevelopment {position: relative; margin: 0px auto; padding: 0px; background: url(../images/seward_park_development.jpg);}
#spdevelopment li {width: 890px; height: 1200px; position: absolute; top: 0px; left: 0px; background: url(../images/the_development.jpg) 0 0 no-repeat; display: block; list-style: none; text-align: left; padding: 0px; line-height: 800px; font-size: 2em; font-family: Arial, san-serif; font-style: italic; font-weight: bold; color: #242424;}

#submenu-height {
/* height:800px; */
}

ul#submenu,#submenu ul {  
    list-style:none;  
    width:120px; /* this is the width of the ul, change here as per your requirement*/
    float:left;
    margin-top:0px;
}  
ul#submenu li {  
display:inline;  
border:none 0px;  
float:left;  
margin-bottom:10px;
margin-right:20px;
width:120px; /* this is the width of the each li, change it if your text is too long*/  
text-align:center;  
}  
ul#submenu li a {  
background:#B5BEC9; /* #667790; 75859D */
display:block;  
text-decoration:none;
border-bottom:none;
color:#FFFFFF;  
padding:4px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;  
}  
ul#submenu li a:hover { 
/* border-top:#6F1618 solid 1px; */
/* border-right:#6F1618 solid 1px; */
/* border-bottom:#6F1618 solid 1px; */
background:#FFFFFF;  
color:#6F1618;  
}  

.submenu_select { 
background:#FFFFFF;
display:block;  
text-decoration:none;
color:#6F1618;
border-top: 1px #6F1618 solid;
border-right: 1px #6F1618 solid;
border-bottom: 1px #6F1618 solid;
padding:4px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
} 

.submenu_sponsorship { 
background:#FFFFFF;
display:block;  
text-decoration:none;
padding:4px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;
} 


ul#submenu_nobkg,#submenu_nobkg ul {  
    list-style:none;  
    width:83px; /* this is the width of the ul, change here as per your requirement*/
    float:left;
    margin-top:0px;  
	margin-left:20px;
}  
ul#submenu_nobkg li {  
display: block;
border: none 0px;
float: left;  
margin-bottom: 6px;
width: 83px; /* this is the width of the each li, change it if your text is too long*/  
text-align: left;  
}  
ul#submenu_nobkg li a {  
background:#EFEFEF; /* #667790; 75859D */
display:block;  
text-decoration:none;
border-top:4px solid #FFFFFF; 
border-left:4px solid #FFFFFF; 
border-right:4px solid #FFFFFF; 
border-bottom:8px solid #FFFFFF; 
color:#FFFFFF;  
padding:0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;  
}  
ul#submenu_nobkg li a:hover { 
border-top:4px solid #6F1618; 
border-left:4px solid #6F1618; 
border-right:4px solid #6F1618; 
border-bottom:8px solid #6F1618; 
background:#FFFFFF;  
color:#6F1618;  
}  

ul#submenu_nobkg_right,#submenu_nobkg_right ul {  
    list-style:none;  
    width:83px; /* this is the width of the ul, change here as per your requirement*/
    float:right;
    margin-top:0px;
    margin-right:35px;
}  
ul#submenu_nobkg_right li {  
display:block;
border:none 0px; 
float:left;  
margin-bottom:6px;
width:83px; /* this is the width of the each li, change it if your text is too long*/  
text-align:center;  
}  
ul#submenu_nobkg_right li a {  
background:#EFEFEF; /* #667790; 75859D */
display:block;  
text-decoration:none;
border-top:4px solid #FFFFFF; 
border-left:4px solid #FFFFFF; 
border-right:4px solid #FFFFFF; 
border-bottom:8px solid #FFFFFF; 
color:#FFFFFF;  
padding:0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8pt;  
}  
ul#submenu_nobkg_right li a:hover { 
border-top:4px solid #6F1618; 
border-left:4px solid #6F1618; 
border-right:4px solid #6F1618; 
border-bottom:8px solid #6F1618; 
background:#FFFFFF;  
color:#6F1618;  
}  

.description {
	font-size:0.85em; /* this makes it 85% of it's existing size (not 85% of regular size) */
}

.redirect { 
unicode-bidi:bidi-override; 
direction: rtl; 
}