* {
    font-family: arial, tahoma, verdana;
    font-size:10pt;
    line-height:12px;
}

a {
    text-decoration:none;
    color:black;
}

h1 {
    font-size: 12pt;
    font-weight:bold;
    color:black;
    margin:3px;
    text-transform: uppercase;
}

.smallFont, .smallFont * {
    font-size:10pt;
    line-height:12pt;
}


body {
    margin:0px;
    text-align:center;
    background:url(/images/siteBackground.jpg) repeat-x rgb(239,249,254);
}

#pageContainer {
    width:936px;
    margin:0 auto;
    text-align:left;
    position:relative;
    /*border-left:1px solid black; border-right:1px solid black;*/
}

#siteHeader {
    background: url(/images/siteHeader.jpg) no-repeat;
    height:207px;
    position:relative;
}

#siteMenu{
    position:absolute;
    width:936px;
    bottom:10px;
    text-align:center;
    font-size:11pt;
    line-height:45px;
    color:white;
}
#siteMenu a {
    font-size:11pt;
    line-height:45px;
    height:45px;
    color:white;
    text-decoration:none;
}

#strapline_container {
    width:936px;
    height:26px;
    position:relative;
    margin-bottom:10px;
}

#strapShadow {
    position:absolute;
    width:930px;height:22px;
    text-align:center;
    right:0px;
    bottom:0px;
    color:rgb(207,212,216);
    font-weight:bold;
    font-size:12pt;
    line-height:15pt;
}
#strap {
    position:absolute;
    width:930px;height:22px;
    text-align:center;
    right:2px;
    bottom:2px;
    color:rgb(15,15,17);
    font-weight:bold;
    font-size:12pt;line-height:15pt;
}

.boxPadding {
    padding: 0 20px;
    margin-right:10px;
    line-height:12pt;
}

.boxPaddingWide {
    padding: 10px 30px;
}

.boxPadding *, .boxPaddingWide * {
    line-height:12pt;
}


.boxPadding a{
    color:black; text-decoration:underline;
}


.boxPaddingGrey {
    padding: 0 20px;
    padding-top:5px; padding-bottom:5px;
    background:url(/images/greyBoxOneCol_filler.jpg) repeat-y;
}

.blackLink {
    color:black;
    text-decoration:none;
}
.blackLink:hover {
    text-decoration:underline;
}


.whiteBoxWide {
    width:680px; position:relative; float:left;
    background:url(/images/whiteBoxWide_filler.jpg) repeat-y;
}

.oneColBox {
    float:left; position:relative;
    background:url(/images/whiteBoxOneCol_filler.jpg) repeat-y;
    width:246px;
}

.howTo {
    width:246px;
    height:250px; background:url(/images/greyBoxOneCol_filler.jpg) repeat-y;
}


.mainAreas {
    padding-left:8px;
}


.largeHeading {
    font-size: 12pt;
    line-height:13pt;
    font-weight: bold;
}

.purpleHeading {
    font-size: 11pt;
    font-weight:bold;
    color:rgb(79,2,158);
    margin:0;
}

.greenHeading {
    font-size: 11pt;
    font-weight:bold;
    color:rgb(5,140,9);
    margin:3px;
}



.redHeading {
    font-size: 11pt;
    font-weight:bold;
    color:rgb(180,0,0);
    margin:3px;
}

.purpleButton {
    position:absolute;
    right:13px; bottom:23px;
    height:39px; width:220px;
    background: rgb(79,2,158);
    float:right;
    text-align:center;
    color:white;
    line-height: 39px;
    margin-right:10px;
    z-index:2;
}


.blueButton {
    position:absolute;
    right:13px; bottom:23px;
    height:39px; width:220px;
    background: rgb(14,121,148);
    float:right;
    text-align:center;
    color:white;
    line-height: 39px;
    margin-right:10px;
    z-index:2;
}

.blueButton a, .purpleButton a, .greenButton a , .redButton a {
    color:white;
    text-decoration:none;
}


.greenButton {

    height:39px; width:200px;
    background: rgb(106,181,65);
    text-align:center;
    color:white;
    line-height: 39px;
}

.redButton {
    height:39px; width:200px;
    background: rgb(180,0,0);
    text-align:center;
    color:white;
    line-height: 39px;
}


.twoColBox {
    float:left; position:relative;
    background:url(/images/greenTwoCol_filler.jpg) repeat-y;
    width:430px;
}


.homeLatest {
    background: url(/images/greenTwoCol_top.jpg) no-repeat;
    height: 47px;
    line-height:47px;
    color:white;
    padding-left:20px;
    font-weight:bold;
    font-size:11pt;
}

.homePurple {
    background: url(/images/purpleOneCol_top.jpg) no-repeat;
    height: 47px;
    line-height:47px;
    color:white;
    padding-left:20px;
    font-weight:bold;
    font-size:11pt;
}
.homeRedLeft {
    background: url(/images/oneColLeftRedTop.jpg) no-repeat;
    height: 43px;
    line-height:43px;
    color:white;
    padding-left:20px;
    font-weight:bold;
    font-size:11pt;
}


.clearAll {
    clear: both;
    height:0px; overflow:hidden;
}

.youtube {
    position:absolute;
    top:10px; right:27px; width:82px; height:34px;
    background: url(/images/youtube.jpg) no-repeat;
}

#footerBox {
    height:60px;
    clear:left;
    background: url(/images/footerBox.jpg) no-repeat;
}

#footerBox #left {
    float:left;
    width:450px;
    padding-left:30px;
    line-height:50px;
    color:white; font-size:8pt;
}
#footerBox #left a, #footerBox #right a{
    line-height:50px;
    color:white;font-size:8pt;
    text-decoration:underline;
}

#footerBox #right {
    float:right;
    width:300px;
    padding-right:10px;
    line-height:50px;
    color:white; font-size:8pt;
}

#footerBoxBase {
    height:24px;
    clear:both;
    color:rgb(79,2,158);
    font-size:7pt;
    text-align:center;
}

#footerBoxBase a {
    color:rgb(79,2,158);font-size:7pt;
    text-decoration:underline;
}