/* This stylesheet governs the look and layout of www.macklincreditunion.ca  for the Macklin Credit Union in Macklin, Saskatchewan. */

body {
	background-color: #F0F0F0;
	margin: 0;
	padding: 0;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
html{
	margin: 0;
	padding: 0;
}
h2{
	font: bold 1.75em Geneva, Arial, Helvetica, sans-serif;
}
h3{
	font: bold 1.50em Geneva, Arial, Helvetica, sans-serif;
}
h4{
	font: bold 1.25em Geneva, Arial, Helvetica, sans-serif;
}
h5{
	font: bold 1.00em Geneva, Arial, Helvetica, sans-serif;
}

/*CLASSES*/
.link{
	list-style:none;
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.link a, .link a:visited{
	list-style:none;
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.link a:hover, .link a:hover:visited{
	list-style:none;
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
}
.menuLink{
	padding-top: 0px;
	color: #FFFFFF;
	float: left;
	padding-left:9px;
	padding-right:9px;
}
.ListStyleRemover{
	list-style:none;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin-left: 10px;
}
.ContentHeading{
	padding: 0px 0 5px 0;
	margin: 0;
	border-bottom: 2px solid #1c5ba2;
	font: 28px Geneva, Arial, Helvetica, sans-serif;
}
.ContentText{
	padding: 0;
	margin: 0;
	font: 1.00em Geneva, Arial, Helvetica, sans-serif;
}
.QuickLinks{
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
}
.Rates{
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
	width:100%;
	text-align:left;
}
.RateItem{
	font: 1.75em Geneva, Arial, Helvetica, sans-serif;
	width:100%;
	text-align:left;
	color:#333333;
}
.RatesHeader{
	border-bottom: 2px solid #1c5ba2;
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 5px;
}
.QuickLinksHeader{
	border-bottom: 2px solid #1c5ba2;
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 5px;
}
.QuickLinksLink{
	border-bottom: 2px dotted #666666;
	padding: 10px;
	color:#000000;
	text-align:center;
}
.QuickLinksLink:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
}
.QuickLinksLink:hover, .QuickLinksLink:hover:visited{
	font: 1.1em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	background-color: #EFEFEF;
	padding-left: 5px;
}
.LostCardsHeader{
	border-bottom: 2px solid #1c5ba2;
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 5px;
}
.LostCards{
	font: 1.25em Geneva, Arial, Helvetica, sans-serif;
}
.NewContentLink{
	font: 1.5em Geneva, Arial, Helvetica, sans-serif;
	padding: 0 50px 0 50px;
}
.NewContentLink span{
	padding: 10px;
}
.NewContentLink span:visited{
	color: #000000;
}
.NewContentLink span:hover .NewContentLink:hover:visited{
	color: #3366CC;
}	
/*IDs*/
#SiteHolder{
	width: 850px;
	margin-left: auto;
    margin-right: auto;
    text-align: left;
}
#TitleHolder{
	font: 6.75em "Times New Roman", Times, serif;
	padding-left: 20px;
	margin-bottom: -12px;
}
#TitleSlogan{
    font: .4em Geneva, Arial, Helvetica, sans-serif;
	width: 200px;
	text-align: center;
	padding-left: 50px;
	padding-bottom: 50px;
}
.PrimaryMenu{
	position:relative;
    background-color: #1c5ba2;
	z-index: 10;
	padding: 25px;
	background-image:url(/gfx/PrimaryMenuBG.png);
	background-repeat:repeat-x;
	/* Do rounding (native in Opera, Firefox and Safari) */
    border-radius:10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
#ProdServText{
	font: 2.00em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	width: 255px;
	border-right: 1px solid #b2c1ea;
	vertical-align: middle;
	padding-left: 5px;
}

.SecondaryMenu{
	position:relative;
	margin-top: -10px;
	margin-bottom: -10px;
	background-color: #6397d1;
	padding: 5px 0 30px 0;
	z-index:5;
	font: 1.00em Geneva, Arial, Helvetica, sans-serif;
	background-image:url(/gfx/SecondaryMenuBG.png);
	background-repeat:repeat-x;
	/* Do rounding (native in Opera, Firefox and Safari) */
    border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright :10px;
    -moz-border-radius-bottomleft: 10px;
	
}
.SecondaryMenu a, .SecondaryMenu a:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.SecondaryMenu a:hover, .SecondaryMenu a:hover:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FCE770;
	text-decoration: none;
}

