/* ---------- Layout Stylesheet ---------- */
/* padding: top right bottom left*/

body {
 background-color: #ffffff;
 margin: 10px;
 font-family: arial, helvetica, sans-serif;
 font-size: 0.8em;
 font-weight: normal;
 color: #595757;
 }
p {margin-top: 0.1em;}

#outer {
 margin: auto;
 width: 780px;
 background-image: url('../_images/layout/bg.gif');
 background-repeat: repeat-y;
 }

#header {
 background: #ec0094 url('../_images/header.jpg') bottom left no-repeat;
 height: 170px;
 padding: 10px 5px 0px 10px;
 }
#header_logo {
 float: right; 
 width: 218px;
 height: 81px;
 }

#menuarea {	
 background: #ffffff;
 width: 780px;
 height: 23px;
 margin: auto;
 padding: 0 0 0 0;
}
 
#pagebody {
 width: 780px;
 padding: 5px 0 5px 0;
 overflow: hidden;
 margin: auto;
 }

#contactus { /* clickable contact div */
 background: #ffffff url('../_images/target.gif') bottom left no-repeat;
 height: 73px;
 padding: 36px 0 0 180px;
 font-size: 2.4em;
 color: #ffffff;
 font-weight: bold;
 cursor: pointer;
}

#thankyou { /* thank you div */
 background: #ffffff url('../_images/target_tick.gif') bottom left no-repeat;
 height: 73px;
 padding: 36px 0 0 180px;
 font-size: 2.4em;
 color: #ffffff;
 font-weight: bold;
}

#content3_left { /* 3 column layout - left - home page only */
 float: left;
 width: 238px;
 padding: 0 10px 0 10px;
 text-align: justify;
}
#content3_center { /* 3 column layout - center - home page only */
 float: left;
 width: 238px;
 padding: 0 10px 0 10px;
 text-align: justify;
}
#content3_right { /* 3 column layout - right - home page only */
 float: left;
 width: 238px;
 padding: 0 10px 0 10px;
 text-align: justify;
}
#line { /* 3 column layout - the line between columns - home page only */
 float: left;
 background: #aec3dc;
 height: 260px;
 width: 1px;
 margin: 50px 0 0 0;
}

#content2_left { /* 2 column layout - left */
 float: left;
 width: 490px;
 padding: 0 10px 0 10px;
 text-align: justify;
}
#content2_right { /* 2 column layout - right */
 float: right;
 width: 230px;
 padding: 0 10px 0 10px;
 text-align: justify;
}

#footer {
 background: #ffffff url('../_images/footer.jpg') top left no-repeat;
 font-size: 0.8em;
 margin-top: 10px;
 width: 770px;
 height: 20px;
 padding: 90px 5px 0 5px;
}
 
/* ---------- Presentation Stylesheet ---------- */

/* specific link syle for BarkWeb link in footer */
.barkweb a:link    {color: #595757;}
.barkweb a:visited {color: #595757;}
.barkweb a:active  {color: #595757;}
.barkweb a:hover   {text-decoration: none; color: #595757;}

.pinktext {color:#ec0094;}

/* specific link syle for contact link on home page */
.contactus_link a:active {text-decoration: none;}
.contactus_link a:link {text-decoration: none;}
.contactus_link a:visited {text-decoration: none;}
.contactus_link a:hover {text-decoration: none;}

.errortext {font-size: 1em; color: #ff0000; font-weight: bold; padding: 0 0 0 5px;}

hr {
 border: 0;
 background-color: #aec3dc;
 height: 1px;
 width: 100%;
}

a:link    {text-decoration: none; color: #9d0665;}
a:visited {text-decoration: none; color: #9d0665;}
a:active  {text-decoration: none; color: #9d0665;}
a:hover   {text-decoration: underline; color: #9d0665;}

/* styles for the <h> tags */
h1{font-size: 1.6em; color: #ec0094; font-style: italic; font-weight: bold;   margin-top: 0.5em; margin-bottom: 0.1em;}
h2{font-size: 1.3em; color: #ec0094; font-style: normal; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.3em;} 
h2 a:link {color: #ec0094; text-decoration: none;} 
h2 a:visited {color: #ec0094; text-decoration: none;} 
h2 a:hover {color: #ec0094; text-decoration: underline;} 

h3{font-size: 1.1em; color: #ec0094; font-style: normal; font-weight: bold;   margin-top: 0.5em; margin-bottom: 0.3em;}
h4{font-size: 1.1em; color: #ec0094; font-style: italic; font-weight: bold;   margin-top: 0.5em; margin-bottom: 0.3em;}