* /*Set's border, padding and margin to 0 for all values*/
{
    padding: 0;
    margin: 0;
    border: 0;
}
body, html 
{
    color: #000; 
    font-family: Verdana, Arial, Tahoma, sans-serif;
    background:url(../images/bg-body.gif);
    height:97%;
}
#skip
{
    display:none;
}
body {
    font-size: 70%;
    min-width: 800px;
}
a
{
    color: #000099;
}
h1, h2, h3 
{
    font-weight: bold;
}
h1 {
    font-size: 16px;
    color:#ec008c;
}
h2
{
    font-size:12px;
}
h1 a, #header h2
{
    color: #fff;
}
input , textarea, select
{
    border:solid 1px #dbdbd8;
}
#privacy, #submit
{
	border:none;
}
.clear 
{ 
    clear: both; 
}
#mainContainer 
{
    min-height:100%;
    max-width:1212px;
    background:#add8e6 url(../images/bg-right.gif) top right repeat-y;
    width: expression(document.body.clientWidth < 937? "935" : document.body.clientWidth > 1212? "1210" : "auto");
    background-color:#ffffff;
    padding:0 10px 0 9px;
    height:100%;
    voice-family:"\"}\"";
    voice-family:inherit;
    height: auto;
    min-width:824px;
}
* html #mainContainer 
{
    height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
    width: expression(document.body.clientWidth < 852? "850" : document.body.clientWidth > 1212? "1210" : "auto");
}

/**************************
HEADER
**************************/
#header 
{
    background: url(../images/bg-banner.jpg) no-repeat;
    height:109px;
}
#header a
{
    display:block;
    float:left;
    height:109px;
    width:147px;
    background:url(../images/parentline-logo.jpg);
    text-indent:-9999em;
}
#header #search
{
    width:681px;
    height:109px;
    float:right;
}
fieldset.searchform
{
    border:0;
    float:right;
}
fieldset legend 
{
    display:none;
}
fieldset.searchform p label
{
    text-indent:-9999em;
    background:url(../images/search-label.gif);
    width:41px;
    height:10px;
    display:block;
    float:left;
    margin:4px 4px 0 0;
    font-size:8px;  
}
fieldset.searchform p,fieldset.searchform form
{
    float:left;
    margin:40px 0 0 3px;
}
fieldset.searchform form input#go
{
    float:left;
    display:block;
    background:url(../images/btn-go.png) 0 0 no-repeat;
    width:38px;
    height:24px;
    margin:-2px 8px 0 0;
    border:none;
}
fieldset.searchform form input
{
    border:solid 1px #7e9db9;
/*  border:solid 1px #d4d4d4; */
    float:left;
    width:95px;
/*  background-color:#cce4f3; */
    margin-right:5px;
    height:20px;
    font-size:12px;
    color:#494949;
}
fieldset.searchform p#tagline
{
    background:url(../images/tagline.jpg);
    width:154px;
    height:20px;
    float:left;
    clear:left;
    margin-top:20px;
    text-indent:-9999em;
}
/**************************
Top Navigation
**************************/
#nav {
    height:39px;
    background: url(../images/bg-main-nav.gif) bottom left repeat-x;
}
ul.primary 
{
    list-style: none;   
    float:left;
}
ul.primary li 
{
    float:left;
    margin-top:1px;
}
ul.primary li a 
{
    float:left;
    display:block;  
    text-indent:-9999em;
    width:83px;
    height:38px;
}
ul.primary li a.home 
{
    width:55px;
    background: url(../images/mn_home.gif)  0 0 no-repeat;
}
ul.primary li a.aboutus 
{
    width:70px;
    background: url(../images/mn_aboutus.gif) no-repeat 0 0;
}
ul.primary li a.gettinghelp
{
    width:90px;
    background: url(../images/mn_gettinghelp.gif) no-repeat 0 0;
}
ul.primary li a.newsresearch 
{
    width:118px;
    background: url(../images/mn_newsresearch.gif) no-repeat 0 0;
}
ul.primary li a.howyoucanhelp
{
    width:126px;
    background: url(../images/mn_howyoucanhelp.gif) no-repeat 0 0;
}
ul.primary li a.parentinginfo
{
    width:152px;
    background: url(../images/mn_parentinginformation.gif) no-repeat 0 0;
}
ul.primary li a.contactus
{
    width:80px;
    background: url(../images/mn_contactus.gif) no-repeat 0 0;
}
ul.primary li a.selected, ul.primary li a:hover{
    background-position: 0 -38px;
}
/************************
Sub Drop Down Navigation
*************************/
div.subnav 
{
    position:absolute;
    top:148px;
    padding:0;
    margin:0;
    float:left;
    width:220px;
    border-left:solid 1px #cdcdc9;
    border-right:solid 1px #cdcdc9;
    border-bottom:solid 1px #cdcdc9;
    background:#ffffff url(../images/subnav-top.gif) top left repeat-x;
    z-index:1;
}
.subnav 
{
    display:none;
}
.subnavsafe 
{
    display:block;
}
ul.primary li .subnav ul 
{
    list-style:none;
}
ul.primary li .subnav ul li
{
    float:left;
    width:220px;
}
ul.primary li .subnav ul li a
{
    width:200px;
    text-indent:1em;
    text-decoration:none;
    float:left;
    color:#494949;
    margin:8px 0 0 9px;
    border-bottom:solid 1px #d1d1d1;
    padding-bottom:5px;
    height:auto;
}
ul.primary li .subnav ul li a.last
{
    border-bottom:0;
}
/***Breadcrum****/
.breadcrum
{
    padding:5px 0 0 160px;
    background:#e5e5e1;
    clear:both;
}
.breadcrum ul
{
    list-style:none;
}
.breadcrum ul li
{
    float:left;
}
.breadcrum ul li a
{
    color:#ec008c;
}
.breadcrum ul li a:hover
{
    text-decoration:underline;
    color:#ec008c;
}
/**************************
 Top menu border box
**************************/

