body {
	text-transform: none;
	text-decoration: none;
	word-wrap: normal;
	font-variant: normal;
	font-style: normal;
	color: #FFFFFF;
	background: url('Resources/pattern.jpg') #265886 center top repeat fixed;
	font-family: "HelveticaNeue","Helvetica Neue",Helvetica Neue,sans-serif;
	font-size: 0.76em;
	font-weight: 500;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

img { 
	margin: 0px;
	border-style: none;
}

button {
	margin: 0px; 
	border-style: none; 
	padding: 0px; 
	background-color: transparent; 
	vertical-align: top 
}

p:first-child { 
	margin-top: 0px 
}

a { 
	color: #ff0ded; 
	text-decoration: none; 
}

a:hover { 
	color: #f9f; 
	text-decoration: none;
}

h1 {
	margin: 0px;
	font-size: 100%;
	font-weight: 500;
}

h2 {
	margin: 0px;
	font-size: 100%;
	font-weight: 500;
}

h3 {
	margin: 0px;
	font-size: 100%;
	font-weight: 500;
}

.hidden {
	display: none;
}

/* Main Wraps ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.centerPage {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
	text-align: left;
}

.wrapTop {
	float: left;
	width: 960px;
	height: 88px;
	margin: 0px;
	padding: 0px;
	background: transparent url('Resources/page-top.png') left top no-repeat;
}

.wrap {
	float: left;
	width: 960px;
	margin: 0px;
	padding: 0px;
	background: #003b6f url('Resources/contentBg.png') center top repeat-y scroll;
}
.wrapColumnRight {
	float: right;
	width: 724px;
	padding:  0px;
}
.wrapColumnRight h1 {
	font-size: 130%;
}
.wrapColumnRight strong {
	font-size: 108%; 
	color: #1bbefc;
	font-weight: bold;
}

.test {
	position: fixed;
	width: 100px;
	height: 100px;
	background-color: #FFFFFF;
}

/* Breadcrumb ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.breadcrumb {
	float: left;
	width: 100%;
	border-bottom: 1px solid #052038;
	background: transparent url('Resources/breadcrumb-bg.png') left center repeat-x;
	line-height:  1.8em;
}

.breadcrumb ul {
	display: block;
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #225682;
	list-style-type: none;
}

.breadcrumb li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: bold;
}

.breadcrumb a {
	display: inline-block;
	float: left;
	padding: 3px 40px 6px 30px;
	margin: 0px 0px 0px -35px;
	color: #fBf;
	background: transparent url('Resources/breadcrumb.png') left center no-repeat;
	height: 1.9em;
}

.breadcrumb a:hover {
	background: transparent url('Resources/breadcrumb-hilite.png') left center no-repeat;
	height: 1.9em;
}

.breadcrumb a.home {
	display: inline-block;
	float: left;
	padding: 3px 40px 6px 15px;
	margin: 0px;
	color: #fBf;
	background: transparent url('Resources/breadcrumb-bg.png') left center repeat-x;
	height: 1.9em;
}

.breadcrumb a:hover.home {
	background: transparent url('Resources/breadcrumb-hilite-bg.png') left center repeat-x;
	height: 1.9em;
}

.breadcrumb .current {
	display: inline-block;
	float: left;
	padding: 3px 15px 6px 30px;
	margin: 0px 0px 0px -35px;
	color: white;
	font-weight: bold;
	background: transparent url('Resources/breadcrumb-current.png') left center no-repeat;
	height: 1.9em;
	border-right: 1px solid #052038;
}

/* Large images above main content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.introTitle {
	margin-top: 5px;
	float: left;
	width: 674px;
	height: 440px;
	background: transparent url("Resources/PreMinder-Calendar.jpg") no-repeat scroll top left;
}

.introTitleContent {
	margin: 25px 0px 0px 35px;
	hegiht: inherit;
}


.imageTopReminders {
	margin-top: 5px;
	float: left;
	width: 674px;
	height: 379px;
	background: transparent url("Resources/Reminders-image.jpg") no-repeat scroll top left;
}

/* Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.contentTitlePre {
	height: 4.2em;
	margin: 0px;
	float: left;
	clear: left;
	border-bottom: 1px solid #1e315b;
	width: 100%;
}

.contentTitlePre img {
	vertical-align: baseline;
	width: 129px;
	height: 26px;
	margin: 0px 2px -3px 0px;
}

.contentTitlePre h1 {
	margin: 0.8em 0px 0px 16px;
}

.contentTitleNewsBar {
	float: left;
	clear: both;
	width:  635px;
	margin-top: 10px;
	border-top: 1px solid #011746;
}
.contentTitleNewsBar a{
	font-size: 90%;
	display: block;
	margin: 4px 0px 4px 0px;
	padding: 0px;
	color: #011746;
}
.contentTitleNewsBar a:hover{
	color: #5C1946;
}

.newsBarCaps {
	text-transform: uppercase;
}
.dateText {
	text-transform: uppercase;
}
.newsText {
	margin-left: 0.5em;
}
.readMore {
	font-size: 90%;
	margin-left: 0.8em;
	font-weight: bold;
}
.contentTitle {
	float: left;
	clear: left;
	border-top: 1px solid #1e315b;
	border-bottom: 1px solid #1e315b;
	background-color: #021847;
	width: 100%;
}

.contentTitle h1{
	padding: 16px 24px 16px 24px;
}

.contentMain {
	position: relative;
	float: left;
	clear: both;
	width: 674px;
	background:  #021847 scroll top left;
	
	/*url("Resources/contentTrunk.gif") repeat-y*/
}
.contentBorder{
	float: left;
	clear: both;
	border-left: 1px solid white;
	border-right: 1px solid white;
}
.contentWrap {
	float: left;
	padding: 24px;
}
.contentWideWrap {
	float: left;
	padding: 28px 61px 28px 61px;
}
.contentWideColumn{
	padding: 0px;
	float: left;
	width: 550px;
}
.contentWideColumn span {
	letter-spacing: 0px;
	display: block;
	padding-bottom: 12px;
}
.contentWideColumn a{
	font-weight: bold;
}

