/* --------------------------- */
/* overall common definitions  */

* {padding:0; margin:0; border:0;}
/* :root, html { height:100%; position:absolute;} /* activates 100% hieght somehow */

:root, html { width:100%; position:absolute;} /* activates 100% hieght somehow */


body {
	left:0;
	top:0;
	width:100%;
	font-size: 14px;
	line-height: 21px;
	font-weight: normal;
	color:#000;
	background-color:#c2c195;
 	border-collapse: collapse;
	border-spacing:0px;
	font-family:  Arial, Helvetica, san-serif;
	}

/* restoring some of the '*' defaults */
pre, blockquote, label, #sandbox ul, ol, dl, fieldset, address { margin:1em 5%;}
#sandbox li, dd { margin-left:5%; }
fieldset { padding: .5em; }
p	{margin-top:.7em;}
hr	{border:1px solid #efece3; margin:.5em; margin-left:auto;margin-right:auto; }
#sandbox hr	{border:1px solid grey; margin:.5em; margin-left:auto;margin-right:auto; }
a {	color:#cb8c00;}



td, th {/* because tables don't inherit body style properties*/
	font-family:  Arial, Helvetica, san-serif;
	font-size: 13px;
	line-height: 18px;
	}

table, td, tr {
	vertical-align:top;
	border:0;	
 	border-collapse: collapse;
	border-spacing:0px;
	}

/*-------------------------------------*/

#header {
	background-image:url(../sitegraphics/top.jpg);
	background-repeat:no-repeat;
	height:115px;
	background-position:center;
	}

#sandboxshell {
	background-image:url(../sitegraphics/center.jpg);
	background-repeat:repeat-y;
	background-position:center;
	}
	
#rightcolumn {
	display:block;
	width:150px;
	}
	
#footer {
	font-family:  verdana, Arial, Helvetica, san-serif;
	font-size: 10px;
	color:#000;
	background-image: url(../sitegraphics/backg-bottom.jpg);
	backgroud-repeat: none;
	background-position:top center;

	}
	
#footer a {
	color:#fffbeb;
	text-decoration:none;
	}

#footer a:hover {
	text-decoration:underline;
	}

#footer {
	background-image:url(../sitegraphics/bottom.jpg);
	background-repeat:no-repeat;
	height:105px;
	}
	
#leftside {width:200px;}
#rightside {width:462px; }

#menu {
	padding-left:15px;
	}

#menu a {
	display:block;
	position:relative;
	background-image: url(../sitegraphics/menu-divider.gif);
	background-position:0px 0px; 
	background-repeat:repeat-y;
	font-family:  Georgia, Times,serif;
	font-weight:normal;
	text-transform:uppercase;
	font-style:normal;
	text-align:center;
	font-size:15px;
	text-decoration:none;
	color:#053333;
	line-height:25px;
	height:29px;
	}

.center { text-align:center; }
.right { text-align:right; }
.bold {font-weight: bold; }
.nowrap { white-space:nowrap;}

#leftside {
	font-size:10px;
	line-height:12px;
	}
	
#menu a:hover {
	color:black;
	text-decoration:underline;
	}
		
#sandbox {
	font-family:  verdana, Arial, Helvetica, san-serif;
	width:400px;
	color:#4b432e;
	font-size: 12px;
	line-height: 18px;
	text-align:left;
	padding-left:10px;
	}
	
#sandbox h1, #sandbox H2, #sandbox H3	{
	color: #a5884e;
	font-family:  Arial, Helvetica, san-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	margin-top:8px;
	margin-bottom:8px;
	clear:both;
	}

#sandbox H2	{
	color: #ff2837;
	font-size:14px;
	padding-top:12px;
	}

#sandbox H3	{
	font-size:13px;
	padding-top:12px;
	color: #95783e;
	}
	
#sandbox a {
	color:#cb8c00;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	}

#sandbox .submenu {
	text-align:center;
	padding-bottom:24px;
	margin-right:-10px;
	}
	
#sandbox .submenu br {
	height:0;
	padding:0;
	margin:0;
	}

#sandbox .submenu td, #sandbox .submenu tr  {
	padding:0;
	margin:0;
	}
	
#sandbox .submenu a {
	display:block;
	color:#002c2b;
	background-color:#eee;
	padding-right:10px;
	padding-left:10px;
	float:left;
	font-family:Times, Times New Roman, serif;
	font-size:14px;
	margin-right:3px;
	margin-left:3px;
	border-top:1px solid #002c2b;
	border-bottom:1px solid #002c2b;
	}

#sandbox .submenu a:hover {
	background-color:#002c2b;
	color:#c2c195;
	}

#sandbox ul { 
	color:#056633;
	}

#sandbox li {
	padding-top:6px;
	color:black;
	}
	

#sandbox li a {
	font-size:14px;
	}

#sandbox a:hover {
	color:#eb9c00;
	text-decoration:underline;
	}

#sandbox .italics {
	font-style:italic;
	}
	

#sandbox table{
	margin-top:16px;
	}

#sandbox td{
	padding-right:8px;
	padding-left:8px;
	}

#sandbox th{
	padding-right:8px;
	}

.eklipseform td,.eklipseform th {
	padding:2px;
	}
	
.eklipseform th {
	text-align:right;
	}

.eklipseform input {
	border:1px solid grey;
	border-right:1px solid black;
	border-bottom:1px solid black;
	}

 input {
	border:1px solid #a5884e;
	border-right:1px solid black;
	border-bottom:1px solid black;
	}

 input.radio,  input.checkbox {
	border:0;
	}

 textarea {
	border:1px solid #a5884e;
	border-right:1px solid black;
	border-bottom:1px solid black;
	height:160px;
	width:240px;	
	}
	
	
#rightcolumn a {
	color:#65580e;
	}
	
#rightcolumn a:hover {
	color:#cb8c00;
	}
	
#rightcolumn h1	{
	color: #706d41;
	font-family:  Arial, Helvetica, san-serif;
	font-weight:bold;
	font-size:16px;
	margin-top:8px;
	margin-bottom:8px;
	clear:both;
	}
	
#rightcolumn H2, #rightcolumn H3	{
	color: #858853;
	font-family:  Arial, Helvetica, san-serif;
	font-weight:bold;
	font-size:14px;
	margin-top:8px;
	margin-bottom:8px;
	clear:both;
	}


#rightcolumn li {
	padding-top:6px;
	margin-left:16px;
	}
	
#footer .drname {
	width:25%;
	text-align:center;
	font-family:  Georgia, Times,serif;
	font-size:9px;
	line-height:1.1em;
	}
	
#footer .drname h3 {
	font-size:10px;
	font-weight:bold;
	font-family:  Georgia, Times,serif;
	}

#footer p {
	color:	#666;
	font-size:10px;
	}
#footer p.mousetype {
	font-size:9px;
	line-height:8.5px;
	color:	#666;
	}

#footer .space {
	display:block;
	width:170px;
	}
	
.red {color:red}

.announceblock {
	text-align:center;
	background-color:#eed;
	padding:12px;
	}

.left {padding-right:10px;}

#sandbox ul {clear:both;}
.pregnancyquiz th, .allergyquiz th {padding-top:20px; text-align:left;}
.pregnancyquiz td, .allergyquiz td {border-left:12px solid white;}

input {width:300px;}
input.button {width:auto; padding:2px 20px; background-color:#D1D1AF; font-weight:bold;}