/* Global Resetting */
a img {
    border: 0;
}

*:focus {
    outline: 0;
}

.clear {
    clear: both;
}

/* Layout CSS */
html, body {
    background: #DEDDD8;
    
    margin: 0;
    padding: 0;
}

.banner {
    text-align: center;
    background: #00ace8;
    padding: 14px 14px;    
}

#Main {
    background: url(./../images/background.jpg) repeat-y;
    
    width: 1002px;
    
    margin: 0 auto;
}

#Content {
    position: relative;
    
    padding: 30px 42px 0 40px;
}

.footerCap {
    background: url(./../images/content-bottom.jpg) no-repeat;
    
    height: 34px;
}

#InnerContent {
    padding: 27px 10px 44px 26px;
}

#InnerContent.extraPadding {
    padding-right: 26px;
}

#ContentFooter {
    background: url(./../images/sub-footer.jpg) no-repeat;
    
    height: 160px;
    
    margin-top: 48px;
}

#PageComments {
    background: #E9E9E9;
    border: 1px solid #CCCCCC;
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

#PageComments li {
    list-style: none;
    padding: 5px;
    margin: 0;
    border-bottom: 1px dotted #bbb;
}
            
#PageNumbers {
    padding: 5px;
    border: 1px solid #DDDDDD;
    background: #E9E9E9;
}

#PageNumbers * {
    padding: 0 5px;
}

/**** Footer ****/
#Footer {
    background: url(./../images/footer-bottom.jpg) no-repeat bottom center;
    
    padding-bottom: 65px;
}

/**** BreadCrumbs ****/
#Breadcrumbs {
    background: url(./../images/breadcrumbs.jpg) repeat-x;
    
    height: 53px;
    
    margin: 0 12px 0 10px;
    padding: 0 56px;
}

#Breadcrumbs p {
    margin-bottom: 0;
}

/**** Header ****/
#Header {
    position: relative;
    
    height: 76px;
    
    padding: 30px;
}

#Header h1 {
    position: absolute;
    left: 36px;
    top: 30px;
    
    margin-bottom: 0 !important;
}

/**** Navigation ****/
#Nav {
    position: absolute;
    right: 54px;
    top: 60px;
}

#Nav ul, #Nav li {
    margin: 0;
    padding: 0;
    
    list-style-type: none;
}

#Nav li a {
    padding: 10px 20px;
}

#Nav li {
    background: url(./../images/nav-arrow.gif) no-repeat center right;
    
    float: left;
    
    padding-right: 6px; 
}

#Nav li.last {
    background: transparent;
    
    padding-right: 0;
}

/**** Pages ****/
h2.pageHeading {
    margin-bottom: 10px !important;
}

h3.attentionGrabHeading {
    margin-left: 4px;
    margin-bottom: 41px !important;
}

.leftColumn {
    float: left;
    
    width: 386px;
}

.rightColumn {
    float: right;
    
    width: 455px;
}

/**** Profile Box ****/
#ProfileBox {
    background: url(./../images/carousel-back.jpg) no-repeat;
    
    padding: 1px;
}

#ProfileBox img {
    height: 300px;
}

#ProfileBox a, #ProfileBox span {
    display: block;
    
    height: 300px;
    
    margin: 13px 16px 31px 16px;
}

#ProfileBox p {
    margin-right: 16px;
}

/**** Sub-Navigation ****/
#SubNavigation {
    background: url(./../images/sub-nav-arrow.gif) no-repeat 13px center;
    
    padding-left: 61px;
    
    margin-top: 46px;
    margin-bottom: 49px;
}

#SubNavigation h4 {
    padding-left: 5px;
}

/**** Sub Footer ****/
#ContentFooter {
    margin: 0 -30px;
}

#ContentFooter .footerBox {
    float: left;
    
    width: 251px;
    
    padding: 32px 30px;
}

#ContentFooter .footerBox.connect, #ContentFooter .footerBox.share {
    width: 266px;
}

