/* Youth Net - The Big Deal */

/* general attributes */
html { padding:0px; margin:0px; height: 100%;}
body {margin: 0px; padding: 0px; text-align: center; font: 100% verdana, arial, helvetica, sans-serif; height:100%;}

/* main container */
#pageholder {width:780px; padding:0; margin:auto; text-align:center;}

/* hidden */
.hide {display: none;}

/* top */
#top {background:url(../images/bgTop.jpg) no-repeat; height:110px; width:780px; margin:0; padding:0;}
#top img {border:0;}
#topnav {margin:0; padding:0; width:450px; text-align:left; float:left; height:110px; }
.button {background:url(../images/submit_arrow.gif) no-repeat; border: 0; height:15px; width:14px; margin: 0; cursor: pointer;}
#topnav p {margin:0; padding:50px 0 0 120px;}
#topnav a {text-decoration: none; color:#00A8EC;  font-size:70%; padding:0; margin:0 10px 0 0px;}
#topnav a:hover { border-bottom: 3px solid #00A8EC; font-size:70%; color:#79C63D;}
#toplogo {margin:0; padding:0; width:104px; text-align:left; float:right; height:110px;}

#logout {margin:0; padding:0; width:300px; text-align:right; float:right; height:110px; background: url(../images/logoBigLotteryFund.jpg) no-repeat top right;}
#logout p {margin:0; padding:52px 120px 0 0;}
#logout a {font-weight: bold; text-decoration: none; color:#652C82; font-size:80%; padding: 100px 0 0 0; margin: 0;}
#logout a:hover { border-bottom: 3px solid #652C82; font-size:80%; color:#652C82;}
.logbutton {background:url(../images/login_arrow.gif) no-repeat; border: 0; height:15px; width:14px; cursor: pointer; float: right; margin: 0 4px 0 0;}

#home {background:url(../images/bgHome.jpg) no-repeat; height:174px; width:780px; margin:0; padding:0; text-align:left; font-size:70%;}
#home h1 {padding:20px 0 0 570px; margin:0;}
#home p {padding: 0 0 0 570px; margin:0;}
#home form {margin:20px 0 0 0; padding:0;}
#contenttop {margin:0; padding:0; width:780px; height:115px; text-align:left;}
#contenttop h1 {padding:20px 0 0 570px; margin:0;}
#contenttop p {padding: 0 0 0 570px; margin:0;}
#contenttop form {margin:0; padding:0;}

/* Content */
#homecontent {margin:0 0 0 37px; padding:0; width:760px; text-align:left; font-size:80%;}
#homecontent p {margin:0; padding:0;}
#homecontent a {margin:0; padding:0 25px 0 0;}
#homecontent img {border:0;}

/* Content */
#contentholder {margin:0 0 0 37px; padding:0; width:760px;}

#leftnav {margin:0; padding:0; width:140px; float:left; text-align:left;}
#leftnav ul {list-style: none; margin:16px 0; padding: 0; text-indent:0;}
#leftnav li {margin: 0; padding:0; line-height: 0.8em;}
#leftnav a {margin:0; padding:0; text-decoration: none; font-size:70%; color:#fff; font-weight: bold;}
#leftnav a:hover {color:#fff; text-decoration: underline;}

#leftnav li.green {background: #3c3 url(../images/green_top.gif) no-repeat top left; margin: -6px 0 0 0; padding:4px 2px 2px 10px;}
#leftnav li.pink {background: #f09 url(../images/pink_top.gif) no-repeat top left; margin: -6px 0 0 0; padding:4px 2px 2px 10px;}
#leftnav li.purple {background: #969 url(../images/purple_top.gif) no-repeat top left; margin: -6px 0 0 0; padding:4px 2px 2px 10px;}
#leftnav li.blue {background: #09f url(../images/blue_top.gif) no-repeat top left; margin: -6px 0 0 0; padding:4px 2px 2px 10px;}

/* Firefox hacks for margin problems*/
html>body #leftnav li.green {margin: 6px 0 0 0;}
html>body #leftnav li.pink {margin: 6px 0 0 0;}
html>body #leftnav li.purple {margin: 6px 0 0 0;}
html>body #leftnav li.blue {margin: 6px 0 0 0;}

#leftnav li.greenbot {background: transparent url(../images/green_bottom.gif) no-repeat top left; height: 4px;}
#leftnav li.pinkbot {background: transparent url(../images/pink_bottom.gif) no-repeat top left; height: 4px;}
#leftnav li.purplebot {background: transparent url(../images/purple_bottom.gif) no-repeat top left; height: 4px;}
#leftnav li.bluebot {background: transparent url(../images/blue_bottom.gif) no-repeat top left; height: 4px;}

#leftnav .txtInput2 {font-size: 70%; border: 0; margin: 0 0 5px 0;}

