﻿/* General Layout */
body {color: #2a2a2a; font: 0.7em/1.2 Verdana, Arial, Helvetica, Sans-Serif; margin: 18px 0 0 0; padding: 0; text-align: center; background-color: #deecf5;}
.content {width: 990px; margin: 0 auto; text-align: left;}
.content_flow {padding: 20px 40px 40px 40px; background: url(images/paper.jpg);}
.content_flow a {color: #4b76ac;}
.content_flow a:hover {text-decoration: underline;}

/* Homecoming Styles */
.menu_homecoming {height: 107px;}
.content_homecoming {padding: 18px 18px 70px 20px; background: url(homecoming/homecoming_paper.jpg); font: 1.1em/1.2 Helvetica, Sans-Serif;}
.content_homecoming a {color: #6c6c6c; font-weight: bold;}
.content_homecoming a:hover {color: #325785;}
.content_homecoming p {color: #6c6c6c; font-style: italic; margin-bottom: 0; padding-top: 380px;}
.footer_homecoming {width: 990px; margin: 0px auto; text-align: left; color: #5f666b; background: url(images/paper_texture_lighter.jpg); height: 40px; padding: 10px 0; font: 1.0em/1.2 Helvetica, Sans-Serif;}
.footer_homecoming div {padding: 10px 20px 10px 30px;}
.footer_homecoming a {color: #325785; font-weight: bold;}
.footer_homecoming a:hover {color: #6c6c6c;}
.footer_homecoming img {float: left; padding: 0 14px;}
.footer_homecoming_end {width: 990px; margin: 0px auto; background: url(images/footer_dots.jpg) top no-repeat;}

.content_gathering {padding: 34px 18px 34px 20px; background: url(homecoming/highland_paper.jpg); font: 1.0em/1.2 Helvetica, Sans-Serif;}
.content_gathering a {color: #6c6c6c; font-weight: bold;}
.content_gathering a:hover {color: #325785;}
.content_gathering p {color: #6c6c6c; font-style: italic; margin-bottom: 0; padding-top: 255px;}
.content_gathering p.indent {padding: 46px 0 0 114px; font-style: italic;}
.content_gathering p.indent .black {color: #000;}
.content_gathering p.gathering_footer {padding: 0;}
.content_gathering p.gathering_footer a {color: #325785;}
.content_gathering p.gathering_footer a:hover {color: #6c6c6c;}

.content_bluevisions {padding: 34px 18px 34px 20px; background: url(bluevisions/bluevisions_paper.jpg); font: 1.0em/1.2 Helvetica, Sans-Serif;}

/* General Styles */
.italic {font-style: italic;}
.center {text-align: center;}
a {text-decoration: none;}
img {border: 0;}
.error {color: #d34144;}
.clear {clear: both;}

/* Menu */
.menu {font-weight: bold; color: #325785; text-align: center; font-size: 11px; height: 111px;}
.menu ul {margin: -20px 0 22px 0; list-style: none; position: relative; padding: 0;}
.menu li {float: left;}
.menu a {color: #325785; margin-left: 31px; margin-right: 15px;}
.menu a:visited {color: #325785;}
.menu a.selected {color: #a02223;}
.menu a:hover.selected {color: #a02223; cursor: default;}
.menu a:hover {color: #919191;}

.secondmenu {text-align: right; font-weight: bold; background: url(images/paper.jpg); padding-right: 40px;}
.secondmenu a {color: #325785;}
.secondmenu img {margin: 0 10px; vertical-align: middle;}

.lowermenu {text-align: right; font-weight: bold; background: url(home/hdots.gif) repeat-x bottom; padding-right: 40px; margin: 10px -40px;}
.lowermenu a {color: #325785;}
.lowermenu img {margin: 0 10px;}

/* Text Styling */
h1 {font-size: 1.27em; font-weight: normal; color: #325785; margin: 20px 0;}
h2 {font-size: 1.27em; font-weight: normal; color: #a02223;}

/* Header */
.header {background: url(images/paper_texture_lighter.jpg);}
.header h1 {font-style: italic; padding: 35px 40px 0 40px; margin: 0;}
.header h2 {padding: 35px 40px 0 40px; margin: 0;}
.header p {margin: 6px 40px 0 40px; padding-bottom: 5px; text-align: justify;}
.header p.last {padding-bottom: 35px;}
.header a {color: #4b76ac;}
.header a:hover {text-decoration: underline;}
.header img {margin: 60px 0 0 40px;}
.inline {display: inline; font-size: 1.07em; margin-left: 4px; padding-left: 0; padding-bottom: 4px; margin-bottom: 4px; color: #4d4d4d;}

/* Sub Header */
.subheader {padding: 4px 40px; background: url(images/paper_texture_darker.jpg);}
.subheader h1 {font-style: italic; margin: 10px 0;}

/* Home */
.home {position: relative; height: 634px; background: url(images/paper.jpg);}
.home h2 {font-size: 14px; font-weight: normal; background: url(images/blue_banner_long.jpg) top left; height: 23px; width: 530px; text-align: left; font-style: italic; margin: 0; padding: 8px 0 0 20px; color: #0f2b47;}
.home h3 {font-size: 11px; background: url(images/blue_banner.jpg) top left; height: 22px; width: 213px; text-align: center; font-weight: bold; margin: 0; padding-top: 8px;}
.home ul {float: left; list-style: none; margin: 0; padding: 0; color: #325785; font-weight: bold;}
.home ul li {width: 127px;}
.home ul.first {margin-left: 15px; width: 154px !important; width: 152px;}
.home ul.second {width: 120px;}
.home input.button {background-color: #b6b6b6; color: #325785; font-weight: bold;}
.home input.button:hover {cursor: pointer;}
.home a {color: #325785;}
.home p {margin-top: 5px; padding-top: 5px;}
.home .dotimage {background: url(images/cdots.gif) top right; padding: 18px 2px; width: 209px; height: 180px;}

.hometop {position: absolute; left: 213px; width: 550px; height: 230px; background: #FFF;}
.hometop h1 {clear: both; position: absolute; bottom: 0; padding: 6px 0 2px 15px; left: 0; margin-bottom: 5px; background: url(home/hdots.gif) top left repeat-x; font-size: 1.1em; width: 536px;}
.miniintro {color: #325785; margin-left: 15px; margin-bottom: 5px;}
.click {position: absolute; bottom: 8px; left: 306px; font-weight: bold;}
.homeclick {font-weight: bold;}
.homeclick:hover {text-decoration: underline;}
.hometop a:hover {color: #919191;}

.hometopleft {position: absolute; left: 0; height: 229px; overflow: hidden;}
.hometopright {position: absolute; right: 0px; width: 203px; height: 220px; padding: 6px 12px; background: url(home/80vdots.gif) repeat-y top left;}
.homemiddle {height: 206px; overflow: hidden; position: absolute; left: 1px; top: 230px; background: #deecf5;}
.homemiddletext {position: absolute; left: 213px; top: 230px; width: 525px; height: 176px; padding: 20px 10px 10px 15px; background: #deecf5 url(home/hdots.gif) top left repeat-x; overflow: auto;}
.homemiddletext h1 {display: inline;}
.homemiddletext p {font-style: italic; margin-top: 0; padding-top: 0;}
.homemiddletext a {color: #858585; font-weight: bold;}
.homebottom {height: 202px; overflow: hidden; position: absolute; left: 0; top: 435px;}

.news {font-style: italic; margin-top: 0; padding-top: 0; margin-bottom: 30px; height: 56px;}
.news a {color: #4b76ac;}

.homenews a:hover {text-decoration: underline;}
.homenews {position: absolute; left: 213px; top: 435px; width: 525px; height: 181px; padding: 2px 10px 10px 15px; background: url(home/hdots.gif) top left repeat-x;}
.homenews p {color: #555555;}
.homenews h1 {margin-bottom: 4px; margin-top: 16px;}
.homedotline {background: url(home/hdots_blue.gif) top right repeat-x; margin: 0 0 0 -15px; padding-top: 0; padding-bottom: 0; height: 2px; width: 550px;}
.detailslink {color: #4b76ac;}
.detailslink:hover {text-decoration: underline;}

.cardminis {text-align: center; width: 530px; margin: 7px 0 4px 0; padding: 0 10px 7px 10px; background: url(home/hdots.gif) bottom repeat-x;}
.cardminis a {padding-left: 4px; padding-right: 4px;}

.bluedotline {background: url(home/hdots_blue.gif) top left repeat-x; padding: 6px -6px 0 -6px; margin: 10px -12px 6px -12px; height: 2px;}
.flashtext {width: 525px; height: 65px; margin-top: 4px;}

/* Flash Link */
.flashlink {text-align: center; padding-top: 10px; margin: 0;}
.flashlink a {font-weight: bold; font-size: 9px; color: #325785;}
.flashlink a:hover {color: #919191; text-decoration: none;}

.flash_movie {float: right;}
.flash_missing {width: 480px; height: 100px; padding: 50px 35px;}

/* Members */
.memberservice {float: left; width: 260px; margin-top: 50px;}
.memberservice h2 {font-style: italic; margin-bottom: 0;}
.memberservice ul {margin: 20px 0; list-style: none; padding-left: 0;}
.memberservice a {font-weight: bold; color: #325785;}
.memberservice a:visited {color: #325785;}
.memberservice a:hover {color: #919191; text-decoration: none;}

/* Category */
.category h3 {font-size: 12px; background: url(images/blue_header.jpg) top left; height: 22px; width: 294px; text-align: center; font-weight: bold; margin: 0; padding-top: 8px;}
.categorygrid span {padding: 5px;}

/* Specific Category */
h4 {color: #777777; margin-top: 30px; font-size: 1.0em; margin-bottom: 0;}
h5 {color: #4b76ac; font-size: 1.0em; font-weight: normal; margin-bottom: 0;}
.cardlinks {text-align: right; color: #a02223; font-weight: bold; margin: 8px 28px 0 0; float: right; clear: right;}
.cardlinks:hover {color: #919191;}

/* Category Range */
.catrange h2 {font-style: normal; padding: 8px; font-weight: bold; margin: 0; text-align: left; padding-left: 40px; font-size: 1.3em;}
.catrange ul {list-style: none; padding: 15px 0 15px 40px; margin: 0; color: #3557a6; line-height: 1.7em;}
.catrange li {width: 280px !important; width: 275px;}
.catrange table {border-collapse: collapse; width: 988px; margin-bottom: 0; background: url(images/paper_texture_cardtable.jpg);}
.catrange th {background: #f6f6f6;}
.catrange td {text-align: left; vertical-align: top; background: url(images/cdots.gif) top right no-repeat;}
.catrange {padding: 1px; text-align: left; background: url(images/paper.jpg);}
.catrange a {color: #325785; font-weight: bold;}
.catrange a:hover {color: #919191;}

.catselection {background: url(images/paper.jpg); height: 597px; overflow: hidden;}
.catselection a {color: #325785;}
.catselection a:hover {color: #919191;}

/* Base Card Menu */
.catmenu {clear: both; background: #f6f6f6 url(images/basecat.gif) no-repeat; padding: 10px 20px 0 20px; margin: 0; height: 130px; overflow: auto;}
.catmenu tr {vertical-align: top; height: 35px; line-height: 1.5em;}
.catmenu h2 {font-style: italic; font-size: 1.2em; padding: 0; margin: 0;}
.catmenu a {color: #325785;}
.catmenu a:hover {color: #919191;}

/* Card Preview Areas */
.cardpreview {float: left; width: 50%; height: 199px; overflow: hidden;}
.cardpreviewdots {float: left; width: 50%; height: 199px; overflow: hidden; background: url(home/hdots.gif) top repeat-x;}
.cardpreview357 {float: left; width: 50%; height: 199px; overflow: hidden; background: url(images/dot_corner_left.gif);}
.cardpreview h4 {padding-right: 28px;}
.cardpreviewdots h4 {padding-right: 28px;}
.dotimage {float: left; background: url(home/80vdots.gif) top right repeat-y; padding: 18px 2px; width: 209px; height: 180px; margin-right: 10px;}
.dotcardright {float: left; background: url(images/carddots.gif) top; padding: 18px 2px; width: 209px; height: 180px; margin-right: 10px;}
.heightdiv {height: 140px; border: 1px solid transparent;}

/* Card Grid */
.cardgrid {margin: 0 auto; border-color: #808080; width: 100%; border-collapse: collapse;}
.cardgridheader {color: #fff; background-color: #5d7b9d; font-weight: bold;}
.cardgridrow {color: #333; background-color: Transparent;}
.cardgrid td {border: 1px solid #808080;}

/* Footer */
.footer {width: 990px; margin: 0px auto; text-align: right; color: #5f666b; font-size: 0.84em; letter-spacing: 0px; background: url(images/footer_dots.jpg) top no-repeat; padding: 5px 0;}
.footer ul {margin: 0 0 20px 0; list-style: none; position: relative; padding: 0;}
.footer li {float: left;}
.footer li a {padding: 0 18px 0 19px;}
.footer .first a {padding-left: 0;}
.footer .last a {padding-right: 0; padding-left: 22px;} /* padding-left increased} */
.footer a {color: #5f666b;}
.footer a:hover {text-decoration: underline;}
.dynamic_link {float: left; text-align: center; display: none;}

/* Affiliates */
.affiliate {position: absolute; right: 1px; width: 226px; height: 405px; top: 230px; background: #deecf5 url(images/dot_corner_left_edit.gif); text-align: center;}
.affiliate img {margin: 0 auto 20px auto;}
.affiliate h1 {text-align: left; margin: 15px 15px 0 15px;}
.affiliate p {text-align: left; margin: 0 15px 20px 15px;}

/* Card Page */
.message_box {background-color: #fff; min-height: 102px; max-height: 200px; color: #999999; text-align: left; padding: 5px; clear: right; overflow: auto; width: 900px;}
.from_box_view {background: url(layout/from_box_dots.gif) top left no-repeat; width: 220px; height: 113px; padding: 10px 20px;}
.from_box {border: 1px dotted #6c6c6c; width: 280px; padding: 10px 20px;}
.card_text {margin-top: 207px; font-style: italic; color: #6c6c6c; font-weight: bold; width: 320px;}
.from_label {background: url(home/hdots.gif) bottom no-repeat; margin: 5px 0 10px 0;}
.card_box_title {color: #6c6c6c; font-weight: bold;}

/* Personalise Form */
.personalise_form {float: right; display: inline; background: white url(images/paper_light.jpg); border: 1px solid #808080; padding: 0px 35px 5px 25px; margin-left: 3px; color: #333333; width: 630px; height: 470px; text-align: left; line-height: 2.0; overflow: auto;}
.personalise_form label, #personalise_form input {display: block; width: 250px; float: left; margin-bottom: 5px;}
.personalise_form label {text-align: right; width: 75px; padding-right: 20px; line-height: 1.0;}
.personalise_form br {clear: left;}
.personalise_form .heading {background: url(Heading/dots.gif); height: 35px; text-align: right;}
.personalise_form .heading img {margin: 0 10px; vertical-align: middle;}
.personalise_form .title {color: #A90000; font-weight: bold; margin-top: 10px;}

.personalisecardpreview {height: 200px; width: 213px; overflow: hidden; background: url(home/hdots.gif) top right no-repeat; padding-bottom: 0;}
.personalisecardleft {margin-top: 193px; margin-left: 2px; padding-bottom: 0px;}
.personalisecardtext {font-style: italic; color: #6c6c6c; font-weight: bold; width: 230px; height: 85px;}
.dotcardright {background: url(images/carddots.gif) top; padding: 18px 2px 0px 2px; width: 209px; height: 180px; margin-right: 10px;}
.dotcardbase {height: 1px; width: 213px; background: url(home/hdots.gif) top right no-repeat; margin-bottom: 0; padding-bottom: 0; clear: both;}

/* Card Sending Pages */
.dark_message_box {background-color: #fff; min-height: 102px; max-height: 200px; color: #333333; text-align: left; padding: 5px; clear: right; overflow: auto; width: 900px; margin-top: 12px;}

/* Address Book */
.jumplink a {font-weight: bold; color: #325785;}
