/*copyright Department of health and children 2008*/


/* basic elements */
html {
  margin: 0;
  padding: 0;
}

body{
  background-color:#CCCCCC;
}

#wrapper {
 padding-left:12px; 
 padding-right:12px; text-align:left;
}

/***************************************************
  ### General styles ###
****************************************************/
h2 {
  font-weight : 900;
  color : #000000;
  font-size : 18px;
  text-align : left;
}

h3 {
  font-weight : 700;
  color : #000000;
  font-size : 16px;
  text-align : left;
}

.generaltext {
  font-weight : 500;
  color : #000000;
  font-size : 18px;
  text-align : center;
}

.redtext {
  color : #a50f28;
  text-align : center;
}


ul.noBullets {
  list-style-type: none;
}

/* specific divs */
#container { 
  width:850px;
  margin: 0px auto; 
  position: relative;
  background-color:#ffffff;
}
#containerTop{
  height:35px;
}

#containerTopLeft{
  float:left;
  padding:5px;
}
#containerTopRight{
  float:right;
  padding:5px;
}

#middlecontent {
  width:850px;
  text-align: left;
}
.homeHeading{
  background-color:#CCCCCC;
}
#middleleft{
  width: 493px;
  min-height: 23em;
  float: left;
  border:1px solid #CCCCCC;
  margin-left:2px;
}
#middleright{
  width:345px;
  min-height: 23em;
  float: right;
  margin-right:2px;
}
#middlerighttop{
  border:1px solid #CCCCCC;
}
#middlerightbottom{
  border:1px solid #CCCCCC;
  margin-top:2px;
}

.formSubmitButton {
  text-align:right;
  padding:10px;
}

.hasThinGreyBorder {
  border: 1px solid #CDCDCD;
}

.right {
  float:right;
  padding-right: 5px;
}

.halfWidth {
  width:395px;
  padding:9px;
  margin: 5px;
  float:left;
}

.twothirdsWidth {
	width:584px;
	padding:9px;
	margin: 5px;
	float:left;
}

  .fullWidth {
  width:819px;
  padding:9px;
  margin: 5px;
  float:left;
}

.thirdWidth {
  width:273px;
  padding:9px;
  margin: 5px;
  float:left;
}

.pageSectionHeader {
  height: 18px;
  padding-top: 2px;
  background-color: #ECCDD3;
  text-align: center;
  border-style: none none solid none;
  border-color: #CDCDCD;
  border-width: 1px;
  margin: -9px -9px 5px -9px;
  font-weight: 900;
}
/***************************************************
  ### Styles for the 'Home' page ###
****************************************************/
#homeMenu{
  width:230px;
  float:left;
  background-color:
}
}

#homeMenu ul{
	text-decoration:none;
	background-color: #ECCDD3;

}

#homeMenu ul li{
  list-style:none; 
  /*margin-left:10px; */
  padding-top:.25em; 
  padding-bottom:.25em;
}
#homeContent{
  float:left;
  width: 530px;
  padding: 0em 10px;
}
/***************************************************
  ### End of Styles for the 'Home' page ###
****************************************************/

/***************************************************
  ### Styles for the 'Contact' page ###
****************************************************/
#contactAddress {
   width: 25em;
}

#contactFormDiv {
  width: 25em;
}

#map {
  height: 300px;
}
/***************************************************
  ### End of Styles for the 'Contact' page ###
****************************************************/
/***************************************************
  ### Styles for the 'Making an Appeal' page ###
****************************************************/
#appealMenu{
  width:300px;
  float:left;
  background-color:
}

#appealMenu ul{
  text-decoration:none;
  background-color: #ECCDD3;
}

#appealMenu ul li{
  list-style:none; 
  /*margin-left:10px; */
  padding-top:.25em; 
  padding-bottom:.25em;
}
#appealContent{
  float:left;
  width: 530px;
  padding: 0em 10px;
}

#appealContent .appealQuestion {
  font-weight: 900;
  margin: 5px auto;
}

#appealContent .appealAnswer {
  padding-bottom: 5px;
}

/***************************************************
  ### End of Styles for the 'Making an Appeal' page ###
****************************************************/
div #imgHeader{
  background-image: url(../img/plain_background2.jpg);
  height:110px; 
  float: right; 
  width:100%;
  background-repeat: no-repeat;
}

div #headerText {
  float: right;
  padding: 40px 0px 0px 0px;
  width: 600px;
  height: 80px;
  font-family:"Times New Roman", Times, serif;
  font-style:italic;
  font-size:32px;
  text-align:center;
  /*background-color: #0000FF;*/
}

div #logo {
  float: left;
  margin: 0px 0px 0px 0px;
  width: 245px;
  height: 108px;
  background-image: url(../img/odao3.jpg);
  background-repeat: no-repeat;
}

div #logo:hover {
  cursor: pointer;
}

#navbar{
  clear:both;
  width:100%;
  background-color:#a50f28;
  color:#FFFFFF;
  text-align:center;
  padding-top:0px;
  padding-bottom:0px;
  height: 27px;
  font-size:80%;
}

#navbar li {
  display: inline;
}

#navbar a{
  font-size:16px;
  color:#FFFFFF;
  text-decoration:none;
  padding-left:3px;
  padding-right:3px;
}
#navbar a:hover{
  text-decoration:underline;
}

#maincontent { 
  /*min-width: 470px;
  min-height:400px;*/
}

#footer {
  height:2em;
  padding: 5px;
  clear:both;
  color: #333333;
  font-size: 12px;
  text-decoration: none;
  line-height: 14px;
  text-align: left;
  vertical-align: bottom;
  border-top-width: 12px;
  border-top-style: solid;
  border-top-color: #a50f28;
}
#footerleft{
  float:left;
}
#footerright{
  float:right;
}
#footer a {
  color: #454291;
}


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



/* sitemap */
.sitemap{
  list-style:none;
  text-decoration:none;
}
  
.sitemap ul a {
  border-bottom: 1px dashed #CCCCCC;
   font-size: 12px;
   text-decoration:none;
}
  
.sitemap ul li ul a {
  border:0px; 
  text-decoration: none; 
  display: block; 
  padding-left:20px; 
}