html {
height : 100%;
}
body {
height : 100%;
min-height : 100%;
background : #4a0000;
font-family : "lusida Grande", sans-serif;
font-size : small;
margin : 0;
padding : 0;
}
img {
border : 0;
}
#wrapper {
background : #f6e5b9 url(images/header_bkgr.jpg) repeat-x top left;
padding : 0;
text-align : left;
width : 1000px;
height : auto;
position : relative;
min-height : 100%;
margin : 0 auto;
margin-bottom : -30px;
font-size : 12px;
border-left:3px double #4a0000;
border-right:3px double #4a0000;
}
#header {
width : 100%;
height : 189px;
background : transparent url(images/woman.jpg) no-repeat top right;
margin : 0 auto;
position : relative;
}
#header h1 {
color : #fff;
position : absolute;
left : 510px;
top : 40px;
font-size : 300%;
}
#header h1.shadow {
color : #000;
position : absolute;
left : 512px;
top : 42px;
font-size : 300%;
}
#header h2 a {
color : #9c3320;
position : absolute;
left : 240px;
top : 125px;
font-size : 155%;
font-weight : bold;
text-decoration : none;
font-style : italic;
letter-spacing : 0.32em;
}
#header h3 a {
color : #fff;
position : absolute;
left : 300px;
top : 5px;
font-size : 110%;
font-weight : bold;
text-decoration : none;
}
h1 {
color : #9c3320;
font-size : 125%;
font-weight : bold;
line-height : 230%;
margin : 10px;
}
h2 {
color : #126194;
font-size : 110%;
font-weight : bold;
line-height : 200%;
margin : 10px;
}
p {
color : #4a0000;
font-size : 100%;
line-height : 175%;
margin : 10px;
}
p a {
color : #4a0000;
font-size : 100%;
font-weight : bold;
text-decoration : none;
}
#topnavigation {
float : left;
display : inline-block;
overflow : hidden;
position : relative;
width : 1000px;
list-style : none;
background : #4a0000 url(images/border_bkgr.gif) repeat-x bottom left;
}
#topnavigation ul {
float : left;
display : inline;
overflow : hidden;
position : relative;
font-size : 95%;
font-weight : bold;
margin-left : 210px;
padding : 0;
width : auto;
}
#topnavigation li {
float : left;
height : 34px;
list-style : none;
margin : 0;
padding : 0;
margin : 0 1px 0 0;
width : auto;
display : inline;
overflow : hidden;
position : relative;
}
#topnavigation a {
color : #ffffff;
display : block;
padding : 11px 10px 10px 10px;
text-transform : uppercase;
background : #4a0000 url(images/nav_bkgr.jpg) repeat-x top left;
text-decoration : none;
border-top: 1px solid #4a0000;
border-left: 1px solid #4a0000;
border-right: 1px solid #4a0000;
}
#topnavigation a:hover {
background : #9c3320 url(images/nav_bkgr_hover.jpg) repeat-x top left;
color : #126194;
text-decoration : none;
border-top: 1px solid #4a0000;
border-left: 1px solid #4a0000;
border-right: 1px solid #4a0000;
padding-bottom : 12px;
}
#topnavigation a.current {
background : #9c3320 url(images/nav_bkgr_hover.jpg) repeat-x top left;
padding-bottom : 12px;
color : #126194;
text-decoration : none;
border : 1px solid #f6e5b9;
border-bottom : none;
}
#content {
background : #fff;
min-height : 600px;
padding : 33px 15px 10px 10px;
margin-left : 207px;
border : 3px double #ca8c6e;
border-top : none;
}
#content img {
float : left;
margin : 5px 15px 6px 10px;
padding : 5px;
display : inline;
overflow : hidden;
position : relative;
}
#women_together {
position : relative;
margin : 10px;
float : none;
}
#women_together img {
border : 2px solid #f6e5b9;
}
#leftblock {
position : relative;
float : left;
background : transparent;
width : 200px;
height : auto;
display : inline-block;
overflow : hidden;
position : relative;
margin : 5px 3px 5px 3px;
text-align : center;
}
.leftheader {
float : left;
height : 34px;
background : #9c3320 url(images/nav_bkgr_hover.jpg) repeat-x top left;
width : 100%;
font-weight : bold;
display : inline-block;
overflow : hidden;
position : relative;
margin-bottom : 15px;
border : 1px solid #fff;
}
.leftheader a {
color : #fff;
font-size : 100%;
text-transform : uppercase;
line-height : 34px;
margin : 0 10px 0 10px;
text-decoration : none;
font-weight : bold;
}
.members_list {
color : #4a0000;
width : 70%;
position : relative;
}
.name {
width : 45%;
font-size : 100%;
}
#content h3, .members_list h1 {
text-transform : uppercase;
color : #4a0000;
font-size : 110%;
font-weight : bold;
line-height : 110%;
}
.contact {
font-weight : bold;
}
.members_list td {
border-bottom : 1px dashed #9c3320;
}
#content h3 {
padding : 5px;
background : #f6e5b9 url(images/arrow.png) no-repeat bottom left;
text-indent : 15px;
}
#content ul {
margin-left : 50px;
position : relative;
}
#content li {
color : #4a0000;
font-size : 100%;
line-height : 175%;
margin : 10px;
list-style-image : url(images/dot.gif);
}
#footer {
background : #4a0000 url(images/nav_bkgr.jpg) repeat-x top left;
height : 30px;
font-size : 75%;
line-height : 30px;
font-weight : bold;
margin : 0 auto;
text-align : center;
width : 1000px;
position : relative;
vertical-align : middle;
color : #f6e5b9;
}
#footer li {
float : left;
position : relative;
display : inline;
overflow : hidden;
margin-left : 13px;
}
#footer a {
color : #f6e5b9;
text-decoration : none;
}
.contactform {
width : 70%;
margin : 10px 10px 10px 100px;
padding : 5px;
border : 1px solid #ccc;
background : #f6e5b9;
}
label {
float : left;
margin-left : 10px;
position : relative;
overflow : hidden;
display : inline-block;
font-weight : bold;
margin : 5px;
width : 130px;
}
input {
font : normal 1em Verdana, sans-serif;
color : #777;
}
textarea {
width : 350px;
padding : 3px;
font : normal 1em Verdana, sans-serif;
border : 1px solid #eee;
height : 100px;
display : block;
color : #777;
}
input.button {
margin : 10px 10px 10px 150px;
position : relative;
}
.cell {
padding : 3px;
border : 1px solid #ccc;
}
.center {
text-align : center;
}
.center a {
text-align : center;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}