.pollbox
{
    border:solid 1px #cce4f3;
    width:30%;
    margin-top:5px
}
.borderbox
{
    border:solid 1px #cce4f3;
    width: 100%;
    margin-top:5px
}
#submenu {
    max-width:790px;
	background: #ffffff;
}
#submenu div{
    background-color:#ffffff;
    padding-bottom:5px;
    width:100%;
    float:left;
}
#submenu div p{
    color:#494949;
    padding:6px 0 0 12px;
    float:left;
}
#submenu div ul
{
    float:left;
    list-style:none;
    padding:4px 0 0 0;
}
#submenu div ul li
{
    float:left;
    padding: 0 10px 0 5px;
    width:auto;
}
#submenu div ul li.first
{
    background:none;
	padding-left:0;
}
#submenu div ul li a
{
    color:#494949;
    text-decoration:none;
    padding: 2px 6px 3px 6px;
    height:auto;
    display:block;
    float:left;
}
#submenu div ul li a:hover
{
    text-decoration:underline;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer 
{
    border-left: 155px solid #fff; /*** This is the width and the color for our left column ***/
    border-right: 195px solid #fff; /*** This is the width and the color for our right column ***/
}
* html .outer 
{
/*** No need for hacking IE on this layout ***/
}
.outerhome 
{
    border-left: 155px solid #fff; /*** This is the width and the color for our left column ***/
}
.inner 
{
    width: 100%; 
    background:#ffffff 
}
.float-wrap {
    float: left;
    width: 100%;
    margin-left: -155px; /*** Same length as .outer border-left but with negative value ***/
    background:#ffffff 
}
#content {
    float: right;
    margin-right: -155px;  /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
    background:#ffffff url(../images/bg-top-center.gif) 0 0 repeat-x;
}
* html #content {
    position: relative;
}
.contentWrap{
    margin-left:6px;
}
.contentWrap ol, .contentWrap ul {
    margin: 3px 0 5px 35px;
}
.contentWrap li {
    padding-bottom: 2px;
}

