/*Dr Jay Morgan (www.drjaymorgan.com */
/* File common.css caters www.drjaymorgan.com */
/* Start Core Components */

* {
  margin: 0;    /* Zero down margin and padding on all elements */
  padding: 0;
}


.wrapper {
    background-color: #dddddd;             /* gray =  #DDDDDD white = #FFFFFF*/
    width: 775px;
    height: 1200px;
    border: 2px solid black;
    margin: 0 auto;
    padding: 0 ;

}

.body {
background-color: #dddddd;

}

#banner {
  height: 166px;
  width: 778px;
  background: #000000 url("../images/header.jpg") top repeat-x;
  padding: 0px;
}

#mainNav {
  list-style: none;
  background-color:#eee;
}

/* START footer Components */
.footer {

    height: 30px;
    width: 700px;
    background: #b0b0b0 url("../images/footer.jpg") bottom repeat-x;
    padding: 1px 20px;
}
 /* END footer Components */


/* END Core Components */

/* START Nav Elements */


.btnTools a
	{
		padding:6px;
		float:left;
		font-weight:bold;
		text-decoration:none;
		color:#fff;
		margin:2px;
		background-color:#57768A;
		border-width:2px;
		border-style:solid;
		border-color:#fff;
		font-size:80%;
	}
.btnTools a:hover
	{
		color:#000;
		background-color:#fff;
		border-width:2px;
		border-style:solid;
		border-color:#69f;
	}

#tools
	{
		margin:0px 0px;
        width: 773px;
		padding:0px;
		background-color:#001B29;
		border:2px solid #69f;
		text-align:center;
	}
/*this is to cater for IE/PC*/
#tools p
	{
		width:95%;
		float:left;
		margin:2px;
		font-size:100%;
	}
#tools h3
	{
		font-size:60%;
		margin:0px;
	}

.clearer
	{
		clear:both;
	}
 /* END Nav Elements */



 /* START Content Section */




 #contentLeft {
 background-color: #dddddd;
 width: 480px;
 height: 300px;
 float: left;
}

#contentLeft * {
  padding-right: 0px;
}

#contentLeft * * {
  padding-right: 0;
}


/* END Content Section */
/* START Fonts */

#banner h1 {
  margin: 0;
}

h1 {
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 22px;
}

h2 {
  font-size: 1.0em;
  font-weight: bold;
  padding-left: 22px;
}
h3 {
  font-size: .5em;
  font-weight: bold;
}

p, li, ol, ul {
  font-size: 0.9em;
  padding-left: 22px;
}

h1, h2,p {
  margin: 1em 0;
}



/* END Fonts */

 /*Floating Text Box */



.box {
    background-color: #dddddd;
	width: 200px;
    height: 300px;
	margin: 0px;

}
.floatRight {
	float: right;
}

 .img-wrapper {
  background: url(../images/shadow.gif) no-repeat bottom right;
  clear: right;
  float: left;
  position: relative;
  margin: 10px 0 0 10px;
}

.img-wrapper img {
  /*background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;*/
  display: block;
  margin: -5px 5px 5px -5px;
  position: relative;
}

.img-position
{
  position: relative;
  float:  left;
  top: 100px;
  padding: 20px;
}
.tipOfDayForm{
  position: relative;
  top: 0px;
  float: left;
  padding: 20px;
  color: #000000;
}


.errorMsgTipOfDay
	{
		color:#f00;
        position: absolute;
        top: 200px;
        float: left;
	}
.errorMsgTipOfDay img
	{
		float:left;
		margin:10px;
	}
.errorMsgContactForm
	{
		color:#f00;
        position: absolute;
        top: 170px;
        float: left;
	}
.errorMsgContactForm img
	{
		float:left;
		margin:10px;
	}
#intro{
        position: relative;
        float: left;
        padding: 10px;
        width: 600px;
        z-index: 1;
}
#intro p, li, ol, ul{
        font-size: 1em;
        padding-left: 22px;
        padding-bottom: 6px;
        font: bold;
}
.middlePage{
  position: relative;
  float: left;
  top: 70px;
  width: 657px;
  padding: 60px;
}
.middlePage h1{
font-family: Arial Black;
font-size: 155%;
}
#middleAdjust{   
padding-top: 60px;
}


.contactInfo
	{
		color:  #000000;
        position: absolute;
        top: 20px;
        float: left;
        padding-left: 60px;

        font-size: 120%;
	}
.contactInfo p
	{
    font-size: 0.8em;
    padding-left: 22px;
	}
.contactInfom img
	{
		float:left;
		margin:10px;
	}
.footerLable{
  position: relative;
  top: 50px;
}
.footerLable h2{
padding: 0px;
font-family: Arial;
font-size: 120%;
color: #000000;
}
.footerLable p{
padding: 0px;
font-family: Arial;
font-size: 120%;
color: #000000;
padding-bottom: 10px;
}
#flAdjust{
  position: absolute;
  top: 2px;
}