.contentWideColumn h1 {
	position: relative;
	color: #4eb8f8;
	font-size: 148%;
	margin: 2em 0px 0.8em 0px;
	border-bottom: 1px solid #3d5588;
	padding-bottom: 0.3em;
}

.contentWideColumn h1:first-child {
	margin-top: 0px;
}

.contentWideColumn h2 {
	position: relative;
	color: #4eb8f8;
	font-size: 128%;
	margin: 2em 0px 0.8em 0px;
	padding-bottom: 0.3em;
}
.contentColumn {
	float: left;
	width: 276px;
	margin-right: 24px;
}

.contentColumn p {
	display: marker;
}

.contentLastColumn {
	float: left;
	width: 278px;
}

.contentTop {
	clear: both;
	margin-top: 5px;
	margin-bottom: 0px;
	float: left;
	width: 674px;
	height: 13px;
	background: transparent url("Resources/contentTop.gif") no-repeat scroll top left;
}

.contentBase {
	float: left;
	clear: both;
	width: 674px;
	height: 13px;
	margin-bottom: 50px;
	background: transparent url("Resources/contentBase.gif") no-repeat scroll top left;
}

.contentScrollbar{
	float: left;
	width: 16px;
	height: 520px;
	background: #021847 url("Resources/scrollbar.png") no-repeat scroll center center;
}

.contentText{
	display: block;
}

.contentImage{
	float: left;
	margin-right: 15px;
}

.pathBar{
	padding-top: 15px;
}

.eventsWindowImage {
	float: left;
	position: relative;
	margin-left: -247px;
	padding-left: 247px;
	background: transparent url("Resources/Events-Window.png") no-repeat 0px top;
	min-height:  739px;
}