/***************
Common Class For Main Content
************/
.fonts
{
    float:right;
    list-style:none;
    padding-top:10px;
}
.fonts
{
    display:none;
}
ul.fonts li
{
    float:left;
    height:17px;
    border-right:solid 1px #494949;
    padding:0 10px;
}
ul.fonts li a
{
    float:left;
    display:block;
    text-indent:-9999em;
    width:10px;
    height:17px;
}
a#smalla
{
    background:url(../images/btn_decrease.gif) 0 6px no-repeat;
}
a#biga
{
    background:url(../images/btn_increase.gif) 0 4px no-repeat;
}
ul.fonts li.last
{
    border:none;
}
/****
Normal Page
****/
.normalpage h1, .normalpage .intro
{
    margin:10px 0 0 12px;
}
.normalpage a:hover
{
    text-decoration:underline;
}

.normalpage a.pink
{
	font-weight: bold;
    color:#ec008c;
}
.normalpage h1
{
    float:left;
}
.normalpage p.section 
{
padding-left:10px;
}
.normalpage .intro
{
    clear:left;
    font-size: 14px;
    color:#ec008c;
    font-weight:normal;
    padding:6px 25px 12px 0;
    background:url(../images/line-divider.gif) bottom left repeat-x;
}
.popup
{
	padding:5px 100px 10px 10px;
	background: #ffffff; margin-left:0px;
	width: 760px;
}
.topimage
{
    margin:15px 0 0 0;
    height:180px;
    padding-top:1px;
    background:url(../images/main-banner.gif) 0 0 no-repeat;
}
.bigimage
{
    background:url(../images/banner_1.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner2
{
    background:url(../images/banner_2.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner3
{
    background:url(../images/banner_3.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner4
{
    background:url(../images/banner_4.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner5
{
    background:url(../images/banner_5.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner6
{
    background:url(../images/banner_6.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner7
{
    background:url(../images/banner_7.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner8
{
    background:url(../images/banner_8.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner9
{
    background:url(../images/banner_9.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner10
{
    background:url(../images/banner_10.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner11
{
    background:url(../images/banner_11.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner12
{
    background:url(../images/banner_12.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner13
{
    background:url(../images/banner_13.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner14
{
    background:url(../images/banner_14.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner15
{
    background:url(../images/banner_15.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner16
{
    background:url(../images/banner_16.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner17
{
    background:url(../images/banner_17.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner18
{
    background:url(../images/banner_18.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner19
{
    background:url(../images/banner_19.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner20
{
    background:url(../images/banner_20.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner21
{
    background:url(../images/banner_21.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner22
{
    background:url(../images/banner_22.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner23
{
    background:url(../images/banner_23.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner24
{
    background:url(../images/banner_24.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner25
{
    background:url(../images/banner_25.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner26
{
    background:url(../images/banner_26.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner27
{
    background:url(../images/banner_27.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner28
{
    background:url(../images/banner_28.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner29
{
    background:url(../images/banner_29.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner30
{
    background:url(../images/banner_30.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner31
{
    background:url(../images/banner_31.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner32
{
    background:url(../images/banner_32.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner33
{
    background:url(../images/banner_33.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner34
{
    background:url(../images/banner_34.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner35
{
    background:url(../images/banner_35.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner36
{
    background:url(../images/banner_36.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner37
{
    background:url(../images/banner_37.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner38
{
    background:url(../images/banner_38.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner39
{
    background:url(../images/banner_39.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner40
{
    background:url(../images/banner_40.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner41
{
    background:url(../images/banner_41.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner42
{
    background:url(../images/banner_42.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner43
{
    background:url(../images/banner_43.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner44
{
    background:url(../images/banner_44.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner45
{
    background:url(../images/banner_45.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner46
{
    background:url(../images/banner_46.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner47
{
    background:url(../images/banner_47.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner48
{
    background:url(../images/banner_48.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner49
{
    background:url(../images/banner_49.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner50
{
    background:url(../images/banner_50.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner51
{
    background:url(../images/banner_51.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner52
{
    background:url(../images/banner_52.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner53
{
    background:url(../images/banner_53.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner54
{
    background:url(../images/banner_54.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner55
{
    background:url(../images/banner_55.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner56
{
    background:url(../images/banner_56.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner57
{
    background:url(../images/banner_57.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner58
{
    background:url(../images/banner_58.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner59
{
    background:url(../images/banner_59.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner60
{
    background:url(../images/banner_60.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner61
{
    background:url(../images/banner_61.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner62
{
    background:url(../images/banner_62.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner63
{
    background:url(../images/banner_63.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner64
{
    background:url(../images/banner_64.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner65
{
    background:url(../images/banner_65.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner66
{
    background:url(../images/banner_66.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner67
{
    background:url(../images/banner_67.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner68
{
    background:url(../images/banner_68.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner69
{
    background:url(../images/banner_69.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner70
{
    background:url(../images/banner_70.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner71
{
    background:url(../images/banner_71.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner72
{
    background:url(../images/banner_72.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner73
{
    background:url(../images/banner_73.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner74
{
    background:url(../images/banner_74.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner75
{
    background:url(../images/banner_75.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner76
{
    background:url(../images/banner_76.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner77
{
    background:url(../images/banner_77.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner78
{
    background:url(../images/banner_78.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner79
{
    background:url(../images/banner_79.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner80
{
    background:url(../images/banner_80.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.banner81
{
    background:url(../images/banner_81.png) 0 0 no-repeat;
    width:381px;
    height:180px;
}
.normalpage p
{
    color:#494949;
    font-size:12px;
    margin:10px 10px 0 12px;
}
.normalpage ul
{
    color:#494949;
    font-size:12px;
}
.normalpage p.help
{
    border:solid 1px #e7bbce;
    padding:6px 0 11px 13px;
    margin-top:18px;
}
.formhelp
{
    width:50%;
}
.normalpage a
{
    color:#494949;
}
/****** media relase ****/
.pdf
{
    background:url(../images/pdf-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.pdf p a
{
    text-decoration:underline;
}
/****** documents ****/
.doc
{
    background:url(../images/doc-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.doc p a
{
    text-decoration:underline;
}
/****** audio files ****/
.aud
{
    background:url(../images/aud-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.aud p a
{
    text-decoration:underline;
}
/****** web page *****/
.pl
{
    background:url(../images/pl-ico.gif) 0 0 no-repeat;
    padding-left:16px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.pl p a
{
    text-decoration:underline;
}
/****** phone ****/
.phone
{
    background:url(../images/contact-phone.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:40px 10px 0px 12px;
    padding-bottom:10px;
}
.phone p a
{
    text-decoration:underline;
}
/****** fax ****/
.fax
{
    background:url(../images/contact-fax.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.fax p a
{
    text-decoration:underline;
}
/****** post ****/
.post
{
    background:url(../images/contact-post.gif) 0 0 no-repeat;
    padding-left:100px;
    margin:10px 10px 0 12px;
    padding-bottom:10px;
}
.post p a
{
    text-decoration:underline;
}

/****
Home Page
****/
#btnmore
{
    display:block; 
    text-align:center; 
    margin-bottom:20px;
    text-decoration:none;
}
.hometop, .homebot
{
    border:solid 1px #ccccc8;
    margin-top:16px;
    position:relative;
    min-height:181px; 
}
.topcorner
{
    background:url(../images/top-left-corner.gif) 0 0 no-repeat;
    position:absolute;
    top:-1px;
    left:-1px;
    height:14px;
    width:27px;
}
.toprightcorner
{
    background:url(../images/top-right-corner.gif) 0 0 no-repeat;
    position:absolute;
    right:-1px;
    height:12px;
    width:65px;
    top:-1px;
}
.hometop p, .hometop h1, .hometop h2
{
    padding:0 175px;
}
.hometop h1
{
    font-size:18px;
    padding-top:20px;
    color:#ec008c;
}
.hometop h2
{
    color:#494949;
    padding-top:20px;
}
.hometop p
{
    color:#494949;
    padding:10px 10px 30px 174px;
}
.promobox
{
    background:url(../images/promobox.jpg) 0 0 no-repeat;
    position:absolute;
    bottom:145px;
    left:610px;
    width:145px;
    height:200px;
}
.promobox p {
	padding:5px 5px 5px 5px;
}

.hometop p.pinkpara {
padding-top:50px;padding-bottom:10px;font-weight: bold;font-size: 18px;color:#ec008c;
}
#boystown-logo a
{
    background:url(../images/boystown-logo.jpg) 0 0 no-repeat;
    position:absolute;
    bottom:5px;
    left:660px;
    width:88px;
    height:100px;
}
.leftlady
{
//    background:url(../images/leftlady.jpg) 0 0 no-repeat;
    background:url(../images/leftlady.gif) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:272px;
    height:214px;
}
.rightlady
{
    background:url(../images/rightlady.jpg) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:11px;
    height:18px;
}
.botcorner
{
    background:url(../images/home-bot-left-corner.gif) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    left:-1px;
    width:13px;
    height:14px;
}
.botrightcorner
{
    background:url(../images/home-bot-right-corner.gif) 0 0 no-repeat;
    position:absolute;
    bottom:-1px;
    right:-1px;
    width:11px;
    height:12px;
}
.homebot
{
    margin-top:5px;
    position:relative;
    min-height:210px;
    padding:10px 0;
}
.outerbox
{
    max-width:790px;
    position:relative;
    margin:auto;
}

/****
Feature Box 
****/
.outerbox .modbox2 {
    float:      left;
    width:      31%;
    margin:     5px 0 0 4px;
    position:   relative;
    border:solid 1px #ccccc8;
    padding:0 8px 0 1px;
    max-width:250px;
}
.latestnews h2
{
    background:url(../images/bg-heading-news.gif) repeat-x;
    height:28px;
    float:left;
    width:100%;
}
.latestnews h2 a
{
    height:28px;
    position:relative;
    display:block;
}
.dnr h2
{
    background:url(../images/bg-heading-dnr.gif) repeat-x;
    height:28px;
    float:left;
    width:100%;
}
.dnr h2 a
{
    height:28px;
    position:relative;
    display:block;
}
 .arrow
{
    position:absolute;
    height:28px;
    top:-28px;
    right:-2px;
    width:16px;
}
.vote
{
	border: 0;
	position: absolute;
	left:180px;
	top:150px;
}
.middlebg
{
    float:left;
    width:100%;
    margin:0 0 4px 4px;
}
.latestnews .middlebg
{
    background: #4b5eaa url(../images/bg-news.gif) top left repeat-x;
}
.dnr .middlebg
{
    background: #727abb url(../images/bg-dnr.gif) top left repeat-x;
}
.whocanhelp .middlebg
{
    background: #e5e5e1 url(../images/bg-help.gif) top left no-repeat;
}
.buytickets .middlebg
{
    background:#EC008B;
}
.songscapes .middlebg
{
    background:#f9c061;
}
.donorappeal .middlebg
{
    background:#ec008b;
}
.workforus .middlebg
{
    background:#6ec48b;
    width:170px;
    margin-left:5px;
}
.workforus
{
    height:auto;
}
.latestappeal .middlebg
{
    background:#6ec48b;
    width:170px;
    margin-left:5px;
}
.latestappeal
{
    height:auto;
}
.leaf
{
    float:left;
    width:100%;
    min-height:150px;
    position:relative;
    height:15em;
}

.leaf p {
	color: #ffffff;
	margin-left:5px;
	margin-top:5px;
}
.latestnews .leaf
{
    background:  url(../images/news-bot.gif) bottom right no-repeat;
}
.dnr .leaf
{
    background:  url(../images/dnr-bot.gif) bottom right no-repeat;
}
.yellowleaf
{
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.orangeleaf
{
    background:  url(../images/appeal-orange-bot.gif) bottom right no-repeat;
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.purpleleaf
{
    background:  url(../images/dnr-bot.gif) bottom right no-repeat;
    width:118px;
    height:35px;
    position:absolute;
    bottom:0;
    right:0;
    z-index:2;
}
.buytickets .leaf
{
    background:  url(../images/ticket-bot.gif) bottom right no-repeat;
}
.songscapes .leaf
{
    background:  url(../images/latest-news-orange-bot.gif) bottom right no-repeat;
}
.donorappeal .leaf
{
    background:  url(../images/ticket-bot.gif) bottom right no-repeat;
}
.workforus .leaf
{
    background:  url(../images/work-leaf.gif) bottom right no-repeat;
}
.workforus p
{
    margin-bottom:10px;
    float:left;
}
.latestappeal .leaf
{
    background:  url(../images/work-leaf.gif) bottom right no-repeat;
}
.latestappeal p
{
    margin-bottom:10px;
    float:left;
}
.mainimage a
{
    background: url(../images/hot-topic-image.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.songscape a
{
    background: url(../images/songscape.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagesmall a
{
    background: url(../images/buyticket-image-small.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagedonsmall a
{
    background: url(../images/donor-brbill.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.mainimagedonatenow a
{
    background: url(../images/donor-donate-now.jpg) top right no-repeat;
    display:block;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.helpyoungpeople .mainimage a
{
    background:none;
}
.text
{
    margin-left:8px;
    z-index:10;
}
.rabbion
{
    background:url(../images/web-counselling-image.jpg) repeat-x;
    float:left;
    width:100%;
    min-height:150px;
    position:relative;
}
.ppl
{
    position:absolute;
    top:2px;
    right:0;
    background:  url(../images/news-right.png) no-repeat;
    width:147px;
    height:107px;   
}
.dnrapp
{
    position:absolute;
    top:2px;
    right:0;
    background:  url(../images/donor-right.png) no-repeat;
    width:147px;
    height:107px;   
}
.monthlygiving a
{
    display:block;
    background:  url(../images/monthly-giving.jpg) top right no-repeat;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.monthlygiving2 a
{
    display:block;
    background:  url(../images/monthly-giving2.jpg) top right no-repeat;
    width:100%;
    height:108px;
    position:relative;
    text-indent:-9999em;
}
.latestnews p, .whocanhelp ul li a, buytickets p
{
    margin:114px 0 0 12px;
    width:131px;
    text-align:left;
    color:#494949;
    z-index:100;
}

.latestnews p
{
    color:#ffffff;
}
.dnr p,
{
    margin:114px 0 0 12px;
    width:131px;
    text-align:left;
    color:#ffffff;
    z-index:100;
}
.donorappeal p,
{
    margin:5px 0 0 12px;
    width:131px;
    text-align:left;
    color:#ffffff;
    z-index:100;
}
.helpyoungpeople
{
    background:url(../images/mod-helpyoungpeople.jpg) 6px 34px no-repeat;
}
#right .helpyoungpeople
{
     height:188px;
     width:180px;
}
.getinvolved
{
    background:url(../images/mod-getinvolved.jpg) 2px 0  no-repeat;
}
.bgmain
{
    margin-left:4px;
    background:#8fcfe7;
    width:171px;
    padding-bottom:20px;
    margin-bottom:4px;
    margin-top:108px;
}
.getinvolved p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.workforus p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.latestappeal p
{
    margin:0 0 0 16px;
    width:136px;
    text-align:left;
    color:#494949;
    padding:8px 0 0 0;
}
.whocanhelp h2
{
    background:url(../images/bg-heading-help.gif) repeat-x;
    height:28px;
    float:left;
    width:100%;
}
.whocanhelp ul
{
  text-align:left;
  margin:0 0 0 30px;
}
.whocanhelp ul li
{
  margin-top:8px;
  line-height:12px;
}
.whocanhelp ul li a
{
    margin:110px 0 0 0;
}
.buytickets h2{
    background:url(../images/bg-heading-ticket.gif) top left repeat-x;
}
.songscapes h2{
    background:url(../images/bg-heading-help.gif) top left repeat-x;
}
.donorappeal h2{
    background:url(../images/bg-heading-ticket.gif) top left repeat-x;
}
.modbox2 h2
{
    margin:3px 4px 0 4px;
}
/**************************
LEFT COLUMN
**************************/
#left {
    float: left;
    width: 155px;
    min-height: 250px;
    background-color:#ffffff;
    background:url(../images/bg-left-top.gif) 0 0 no-repeat;
    padding-top:11px;
}
* html #left {
    position: relative;  /*** IE needs this  ***/
    height: 250px;
}
#left ul {
    list-style: none;
    padding-bottom: 4px;
}
#left li {
    padding-bottom: 2px;
}
/********
Left Navigation
********/
#left #navbox 
{
    background:url(../images/leftnav-bg.gif) -1px 0 repeat-y;

}
#left #navbox #leftnav
{
    background:url(../images/nav-bottom.gif) bottom left no-repeat;
    width:150px;
    margin-left:-1px;
}
#left #leftnav li
{
    border-bottom:solid 1px #bebebb;
    margin:0 0 0 1px;
    width:146px;
    padding:0;
}
#left #leftnav li.first
{
    background:url(../images/bg-left-top.gif) 0 0 no-repeat;
    margin-top:-11px;
    width:150px;
    border:none;
}
#left #leftnav li.second
{
    border-top:solid 1px #bebebb;
}
#left #leftnav li a
{
    padding:0 0 0 12px;
    color:#494949;
    text-decoration:none;
    width:134px;
    padding-bottom:9px;
    display:block;
    padding-top:10px;
}
#left #leftnav li a:hover
{
    background:#babab7 url(../images/bg-leftnav.gif) top left repeat-x;
}
#left #leftnav li a span
{
    background:url(../images/subnav-arrow.gif) 124px 2px no-repeat;
    width:124px;
    display:block;
    padding-right:10px;
    cursor:pointer;
}
#left #leftnav li.last
{
    border-bottom:0;
}
#left .modbox
{
    margin-top:6px;
}
/*************************
RIGHT COLUMN
**************************/
#right {
    float: right; 
    width: 195px;
    min-height: 250px;
    margin-right: -195px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
    background:url(../images/bg-top-center.gif) 0 0 repeat-x;
    padding-top:15px;
}
#right .outerbox
{
    width: 195px;
    position:   relative;
    float:left;
}
#right .modbox2 
{
    margin:0 0 5px 13px;
    float:left;
    clear:left;
    width: 172px;
}
#right .modbox2 h2
{
    margin:3px 0 0 4px;
}
* html #right {
    height: 250px;
    position: relative;  /*** IE needs this  ***/
}
#right ul {
    list-style: none;
    padding-bottom: 4px;
}
#right .modbox2  ul
{
    list-style:disc;
}
#right li {
    padding-bottom: 2px;
}
.other
{
    margin-bottom:13px;
}
/**************************
FOOTER
**************************/
#footer {
    max-width:1211px;
    width: expression(document.body.clientWidth < 802? "800px" : document.body.clientWidth > 1210? "1209" : "auto");
    padding:15px 10px 0 10px;
    background: #ffffff url(../images/bg-right.gif) top right repeat-y;
    min-width:823px;    
}
#footer div{
    background-color:#bbd147;
    padding-bottom:5px;
    width:100%;
    float:left;
}
#footer div p{
    color:#ffffff;
    font-family:Tahoma;
    padding:6px 0 0 12px;
    float:left;
}
#footer div ul
{
    float:right;
    list-style:none;
    padding:4px 0 0 0;
}
#footer div ul li
{
    float:left;
    width:auto;
    background:url(../images/divider.gif) 0 0 repeat-y;
}
#footer div ul li.first
{
    background:none;
}
#footer div ul li a
{
    color:#ffffff;
    font-family:Tahoma;
    text-decoration:none;
    padding: 2px 12px 3px 12px;
    height:auto;
    display:block;
    float:left;
}
#footer div ul li a:hover
{
    text-decoration:underline;
}
/*form part*/
.formbox
{
    border:solid 1px #dbdbd8;
    margin-top:10px;
    color:#4c4d4f;
    height:auto;
}
.formbox h2
{
    background:#dbdbd8;
    padding:6px 0 6px 8px;
    color:#4c4d4f;
}
.formbox label
{
    padding-left:8px;
    float:left;
    margin-top:10px;
}
.formbox select
{
    float:left;
    margin-top:10px;
    margin-left:4px;
    color:#4c4d4f;
    border:#4c4d4f;
    font-size:11px;
}
.formbox select.choice
{
    width:85px;
}
.formbox select.hear
{
    width:146px; 
    clear:left; 
    font-size:11px;
}
.formbox .radiobutton
{
    clear:left;
    float:left;
    margin-left:8px;
    width:100%;
}
.radiobutton .radios
{
    display:block;
    margin-top:10px;
    float:left;
}
.formbox label
{
    display:block;
    margin-left:0;
    float:left;
}
.step2 label
{
    margin-right:20px;
    display:block;
    float:left;
}
.step2 input 
{
    border:solid 1px #dbdbd8;
    margin-right:20px;
}
.radiobutton div
{
    display:block;
    width:25%;
    float:left;
}
.radiobutton .othervalue
{
    float:left;
    border:solid 1px #dbdbd8;
    width:88px;
    margin-top:10px;
}
.notes
{
    width:100%;
    float:left;
    text-align:center;
    display:block
}
.clear
{
    clear:both;
}

.divider
{
    background:url(../images/line-divider.gif) bottom left repeat-x;
    width:100%;
    clear:left;
    height:10px;
    float:left;
}
.btnContinue
{
    float:right;
    margin-right:20px;
}
p.bluetxt
{
    color:#00aeef;
    clear:both;
    float:left;
    font-weight:bold;
}
.Submit
{
    float:right;
    margin:20px 0 0 0;
    padding;0;
}
/* FAQ SECTION */
.faqh2 h2
{
width:99%;
background:#dbdbd8;
padding:4px 2px 4px 1%;
margin-top:14px;
color:#4c4d4f;
font-weight:bold;
font-size:11px;
}

.faqa a
{
color:#00aeef;
}
.faqlist
{
width:98.5%; /* width:99% changed 5/6/08 */
border:solid 1px #ddddda;
padding:0 0 0 1%;
margin-top:2px;
position:relative;
}
.faqlist p.q, .faqlist p.a
{
padding-left:0;
margin:8px 0 14px 0;
width:70%;

}
.faqlist p.a
{
color:#00aeef;
margin-top:4px;
}
.faqlist p.line
{
width:99%;
border-top:solid 1px #ddddda;

margin:0 1% 0 0;
padding:0;
line-height:4px;
height:10px;
}
.faqlist a.btnview, .faqlist a.btnclose
{
width:103px;
height:21px;
display:block;
text-indent:-9999em;
background:url(../images/btn-view.gif) no-repeat;
bottom:10px;
right:10px;
position:absolute;
}

.faqlist a.btnclose
{
background:url(../images/btn-close.gif) no-repeat;
}

/*************************************
Shadowbox
**************************************/
SHADOWBOX

*/

#shadowbox {
	background: #fff;
}
#shadowbox .last {
	padding-bottom: 10px;
}
#shadowbox #sbcontent2   {
	width: 610px;
	height: 335px;
	margin: 20px 25px;
}

a.shadowbox-print {
	float: left;
	width: 36px;
	height: 36px;
	background: url(../images/bg-print.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 20px;
	right: 25px;
}

/* SURVEY */
#content div.survey-frame .result p span.survey-chart {
	background: transparent url(../images/bg-results.png) repeat-x;
	height: 21px;
	margin-right: 8px;
}

#content div.survey-frame div.box .result {
	margin-top: 15px;
}

#content div.survey-frame div.box .result p {
	margin: 5px 0 0 10px;
	padding: 0;
	clear:left;
	font-weight: bold;
	width:441px;
}

#content div.survey-frame div.box .result.last p {
	margin-left: 21px;
}

#content div.survey-frame .result p span {
	float: left;
	margin-top: 8px;
	margin-bottom:10px;
	color: #ec008c;
	width: 80px;
}

/* survey main page added 17/06/09 */
#content ul.survey li {
	background: none;
}

#content ul.survey li a {
	width: 304px;
	height: 41px;
	display: block;
	color: #FFF;
/* mara added 18/5/09 */
	text-decoration: none;
/*	text-indent: -9999em; removed 18/5/09 */
}

#content ul.survey li.response a {
	background: url(../images/btn-survey-response.png) no-repeat;
	cursor: pointer;
}

#content ul.survey li.response a div.text {
	height:30px;padding-top:12px; padding-left:43px;font-weight:bold;font-size:12px;
	background-image: none;
}

#content ul.survey li a:hover {
	background-position: 0 -41px;
}