#ContentHolder{
	width: 100%;
	background-color: #FFFFFF;
	font: 1.00em Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#LeftContent{
  font: Geneva, Arial, Helvetica, sans-serif;
  float: left;
  width: 530px;
  border: 1 px solid black;
  padding: 0;
}
#LeftContent table tr td{
  font: 1.00em Geneva, Arial, Helvetica, sans-serif;
}
#LeftContent table h2 {
  font: 1.50em Geneva, Arial, Helvetica, sans-serif;
}
#CentreContent{

}
#RightContent{
	float: left;
	width: 320px;
}
.ThirdMenu{
	position:relative;
	z-index: 1;
	padding: 7px 0 28px 0;
	background-color: #000000;
	font: 1.00em Geneva, Arial, Helvetica, sans-serif;
	/* Do rounding (native in Opera, Firefox and Safari) */
    border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	
	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	
	-moz-border-radius-bottomright :10px;
    -moz-border-radius-bottomleft: 10px;
	
}
.ThirdMenu a, .ThirdMenu a:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
.ThirdMenu a:hover, .ThirdMenu a:hover:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FCE770;
	text-decoration: none;
}
#LowerMenu{
  background-image: url(gfx/LowerMenuFade.jpg);
	background-repeat: repeat-x;
	padding: 20px;
	margin: 0;
}
#LowerMenuLeftContent{
  color: #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0;
	padding: 15px 0px 0px 15px;
	float:left;
	width: 25%;
	vertical-align: middle;
}
#LowerMenuLeftContent h4{
	font: 1.0em Geneva, Arial, Helvetica, sans-serif;
}
#LowerMenuCompanyName{
  margin-bottom: -10px;
	font: 1.35em Geneva, Arial, Helvetica, sans-serif;
}
#LowerMenuRightContent{
	color: #CCCCCC;
	margin: 0;
	padding: 0;
	float:left;
	text-align: right;
	width: 72%;
}
#LowerMenuRightContent h2{
  font: 2.00em Geneva, Arial, Helvetica, sans-serif;
	height: 75px;
	padding: 35px 35px 0 0;
}
#DesignedByText{
  font: 1.1em Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	padding: 0 35px 0 0;
}
#CopyrightInfo{
	font: 0.85em Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-top: -15px;
	padding: 0 35px 0 0;
}
#LineSpacer {
  line-height: 5px;
	font: 0.5em Geneva, Arial, Helvetica, sans-serif;
}
#LowerMenu a, #LowerMenu a:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
#LowerMenu a:hover, #LowerMenu a:hover:visited{
	font: 1em Geneva, Arial, Helvetica, sans-serif;
	color: #FFFF00;
	text-decoration: none;
}

.articleHeader{
	font: 26px bolder Geneva, Arial, Helvetica, sans-serif;
	color: #0e7ca6;
	padding: 12px 12px 0 12px;
	border-top: 1px solid #999999;
}
.articleDate{
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding: 0px 12px 12px 12px;
	color:#666666;
	border-bottom: 1px solid #999999;
}
.articleText{
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	padding: 5px 12px 20px 12px;
	margin-bottom: 30px;
}
.AcctCategoryHeader{
	font: 18px Geneva, Arial, Helvetica, sans-serif;
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #333333;
}
.AcctSubCategoryHeader{
	color:#0099CC;
	font: 16px Bold Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
}
.AcctCategorySection{
	width: 780px;
	padding: 10px;
	display:none;
}
.AcctCategoryPlus{
	float:left; 
	font: 24px Geneva, Arial, Helvetica, sans-serif; 
	margin-top: -3px; 
	padding-right: 10px;
	color: #333333;
}
.AcctCategoryDownload{
	float:right; 
	font: 14px Geneva, Arial, Helvetica, sans-serif;  
	color: #333333;
	width: 125px;
	position: relative;
	
}
.AcctDetails{
	width:90%;
	float: left;
	padding: 20px 0 20px 0;
}
.AcctDetailsInfo{
	padding:10px;
}
.AcctFeatures{
	width: 35%;
	float: right;
	border-left: 1px dashed #666666;
	margin-left: 15px;
}
.AcctFeatures ul{
	text-decoration:none;
	list-style:none;
	line-height: 1.5;
}
.PersonalAccountsTable{
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	width: 800px;
	text-align:left;
}
.PersonalAccountsTable a, .PersonalAccountsTable a:visited{
	color: #000000;
	text-decoration: none;
}
.PersonalAccountsTable a:hover, .PersonalAccountsTable a:hover:visited{
	color: #333333;
	text-decoration: none;
}