#ContentFooter .footerBox:first-child {
    width: 265px;
    
    margin-left: 15px;
    padding-right: 15px;
}

#ContentFooter .footerBox + .footerBox {
    margin-left: 1px;
}

#ContentFooter .footerBox p.footerTitle {
    margin-bottom: 31px;
}

.HomePage .homeLinks.profiles {
    margin-top: 14px;
}

.HomePage .recipiantProfiles a:hover img, .HomePage .recipiantProfiles a:active img {
    filter: alpha(opacity = 75);
    opacity: 0.75;
}

#ContentFooter .footerBox a.icon, .HomePage .homeLinks a.icon {
    background: url(./../images/sub-footer-icons.png) no-repeat;
    
    display: block;
    
    width: 32px;
    height: 32px;
    
    margin-right: 8px;
}

#ContentFooter .footerBox .icon.arrow {
    background-position: 0 -3px;
}

#ContentFooter .footerBox .icon.facebook, .HomePage .homeLinks .icon.facebook {
    background-position: -32px -3px;
}

#ContentFooter .footerBox .icon.youtube, .HomePage .homeLinks .icon.youtube {
    background-position: -64px -3px;
}

#ContentFooter .footerBox .icon.email, .HomePage .homeLinks .icon.email  {
    background-position: -160px -3px;
}


#ContentFooter .footerBox .icon.linkedin {
    background-position: -96px -3px;
}

#ContentFooter .footerBox .icon.stumbleupon {
    background-position: -128px -3px;
}

#ContentFooter .footerBox .icon.print {
    background-position: -192px -3px;
    
    margin-left: 11px;
}

#ContentFooter .footerBox .footerLink a {
    float: left;
}

#ContentFooter .footerBox .footerLink {
    float: left;
    
    margin-left: 8px;
}

#ContentFooter .footerBox .footerLink + .footerLink {
    margin-left: 48px;
}

#ContentFooter .footerBox.resourses .footerLink + .footerLink {
    margin-left: 38px;
}

#ContentFooter .footerBox .fbTwitShare {
    float: left;
    
    margin-top: -4px;
    margin-left: 9px;
}

#ContentFooter .footerBox .fbTwitShare a.bar {
    background: url(./../images/sub-footer-icons.png) no-repeat;
    
    display: block;
    
    width: 60px;
    height: 18px;
}

#ContentFooter .footerBox .fbTwitShare a.bar + a.bar {
    margin-top: 4px;
}

#ContentFooter .footerBox .fbTwitShare .bar.facebook {
    background-position: -224px 0;
}

#ContentFooter .footerBox .fbTwitShare .bar.twitter {
    background-position: -224px -18px;
}

#ContentFooter .footerBox.connect .footerLink {
    margin-left: 13px;
}

#ContentFooter .footerBox.connect .footerLink .icon + .icon {
    margin-left: 4px;
}

#ContentFooter .footerBox.share .footerLink {
    margin-left: 13px;
}

/**** Profile Pages ****/
.ProfilePageHolder #InnerContent,
.RecipiantProfilePage #InnerContent {
    padding-right: 0;
}

.ProfilePageHolder .profileLeftColumn,
.RecipiantProfilePage .profileLeftColumn {
    float: left;
    
    width: 567px;
}

.ProfilePageHolder .profileRightColumn,
.RecipiantProfilePage .profileRightColumn {
    float: right;
    
    width: 270px;
}

.ProfilePageHolder .profileSidebarTitle,
.RecipiantProfilePage .profileSidebarTitle {
    margin-bottom: 0;
}

.ProfilePageHolder .recipientLinks,
.RecipiantProfilePage .recipientLinks {
    margin: 0 14px 34px 19px;
}

.ProfilePageHolder .profileRightColumn ul, .ProfilePageHolder .profileRightColumn li,
.RecipiantProfilePage .profileRightColumn ul, .RecipiantProfilePage .profileRightColumn li {
    list-style-type: none;
    
    margin-left: 0;
    padding-left: 0;
}

