/* CSS Document */
body {
padding:0;
margin:0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;background: #CC8160;

}

form {
	margin:10px; padding: 0 5px;
	background: transparent;

}

img.floatLeft {
    float: left;
   margin : 0px 3px 0px 0;
}
img.floatRight {
    float: right;
    margin: 4px;
}

p {
line-height : 18px;
padding-top : 0;
padding-left : 5px;
padding-right : 5px;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 0
}
#rightpan p {
line-height : 18px;
padding-top : 3px;
padding-left : 5px;
padding-right : 5px;
  text-align: left
}
a{
outline:none;
text-decoration:none;
}

.spacer{
padding:0;
margin:0;
font-size:0;
line-height:0;
clear:both;
}

#container{
width:950px;
margin:0 auto;
background:#CDBA96;

}
/*------------------------------------------Top Panel-----------------------------------------*/
#main{
width:950px;
margin:0 auto;
height:320px;
 position:relative; overflow:hidden;
}

#header-photo {
	clear: both;
	height: 320px;
	width: 500px;
	margin: 0 auto;

  position: relative;
  margin-left:0px;
  background: url(photos/baby_g.jpg) no-repeat
}
#header-photob {
	clear: both;
	height: 320px;
	width: 500px;
	margin: 0 auto;

  position: relative;
  margin-left:0px;
  background: url(photos/baby_b.jpg) no-repeat
}
#header-photoc {
	clear: both;
	height: 320px;
	width: 500px;
	margin: 0 auto;

  position: relative;
  margin-left:0px;
  background: url(photos/baby_f.jpg) no-repeat
}
#header-photod {
	clear: both;
	height: 320px;
	width: 500px;
	margin: 0 auto;

  position: relative;
  margin-left:0px;
  background: url(photos/baby_i.gif) no-repeat
}
     h1{
color:#777777;
background-color:inherit;
position:absolute;
left:520px;
top:50px;
  font-size: 30px;
  font-family: "Book Antiqua"
}
.one{  color:#777777;
  font-size: 16px;
  font-weight: bold
}


p.matTxt{
line-height:22px;
color:#777777;
background-color:inherit;
position:absolute;
left:530px;
top:120px;
width:400px;
  font-size: 12px
}

/*--------------------- navigation------------------------------------*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
background: #F7F7F7 url(images/nav.jpg); /*menu strip background*/
border: 1px solid gray;
padding: 4px 0;
border-width: 1px 0;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url('media/aeroright.gif') no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.85;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #222222;
}

.black a.aero{
background-image: url('media/aeroleftblack.gif');
}

.black a.aero span{
background-image: url('media/aerorightblack.gif');
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

#logBlock{
width:920px;
margin:0 auto;

}
#topBlock{
width:895px;
margin:0 auto;
background-color:#EBE588;
color:inherit;
padding-left:25px;
height:100%;
overflow:auto;

}
/*---------------------Log in Block--------------------------*/
#userLog{
width:544px;
height:193px;
border:solid 6px #C3BD66;
background:url(images/flower.gif) no-repeat 0 bottom #DED879;
padding:10px 0 0 10px;
color:#3A3E24;
float:left;
}
#userLog p.user{
background:url(images/e16_img.gif) no-repeat 0 0;
width:94px;
height:82px;
float:left;
}


/*---------------------Log in Block--------------------------*/
#BotBlock{
width:920px;
margin:0 auto;
background:url(images/bottom_roundBg.gif) no-repeat 0 bottom;
height:24px;
float:left;
}



/*------------------------------------------Top Panel-----------------------------------------*/

/*---------------------------------Body---------------------------------------*/
#BodyPan{
width:950px;
margin:0 auto;
padding:0px 0 0 0;
  background: #F5F5DC
}

/*-------------------------------left panel--------------------------------------------*/
#leftPan{
width:700px;
float:left;
  padding-left: 5px
}
h2.trendy{
color:#CD7E14;

padding-bottom:3px;
display:block;
  font-size: 24px;
  font-weight: normal;
  margin-bottom:0
}
p.dashed{
background:url(images/dashed.gif) repeat-x 0 0;
height:16px;
}
h3{
font-size:18px;

color:#B36D11;
font-weight:normal;

padding:7px 5px 0 0;
  text-align: left;
 margin-bottom:0
}

 h4{
font-size:16px;

color:#B36D11;
font-weight:bold;

padding:5px 5px 0 0;
  text-align: center;
  padding-bottom: 0px;
 margin-bottom:0   
}


/*-------------------------------left panel--------------------------------------------*/

/*-------------------------------right panel--------------------------------------------*/
#rghtPan{
width:230px;
float:right;
  background: #CDBA96
}

.newsBlock{
width:220px;
float:right;
}
p.news{
background:url(images/e16News.jpg) no-repeat 0 0;
height:84px;
}
ul.newsLink{
padding:0;
margin:0;
background:url(images/dashed_two.gif) repeat-x 0 0;
  margin-left: 20px;
  list-style: disc
}
ul.newsLink li{
background:url(images/dashed_two.gif) repeat-x 0 bottom;

font-size:12px;
line-height:22px;
padding:0 0 0 3px;
  color: #111111;
  list-style: disc
}
ul.newsLink li a{
font:normal 9px/17px Arial, Helvetica, sans-serif;
color:#EBE588;
background-color:inherit;
}
ul.newsLink li a:hover{
color:#fff;
background-color:inherit;
}
p.dates{
background:url(images/e16_Dates.jpg) no-repeat 0 0;
width:134px;
height:83px;
margin:21px 0 0 0;
}
p.datingTxt{
color:#555555;
background-color:inherit;
line-height:11px;
padding-top:12px;
}
p.datingTxt span{
display:block;
padding:12px 0 0 0;

}
p.datingTxt span a{
color:#EBE588;
background-color:inherit;
}
p.datingTxt span a:hover{
text-decoration:underline;
}
/*-------------------------------right panel--------------------------------------------*/

/*---------------------------------Body---------------------------------------*/



/*--------------------------------------footer--------------------------------------*/
#footer{
width:950px;  background:#BEA678;
margin:0 auto;
padding:20px 0 26px 0;
 }

p.copyright{
color:#555555;

text-align:center;
padding-top:22px;
  font-size: 11px
}
p.copyright span{
display:block;
}
p.copyright span a{
color:#555555;
  font-weight: bold
}
p.copyright span a:hover{
text-decoration:underline;
}
/*--------------------------------------footer--------------------------------------*/
 #test2 {
  margin: 0em auto;

    width: 500px;
    height: 320px;


  }
 .labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 p{ /*CSS specific to demo 1*/
line-height : 18px;
padding-top : 3px;
padding-left : 5px;
padding-right : 5px;
  text-align: left
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}
.box-table-a {

margin : 5px;
width : 700px;
text-align : left;
border-collapse : collapse;

  margin-bottom: 10px
}
.box-table-a th {
font-size : 13px;
font-weight : normal;
padding : 8px;
background : #e8edff;

color : #039;
}
.box-table-a td {
padding : 0px;
background : transparent;
 width : 350px;
color : #000000;

padding-bottom : 10px;

  vertical-align: top
}