/* CSS Document */

/* Top Banner */
table#topbanner {position:absolute; left:0px; top:0px; background-image:url(../images/site-wide-images/top-banner-background.jpg);}

/* Main Background */
table#background {position:absolute; left:0px; top:59px; height:881px; background-image:url(../images/parents-images/background.jpg) ; background-repeat:no-repeat; z-index:1;}

/* Top Navigation */
img#home {position:absolute; left:0px; top:59px; z-index:2; cursor:pointer;}
img#druginfo {position:absolute; left:58px; top:59px; z-index:2; cursor:pointer;}
img#paraphernalia {position:absolute; left:130px; top:59px; z-index:2; cursor:pointer;}
img#terminology {position:absolute; left:229px; top:59px; z-index:2; cursor:pointer;}
img#law {position:absolute; left:317px; top:59px; z-index:2; cursor:pointer;}
img#health {position:absolute; left:380px; top:59px; z-index:2; cursor:pointer;}
img#harm {position:absolute; left:436px; top:59px; z-index:2; cursor:pointer;}
img#emergency {position:absolute; left:543px; top:59px; z-index:2; cursor:pointer;}
img#parents {position:absolute; left:658px; top:59px; z-index:2; cursor:pointer;}
img#who {position:absolute; left:722px; top:59px; z-index:2; cursor:pointer;}
img#contact {position:absolute; left:829px; top:59px; z-index:2; cursor:pointer;}
img#othersites {position:absolute; left:908px; top:59px; z-index:2; cursor:pointer;}

/* Background */
img#mainlogo {position:absolute; left:0px; top:94px; z-index:2;}
img#leftbackground {position:absolute; left:0px; top:463px; z-index:2;}
img#firstcolumn {position:absolute; left:436px; top:94px; z-index:2;}
img#secondcolumn {position:absolute; left:721px; top:94px; z-index:2;}

/* Content */
img#heading {position:absolute; left:359px; top:165px; z-index:4;}
table#main {position:absolute; left:435px; top:280px; z-index:3;}
table#bexmain {position:absolute; left:435px; top:430px; z-index:3;}
table#sitemapmain {position:absolute; left:435px; top:320px; z-index:3;}
h1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; color:#F5BA5C;}
p#information {line-height:140%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; color:#D7D7D7;}
span#item {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#F5BA5C;}
span#use {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; color:#ECECEC;}

/* Web Links */
a#visitsite:link {color: #EAF3DA; text-decoration: none;}
a#visitsite:hover {text-decoration: underline;}
a#visitsite:visited {color: #EAF3DA; text-decoration: none;}

/* Site Map Web Links */
a#page:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#F5BA5C;}
a#page:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; color:#F5BA5C;}
a#page:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; color:#F5BA5C;}

a#subpage:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; text-decoration:none; color:#FFFFFF;}
a#subpage:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; text-decoration:underline; color:#FFFFFF;}
a#subpage:visited {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-size:10px; text-decoration:none; color:#FFFFFF;}

/* Ask Bex */
img#askbex {position:absolute; left:752px; top:152px; z-index:5; cursor:pointer;}
img#bexheading {position:absolute; left:442px; top:98px; z-index:3;}

/* Quiz Icon */
img#quizicon {position:absolute; left:808px; top:505px; z-index:3; cursor:pointer;}
img#bexquizicon {position:absolute; left:808px; top:552px; z-index:3; cursor:pointer;}

/* Questionnaire Icon */
#questionnaire {
position:absolute; 
left:786px;
 top:655px; 
 z-index:3; 
 cursor:pointer;
 }
 
 #questionnaire  a{
color:#fff;
font-size:14px;
background-color:#6396de;
padding:5px 10px ;
text-decoration:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
 }
  #questionnaire  a:hover{
color:#fff;
background-color:#9db9e2;
 }

/* Disclaimer */
img#disclaimer {position:absolute; left:845px; top:882px; z-index:3; cursor:pointer;}
img#bexdisclaimer {position:absolute; left:845px; top:1185px; z-index:3; cursor:pointer;}
img#linksdisclaimer {position:absolute; left:845px; top:1385px; z-index:3; cursor:pointer;}
img#sitemapdisclaimer {position:absolute; left:845px; top:1185px; z-index:3; cursor:pointer;}

/* Sitemap Button */
img#contactsitemap {position:absolute; left:851px; top:862px; z-index:3; cursor:pointer;}
img#bexsitemap {position:absolute; left:851px; top:1165px; z-index:3; cursor:pointer;}
img#linkssitemap {position:absolute; left:851px; top:1365px; z-index:3; cursor:pointer;}
img#sitemapsitemap {position:absolute; left:851px; top:1165px; z-index:3; cursor:pointer;}

/* Back to top */
a#top:link {color: #F39E77; font-style:italic; text-decoration: none;}
a#top:visited {text-decoration: none;}
a#top:hover {color: #FAC6AA;}
a#top:active {text-decoration: none; font-style:italic;color: #6666CC;}  

/* Ask Bex Footer */
img#bexfooter {position:absolute; left:171px; top:1200px; z-index:2;}
table#bexcontact {position:absolute; left:790px; top:1230px; z-index:3}

/* Links Footer */
img#linksfooter {position:absolute; left:171px; top:1400px; z-index:2;}
table#linkscontact {position:absolute; left:790px; top:1430px; z-index:3}

/* Sitemap Footer */
img#sitemapfooter {position:absolute; left:171px; top:1200px; z-index:2;}
table#sitemapcontact {position:absolute; left:790px; top:1230px; z-index:3}

/* footer*/
img#footer {position:absolute; left:171px; top:900px; z-index:2;}
table#contact {position:absolute; left:790px; top:930px; z-index:3}
span#itemfooter {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#898989;}
span#footertext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#C2C2C2;}
span#footersource {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#F289AE;}
span#footersourcetext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#7C9BCF;}
a#email:link {color: #AA99C5; text-decoration: none;}
a#email:visited {text-decoration: none;}
a#email:hover { text-decoration:underline; color: #AA99C5;}
a#email:active {text-decoration: none; color: #AA99C5;}