.ProfilePageHolder .profileRightColumn li,
.RecipiantProfilePage .profileRightColumn li {
    clear: none;
    
    float: left;
    
    border-bottom: 0;
    
    margin-right: 10px;
    margin-bottom: 10px;
}

.ProfilePageHolder .profileRightColumn li.end,
.RecipiantProfilePage .profileRightColumn li.end {
    margin-right: 0;
}

.ProfilePageHolder .profileRightColumn li.row,
.RecipiantProfilePage .profileRightColumn li.row {
    clear: both;
}

.ProfilePageHolder .profileRightColumn li img,
.RecipiantProfilePage .profileRightColumn li img {
    border: 0;
}

.ProfilePageHolder .profileRightColumn li a,
.RecipiantProfilePage .profileRightColumn li a {
    display: block;
}

.ProfilePageHolder .profileRightColumn a.current img, .ProfilePageHolder .profileRightColumn a:hover img, .ProfilePageHolder .profileRightColumn a:active img,
.RecipiantProfilePage .profileRightColumn a.current img, .RecipiantProfilePage .profileRightColumn a:hover img, .RecipiantProfilePage .profileRightColumn a:active img {
    filter: alpha(opacity = 75);
    opacity: 0.75;
}

.RecipiantProfilePage .profilePicture {
    background: url(./../images/profile-image.png) no-repeat;
    
    width: 236px;
    height: 293px;
    
    padding: 17px 17px 28px 17px;
}

.RecipiantProfilePage .profileStats {
    background: #F0F0ED url(./../images/hr-border.gif) repeat-x bottom;
    
    margin: 0 14px 34px 19px;
    padding: 19px 25px;
}

/**** FAQ Page ****/
.faqQuestions {
    background: none repeat scroll 0 0 #F8F8F8;
    border-top: 1px solid #5A5A5A;
    padding: 32px 26px;
}

.faqQuestions ul, .faqQuestions li {
    margin: 0;
    padding: 0;
}

.faqQuestions li + li {
    margin-top: 10px;
}

.question .larger {
    float: left;
    
    margin: 0 10px 10px 0;
}

.question h3 {
    float: left;
}

.question + .question {
    background: url(./../images/hr-border.gif) repeat-x;
    
    margin-top: 15px;
    padding-top: 35px;
}

.qaAnswer, .qaTop {
    clear: both;
}

/**** Home Page ****/
.HomePage #Content {
    padding: 0 12px 0 10px;
    
    width: 980px;
}

.HomePage #ContentFooter {
    margin: 0 0 -10px 0;
    margin-right: 0;
    
    margin-bottom: -
}

#Carousel {
    position: relative;
    
    width: 980px;
    height: 435px;
    
    overflow: hidden;
}

#Carousel .carouselItem {
    position: absolute;
    top: 0;
    left: 0;
    
    width: 980px;
    height: 435px;
    
    overflow: hidden;
    
    z-index: 8;
}

#Carousel .carouselItem.active {
    z-index: 10;
}

#Carousel .carouselItem.last-active {
    z-index: 9;
}

#Carousel .carouselItem .carouselContent {
    position: absolute;
    right: 16px;
    top: 65px;
    
    width: 240px;
}

#Carousel .carouselItem p {
    margin-bottom: 8px;
}

#Carousel .carouselItem a {
    display: block;
    
    position: absolute;
    left: 0;
    top: 0;
    
    width: 980px;
    height: 435px;
}

#Carousel .carouselOverlay {
    background: url(./../images/carousel-bottom.png) no-repeat;
    
    position: absolute;
    left: 0;
    bottom: 0;
    
    width: 980px;
    height: 192px;
    
    z-index: 100;
}

#Carousel .carouselOverlay a {
    display: block;
    
    position: absolute;
    left: 733px;
    top: 0;
    
    width: 205px;
    height: 153px;
}