/* Old Left Nav
#leftnav ul {list-style: none; margin:10px 0 10px 0; padding: 0; text-indent:0;}
#leftnav li {margin:0; padding:2px 0 2px 20px;  background:url(../images/navli.gif) no-repeat .3em;}
#leftnav a {margin:0; padding:0; text-decoration: none; font-size:70%; color:#00A8EC;}
#leftnav a:hover { color:#79C63D;}
#leftnav li.indent .sublink {margin:0; padding: 0 0 0 25px; text-decoration: none; font-size:70%; color:#79C63D; background:#ffffff; font-weight:normal;}
#leftnav li.indent .sublink:hover {color:#00A8EC;}
#leftnav li.indent2 .sublink2 {margin:0; padding: 0 0 0 30px; text-decoration: none; background: #ffffff; font-size:70%; color:#652D83;}
#leftnav li.indent2 .sublink2:hover {color:#00A8EC;} */

#login p {color:#fff ; font-size:80%;}
#login label {color:#fff ; font-size:70%;}


#content {margin:0; padding:0; width:575px; float:left; text-align:left;}
#content h1 {color:#652D83; font-weight:bold; font-size:80%; padding:5px 0px 5px 0px; margin:0 10px 0 10px; }
#content h2 {color:#00A8EC; font-size:80%; font-weight:bold; margin:0; padding:5px 10px 5px 10px;}
#content h3 {color:#8B0534; font-size:80%; font-weight:bold; margin:0; padding:0px 10px 5px 10px;}
#content p {color:#373737; font-size:70%; font-weight:normal; margin:0; padding:0 10px 10px 10px; line-height:15px;}
#content td {font-size: 70%; font-weight: normal; text-decoration: none;  color:#373737;}
#content a, content a:visited  {font-size:100%; text-decoration: none; color: #79C63D; padding:0; margin:0; font-weight:bold;}
#content a:hover {text-decoration: none; color: #00A8EC;}
#content ul {list-style: none; margin: 0; padding: 0; text-indent:0;  font-size:70%; }
#content li {font-weight: normal; color: #373737; margin:0; padding:0 0 0 20px; background:  url(../images/bullit.gif) no-repeat 10px .6em;}
#content .box {background-color: #E9ECEE; border: 1px solid #BEC7CD; padding:5px; margin:10px; color:#373737;}
#content form {background-color: #E9ECEE; border: 1px solid #BEC7CD; padding:5px; margin:10px; color:#373737; font-size:70%;}

#rightnav {display: none;}

/* #rightnav { margin:0; padding:0; width:210px; float:left; text-align:left;}
#rightnav p {margin:0; padding:5px 0 5px 0; font-size:70%; color:#6B7B8B;}
#rightnav a, rightnav a:visited  {text-decoration: none; padding:0; margin:0;}
#rightnav a:hover {text-decoration: none;}
#rightnav img {border:0;}

#rightnavcontact {border:dashed 1px #00A8EC; margin:10px 0 0 0; padding:2px;}
#rightnavcontact p{color:#00A8EC;}
#rightnavcontact a{color:#00A8EC;}*/

/* Bottom Bar */
#footer {clear:both; width:780px; height:34px; background:url(../images/bgFooter.gif) no-repeat; margin:0; padding:0; text-align:left;}
#footer p {padding:10px 0 0 30px; margin:0px; font-size:70%; font-family: verdana, arial, helvetica, sans-serif; color:#ffffff; font-weight: normal;}
#footer a, footer:visited {color: #ffffff; font-size: 100%; font-weight: normal; text-decoration: none; margin: 0; padding:0 10px 0 10px;}
#footer a:hover	{color: #FFED00;}

#footer2 {margin:0; padding:0 0 0 30px; text-align:left;}
#footer2 img {border:0;}

form span.block {display: block; margin: 0;}
form span.block label {width: 120px; display: block; float: left; clear: left; text-align: right; margin:0; padding:3px 5px 0 0;}


/* Bespoke Content Elements */
.txtInput {border: 1px solid #652c82; font-weight: normal; color: #000; background-color: #fff; text-decoration: none;}
.txtInput2 {font-size: 100%; border: 1px solid #ccc; font-weight: normal; color: #000; background-color: #fff; text-decoration: none;}
.btnLogin {height:24px; width:24px; background: url(../images/btnLogin.gif) no-repeat; margin:0 0 0 5px; padding:0; border:0;}
.hometext{color:#652C82; font-size:110%; font-weight: normal;}
.alphabet {border: 1px solid #e0e0e0; padding: 4px; margin: 10px 2px; font-weight: bold; text-transform: uppercase; font-size: 120%;}

#hometextcontainer {height:100px;padding:10px 0 0 0;}
#homecontentstrap {float:left; height:100px;text-align:center;}
#homewhoswho{width:30%; float:right; height:100px;}
#homewhoswho a{text-decoration: none; color:#00A8EC;  font-size:100%; margin:0px;}
#homewhoswho a:hover {color:#79C63D;}