.eventsWindowImage ol{
	list-style-type: decimal;
	margin: 0px 0px 16px 24px;
	padding: 0px;
}

.eventsWindowImage li{
	margin-top: 0px;
	margin-bottom: 8px;
	color: #ff4afc;
	font-weight: bold;
}

.eventsWindowImage ol{
	list-style-type: decimal;
	margin: 0px 0px 16px 24px;
	padding: 0px;
}

.eventsWindowImageSublist {
	list-style-type: disc;
	margin: 4px 0px 8px 24px;
	padding: 0px;
}
.eventsWindowImageSubList li{
	color: #FFF;
	margin-top: 0px;
	margin-bottom: 4px;
	font-weight:  500;
}

.eventsWindowImage strong{
	color: #fff;
	font-weight: 500;
	font-size: inherit;
}

.contentLatest strong {
	position: absolute;
	color: #FFFFFF;
	font-size: 70%;
	font-weight: 500;
	text-align: right;
	right: 0px;
	bottom: 0.3em;
}

.mini {
	border: none;
	display: inline;
	float: left;
	margin: 5px 10px 3px 0px;
}

.typeBar {
	border: none;
	display: block;
	clear: both;
	margin: 5px 0px 8px 0px;
}

.PreMinderLargeIcon {
	background: transparent url("Resources/pre-icon-website.png") left top no-repeat; 
	width: 128px;
	height: 88px;
	margin-left: 58px;
}

/* Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer {
	float: left;
	margin: 0px;
	
}

.footerBlock {
	margin: 2em 0px 0px 10px;
	width: 940px;
	height: 4em;
	background-color: #021847;
}

.footer ul{
	position: relative;
	margin:  0px 12px 0px 12px;
	padding:  0.4em 0px 0px 0px;
	list-style-type: none;
}

.footer li{
	color: #60A6E0;
	float: left;
	display: block;
	top:  0px;
	text-align: left;
	margin: 0px;
}

.footer li.last{
	float:  right;
	top:  0px;
	right:  900px;
	text-align:  right;
	margin: 0px;
}

/* Sidebar boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.boxTop {
	margin-left: 32px;
	height: 43px;
	width: 179px;
	background: #003b6f url("Resources/download-box-header.jpg") no-repeat scroll top left;
}

.boxHeartTop {
	margin: 5px 0px 0px 32px;
	height: 43px;
	width: 179px;
	background: #003b6f url("Resources/download-box-heart-header.jpg") no-repeat scroll top left;
}

.boxMiddle {	
	margin: 0px 23px 0px 47px;
	border-left: 2px solid #9ec6f7;
	border-right: 2px solid #9ec6f7;
	background: #000003 url("Resources/download-box-bg-gradient.jpg") repeat-x scroll top left;
}

.SCbadge {
	display: block;
	width: 156px;
	height: 64px;
	background: transparent url("Resources/SuperCard-badge.png") top left no-repeat;
	margin:  12px 0px 0px 47px;
}

.boxBottom {
	margin-left: 32px;
	height: 20px;
	width: 179px;
	background: #003b6f url("Resources/download-box-bottom.jpg") no-repeat scroll top left;
}

/* Content of sidebar boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.boxContent {
	padding: 0px 12px 5px 12px;
	line-height: 1.3em;
}
.boxContent a{
	font-weight: bold;
	font-size: 102%;
}
.boxContent span{
	display: block;
}
.boxContent p{
	margin-bottom: 10px;
	font-size: 95%;
	display: block;
}
.boxContent strong{
	font-weight: 500;
	font-size: 90%;
	line-height: 1.3em;
	color: #9ec6f7;
	display: block;
}
.boxContent h1{
	font-weight: bold;
	font-size: 106%;
	margin-bottom: 0px;
}
.boxContent h2{
	font-size: 95%;
	margin-bottom: 15px;
}

.sideLinkPadded{
	display: block;
	margin-top: 0.3em;
}

/* Sidebar wraps ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.sideBarLeft {
	float: left;
	margin:  0px;
	padding: 0px;
	width: 232px;
}
.sideBarBase {
	float: left;
	width: 207px;
	margin: 15px 0px 20px 0px;
	padding: 0px;
}
.sideBarBase h3 {
	line-height: 1.2em;
	padding-top: 0.4em;
	margin-bottom: 1em;
	border-top: 1px solid white;
}
.sideBarBase li {
	line-height: 1.6em;
}
.sideBarContent {
	margin-left: 47px;
	padding: 5px 0px 50px 0px;
}

/* Links list in Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.linksList {
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: -5px;	
	list-style-type: none;
	margin-left: 0px;
}

.linksList li {
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
}

.linksList a {
	background: transparent url("Resources/arrowSprite.gif") no-repeat scroll -19px center;
	padding: 0pt 0pt 0pt 20px;
}

.linkslist a:hover {
	background: transparent url("Resources/arrowSprite.gif") no-repeat scroll 0px center;
}

/* Button bar at top ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.buttonBar {
	position: relative;
	left: -11px;
	top: 0px;
    width: 600px; 
    height: 78px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.buttonBar li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;
}
.buttonBar li, .buttonBar a {
    height: 78px; display: block;
}
.features {
	left: 0; width: 156px;
 	background: transparent url("Resources/top-bar-sprite.jpg") 0px 0px no-repeat;
}
.reminders {
	left: 156px; width: 165px;
	background: transparent url("Resources/top-bar-sprite.jpg") -156px 0px no-repeat;
}
.calendar {
	left: 321px; width: 149px;
	background: transparent url("Resources/top-bar-sprite.jpg") -321px 0px no-repeat;
}
.latest {
	left: 470px; width: 129px;
	background: transparent url("Resources/top-bar-sprite.jpg") -470px 0px no-repeat;
}
.featuresOn {
	background-position: 0px -156px;
}
.remindersOn {
	background-position: -156px -156px;
}
.calendarOn {
	background-position: -321px -156px;
}
.latestOn {
	background-position: -470px -156px;
}
.features a:hover {
    background: transparent url("Resources/top-bar-sprite.jpg")
    0 -78px no-repeat;
}
.reminders a:hover {
    background: transparent url("Resources/top-bar-sprite.jpg")
    -156px -78px no-repeat;
}
.calendar a:hover {
    background: transparent url("Resources/top-bar-sprite.jpg")
    -321px -78px no-repeat;
}
.latest a:hover {
    background: transparent url("Resources/top-bar-sprite.jpg")
    -470px -78px no-repeat;
}

/* Misc ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.blocker{
	background-color: #003b6f;
}
.inset {
	color: #afd4ff;
	font-size: 0.9em;
	line-height: 1.7em;
	display: block;
	padding-left: 16px;
	padding-right: 16px;
	padding-bottom: 12px;
}
.insetList {
	list-style-type: none;
	padding-bottom: 0px;
	margin-top: -5px;	
	margin-left: 0px;
}
.tip {
	padding-top: 6px;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-top: 1px solid #afd4ff;
	border-bottom: 1px solid #afd4ff;
}

/* CSS for software redirect pages ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.backgroundRedirect {
	margin: 0px;
	background-color: black;
	background-image: none;
	height: 100%
	text-decoration: none;
	text-transform: none;
	font-variant: normal;
	letter-spacing: 0px;
	word-spacing: 0px
}
.backgroundRedirect p{
	margin: 0px;
}
.backgroundRedirect a:link {
	color: #85baff;
}
.backgroundRedirect a:visited {
	color: #85baff;
}
.backgroundRedirect a:hover {
	color: #c6efff; 
}
.backgroundRedirect a:active {
	color: #78d0ff;
}