.HomePage .homeColumn {
    float: left;
    
    width: 266px;
    
    padding: 0 30px;
}

.HomePage .homeColumns {
    background: url(./../images/home-columns-border.gif) repeat-y top center;
    
    margin: 30px 0;
}

.HomePage .homeColumn ul.recipiantProfiles, .HomePage .homeColumn ul.recipiantProfiles li {
    list-style-type: none;
    
    margin-left: 0;
    padding-left: 0;
}

.HomePage .homeColumn ul.recipiantProfiles li {
    clear: none;
    
    float: left;
    
    border-bottom: 0;
    
    margin-right: 10px;
    margin-bottom: 10px;
}

.HomePage .homeColumn ul.recipiantProfiles li img {
    border: 0;
    
    display: block;
}

.HomePage .homeColumn ul.recipiantProfiles li a {
    display: block;
}

.HomePage .homeColumn ul.homeLinks, .HomePage .homeColumn:first-child ul {
    clear: both;
    
    padding-left: 24px;
    margin-left: 0;
}

.HomePage .homeColumn:first-child ul {
    padding-left: 12px;
}

.HomePage .homeColumn ul.homeLinks li, .HomePage .homeColumn:first-child ul li {
    list-style-image: url(./../images/arrow-bullet.gif);
}

.HomePage #ContentFooter {
    height: 166px;
}

.HomePage #ContentFooter .newsButton {
    background: url(./../images/home-footer-buttons.png) no-repeat;
    
    display: block;
    
    width: 176px;
    height: 45px;
    
    margin-left: 22px;
}

.HomePage #ContentFooter .meetDonaldAndRob {
    position: relative;
}

.HomePage #ContentFooter .meetDonaldAndRob a {
    position: absolute;
    left: 30px;
    top: -42px;
}

.HomePage #ContentFooter p {
    margin-bottom: 14px;
}

.HomePage #ContentFooter p.cousellors {
    margin-bottom: 0;
}

.HomePage #ContentFooter .counsellorsButton {
    background: url(./../images/home-footer-buttons.png) no-repeat 0 -45px;
    
    display: block;
    
    width: 176px;
    height: 45px;
    
    margin-left: 22px;
}

/**** Blog ****/
#BlogContent {
    float: left;
    
    width: 593px;
    
    padding-right: 31px;
    
    background: url(./../images/vr-border.gif) repeat-y right top;
}

#BlogContent.nosidebar {
    float: none;
    
    width: auto;
    
    padding-right: 0;
    
    background: transparent;
}

.BlogHolder #Sidebar, .BlogEntry #Sidebar, .BlogTree #Sidebar {
    float: right;
    
    width: 214px;
    
    padding-left: 23px;
}

.BlogHolder .blogSummary + .blogSummary, .BlogTree .blogSummary + .blogSummary {
    background: url(./../images/hr-border.gif) repeat-x left top;
    
    margin-top: 1em;
    padding-top: 1em;
}

.HomePage .homeLinks span, .HomePage .homeLinks a.icon {
    float: left;
}


/**** Page Comments Interface ****/
#PageComments_holder {
    clear: both;
    margin-top: 2em;
}

.PageCommentButton {
    background: #F6D989;
    -moz-border-radius: 4px;
    -moz-user-select: none;
    -webkit-border-radius: 4px;
    -webkit-user-select: none;
    border-radius: 4px;
    user-select: none;
    padding: 3px 14px 3px 22px;
}

#PageComments_holder h4 {
    margin-top: 2ex;
}

.typography .PageCommentButton h4 {
    float: left;
    margin-top: 0 !important;
    margin-bottom: 0;
}

.PageCommentButton.over,.PageCommentButton.over h4 {
    background: #FAEBC2;
}

.PageCommentArrow {
    float: right;
}

.PageCommentButton,.PageCommentButton * {
    cursor: pointer;
}

.PageCommentButton {
    height: 24px;
}

#PageComments_holder .Actions {
    margin-top: 1em;
}