/*
 * ourbabywebsite.css
 *
 * CSS file for Our Baby Website
 *
 */

	body
	{
		margin: 0;
		padding: 0;
		font-family: arial, hevetica, sans-serif;
		text-align: center;
		color: #505367;
		background-color: #D6D6D6;
	}

	a:link { color: #B52C07; }
	a:visited { color: #600; }
			
	a:hover, a:active
	{
		color: #fff;
		background-color: #B52C07;
	}


	h2
	{
		color: red;
		font: 116% georgia, times, "times new roman", serif;
		font-weight: bold;
		margin-top: 0;

	}


	h3
	{
		color: #5B5E0E;
		font: 106% georgia, times, "times new roman", serif;
		font-weight: bold;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
	}

	#container
	{
		margin: 1em auto;
		width: 50em;
		text-align: left;
		background-color: white;
		border-left: 1px solid black;
		border-right: 1px solid black;
		border-top: 1px solid black;
	}

	#header
	{
		height: 12.5em;
		background-color: white;
		position: relative;
	}

	#header_sign_img
	{
		width: 15em;
		height: 9.5em;
		margin-left: 1em;
		margin-top: 1em;

	}


	#header_img
	{
		width: 18.75em;
		height: 6.25em;
		margin-left: 0.625em;
		margin-bottom: 1em;

	}

	#navbar
	{
		height: 2em;
		background-color: white;
		margin-left: 19em;
		margin-right: .1em;
		font-size: 85%;
	}


	#navbar ul
	{
		margin: 0 0 0 2em;
		padding: 0;
		list-style-type: none;
		border-left: 1px solid #C4C769;
	}
		
	#navbar li
	{
		display: inline;
		padding: 0 1em;
		border-right: 1px solid #C4C769;
	}
																									
	#navbar li a
	{
		text-decoration: none;
		color: #272900;
	}
																																		
	#navbar li a:hover
	{
		text-decoration: none;
		color: #fff;
		background-color: #272900;
	}


	
	#menu
	{
		float: left; 
		width: 7.5em;
		background-color: white;
		border-right: 1px solid #C5C877;
		padding-left: 1em;
		padding-right: 1em;
		text-align: right;
	}


	#menu ul
	{
		margin-left: 0;
		padding-left: 0;
		list-style-type: none;
		line-height: 125%;

		width: 100%;
	}

	#menu li
	{
		padding: 1em 0;

		width: 100%;
	}

	#menu li a
	{
		text-decoration: none;

		display: block;
		width: 100%;
	}

	#menu li a:hover
	{
		width: 100%;
	}


	#menu_selected li
	{
		color: #888888;
		background-color: white;
	}

	#contents	
	{
		margin-left: 11em;
		margin-right: 1em;
	}
	
	#footer	
	{
		clear: both;
		height: 2em;
		background-color: #90D7FF;
		text-align: right;
		padding: 0.25em;
		border-bottom: 1px solid black;
	}

	
	#insideit_link a
	{
		color: #505367;
		text-decoration: none;
	}

	#insideit_link a:hover, a:active
	{
		color: white;
		background-color: #90D7FF;
		text-decoration: none;
	}


	/* General CSS */

	#frameset
	{
		border: 1px solid black;
		padding: 0.5em;
		text-align: center;

		margin-left: 5em;
		margin-right: 5em;

	}

	#innerframeset
	{
		text-align: right;
	}

	/* Text Styles */

	#textSmall
	{
		font-size: 85%;
	}

	#textTitleSmall
	{
		font-size: 85%;
		font-weight: bold;
	}

	#textError
	{
		color: red;
		text-align: left;
	}


	/* Buttons */

	#button_link
	{
		border-style: outset;
		border-color: #f9f9f9;
		border-width: 2px;
		background-color: #f1f1f1;
		text-decoration: none;
		text-align: center;
	}

	#button_text
	{
		text-decoration: none;
		font-size: 85%;
		color: black;
	}

	/* Mereham specific */

	#transport_links
	{
		text-align: center;
		color: green;
	}

	#transport_links a
	{
		text-decoration: none;
	}

	#links
	{
		text-align: center;
		color: green;
	}

	#links a
	{
		text-decoration: none;
	}



	#caption
	{
		font-size: 60%;
	}

	blockquote
	{
		font-size: 85%;
	}

	#news_links a
	{
		text-decoration: none;
		font-size: 85%;
	}


	/* Form stuff */



/* clear: left; */

form div {
  display: block;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}

form div fieldset {
clear: none;
border-width: 1px;
border-style: solid;
border-color: #666666;
margin: 0px 0px 0px 142px;
padding: 0px 5px 5px 5px;
}



form div label {
  display: block;
  float: left;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}



form div input, form div select, form div textarea {
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div select.selectOne, form div select.selectMultiple {
  padding: 1px 3px;
}


form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}


div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}

form textarea.expanding {
overflow: auto;
overflow-x: auto;
overflow-y: visible;
} 



/* Post It notes */


/*line-height: 125%; - might be needed */



form div.postit p {
margin-top: 0px;
padding-top: 0px;
}



/* height: auto; - might be needed? */

form fieldset div.postit {
background-image: url("http://192.168.0.3/~baby/images/pin_green.png"); 
background-repeat: no-repeat;
background-position: top left;
float: right;
display: inline;
height: auto;
margin: 0px 0px 10px 10px;
padding: 0px 3px 3px 3px;
border: 1px solid #888888;
background-color: #ffff86;
color: #666666;
font-size: 75%;
}

/* padding: top, right, bottom, left */

/*
margin-top: 5px;
margin-bottom: 2px;
*/

form fieldset div.postit h4 {
padding: 2px 0px 7px 25px;
color: #666666;
font-size: 100%;
}

form fieldset div.postit p {
margin: 0em 0em 0.5em 0em;
color: #666666;
}

form fieldset div.postit p.postitFirst {
margin-top: 0em;
}

form fieldset div.postit p.postitLast {
margin: 0em;
}