@charset "UTF-8";

/* CSS Document */

/*style sheet for ELGA Credit Union

version 1.2 modified on 01/21/11
Webmistress/Designer/Code/Implementation Debra R. Chaffins

©2011 ELGA Credit Union
This style sheet may not be reused without the expressed 
consent of ELGA Credit Union. */

/* -------- color guide ----------

#193742 : dark blue | use for main headers & most paragraph rules
#e1d8b9 : sand accent | use for most area background colors
#cb7d20 : orange accent | use for links & rollovers
#51341a : brown | use for secondary headers
#995522 : dark orange | use for links or high contrast accents
#f4efe5 : Ecru | use for page background
#651f76 : ELGA Purple | use for body copy
#A087A7 : Lt. Purple | Accents
#c99832 : Gold | Accents
*/

/* to jump to a specific section search for the unique character pair at the front of each TOC section 
	<<<tip, highlight the special character and use the shortcut for Find Selection Cntr/Cmd + Shift + G >> */

/* ----- Style sheet TOC ----------------
      ^1 Global constants
	  ^2 CSS reset
	  ^3 Global classes
	  ^4 Top-level layout
	  ^5 Region detail styles
	
*/

/* ^1 --------------------------- global constants -------------------------*/
body {
	background: url(/images/background.jpg) no-repeat;
	text-align: center;
	margin-top: 50px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #651f76;
	background-repeat: no-repeat;
}

html, body {
	margin: 0px;
	padding: 0px;
}
body a:link, a:visited {
	color: #995522;
}

.green-large {
	font-size: xx-large;
	font-weight: bold;
	color: #690;
}

.XXlarge {
	font-size: xx-large;
	font-weight: bolder;
}
h5  {
	font-size: small;
	font-weight: normal;
}

h3 {
	font-size: x-small;
	font-weight: normal;
}
html {
  line-height: 1.25;
}

/* ^2 --------------------------- Limited reset -------------------------*/
p {
	font-size: 1em;
	color: #651f76;
}

/* ^3 --------------------------- global classes -------------------------*/

#wrapper {
	background: url(/images/background.jpg) repeat;
	width: 1024px;
	text-align: left;
	margin: 0px auto;
	position: relative;
}

/* ^4 -------------------- top-level region layout styles ------------------ */
/* top-level regions are header, mainNav, mainContent, sidebar, & footer */
#header {
	background: url(/images/header.png);
	height: 90px;
	width: 915px;
	position: absolute;
	background-repeat: no-repeat;
}
    
#header #ELGA {
	background-image:url(images/header.png);
	background-repeat: no-repeat;
	display:block;
	height:90px;
	width: 700px;
	text-indent:-9999px;
	position: relative;
}

#mainNav {
	height: 20px;
	width: 875px;
	float: left;
	position: relative;
	left: 50px;
	top: 70px;
}

#mainContent {
	background: #f4efe5;
	height: 576px;
	width: 720px;
	float: right;
	padding-right: 25px;
	margin-top: 20px;
	position: absolute;
	left: 100px;
	top: 69px;
	padding-left: 70px;
}

#sidebar {
	background: url(/images/sidebar.png) no-repeat left center;
	height: 565px;
	width: 140px;
	float: left;
	/*margin-top: 70px;*/
	position: relative;
	left: 10 px;
	clear: both;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
}

#footer {
	background: url(/images/footer.png) no-repeat left;
	height: 100px;
	width: 915px;
	float:left;
	clear:both;
	position:absolute;
}

/* ^5 -------------------- Region detail styles ------------------ */

#sidebar ul li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size:medium;
	color: #CCB583;
	text-decoration: none;
	list-style: none;
	padding-top: 30px;
	margin-left: -20px;
	line-height: 0.95em;
}

#sidebar a:link {
	color: #e1d8b9;
	text-decoration: none;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
}

#sidebar a:hover {
	color: #e1d8b9;
	font-size: 105%;
	margin-left: -1px;
}

#sidebar a:visited {
	color: #f4efe5;
	font-size: 100%;
}

#sidebar a:active {
	color: #e1d8b9;
	font-size: 100%;
}

.tableLeft   {
	color: #F4EFE5;
	right: 10px;
	padding-left:3px;
	padding-right:5px;
}

.tableLeft tr td  {
	color: #f4efe5;
	text-decoration: none;
}

.tableLeft a:link {
	color: #e1d8b9;
	text-decoration: none;
}

.tableLeft a:hover {
	color: #f4efe5;
	text-decoration: underline;
}

.tableLeft a:visited {
	color: #f4efe5;
}

.tableLeft a:active {
	color: #f4efe5;
	text-decoration: none;
}

.tableRight {
	float: right;
	height: 32px;
	width: 140px;
	margin-top: -60px;
}
.tableMain  {
	float: right;
	height: 500px;
	width: 350px;
	margin-top: 10px;
	margin-left: 300px;
}

#jmenu {
	height: 20px;
	width: 875px;
	float: left;
	position: relative;
	left: 50px;
	top: 70px;
}

/* ^5a -------------------- Menu styles ------------------ */

       li.headlink ul { display: none; }
       li.headlink:hover ul { display: block; }


/* ----------------- Shadow Box -------------------*/
#box1, #box2, #box3 {
	float: left;
	margin: 0 0 30px 50px;
	width: 100px;
	height: 100px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 90px;
	text-align: center;
	border: 3px solid #651f76;
	background-image:url(/images/background.jpg);
	background-repeat:repeat;
}

#boxHome {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/home.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#boxNews {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/news.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#boxVibe {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/myvibe.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#boxComm {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/CommConn.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#boxWeb {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/web.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}
 
#boxm2m {
	float: left;
	margin: 0 0 0 15px;
	width: 153px;
	height: 126px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/M2M.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#boxStandard {
	margin: 0 0 0 15px;
	width: 100px;
	height: 30px;
	padding-top:10px;
	font-size:smaller;
	text-align:center;
	text-decoration:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image:url(/images/background.jpg);
	background-repeat:none;
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

#box1 {
	box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
}

#box2 {
	box-shadow: inset 0 0 0 #f80;
	-moz-box-shadow: inset 0 0 0 #f80;
	-webkit-box-shadow: inset 0 0 0 #f80;
}

#box3 {
	position: relative;
	box-shadow: 8px 8px 15px #666;
	-moz-box-shadow: 8px 8px 15px #666;
	-webkit-box-shadow: 8px 8px 15px #666;
}

h2 {
	clear: both;
}

#disclaimer {
	font-size: xx-small;
	color: #947B9B;
	font-family: Arial, Helvetica, sans-serif;
}

/* ------ MainNave --------- */
	
#wrapper #mainContent table tr td {
	font-size: small;
}

.small {
	font-size: small;
}

.medium {
	font-size: medium;
}

.xsmall {
	font-size: x-small;
}

.xsmall-Gold {
	font-size: x-small;
	font-style: italic;
	color: #CF9833;
}

.xxsmall {
	font-size: xx-small;
}

.xxsmallsub {
	font-size: xx-small;
	color: #C99833;
	font-style: italic;
}

.tablesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #651F76;
}

.tablesmallline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #651F76;
	line-height: 1px;
}

.StandardDefaultText {
	font-size: small;
	color: #651F76;
}

.goldtext {
	color: #C99833;
}

.goldtext-header {
	color: #C99833;
	font-size: medium;
}

.headline {
	font-size: large;
	color: #651F76;
	font-weight: bold;
}
.LargeRed {
	font-size: large;
	color: #C03;
	font-weight: bold;
}

.MediumRed {
	font-size: medium;
	color: #C03;
	font-weight: bold;
}

.xsmall-RED {
	font-size: x-small;
	color: #903;
}

.xsmall-Ecru {
	font-size: x-small;
	color: #F4EFE5;
	font-style: italic;
}

.xsmall-Ecru-Enroll {
	font-size: x-small;
	color: #F4EFE5;
	font-style: normal;
	text-decoration: underline;
}
.m2mFocus {
	border: 1px solid #651f76;
	background: #c99832 url(images/ui-bg_highlight-hard_75_c99832_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #651f76;
	font-size: small;
}
.EcruBold {
	font-size: medium;
	font-weight: bold;
	color: #f4efe5;
	line-height: 1;
}
/* ------ bPopup --------- */

#div_to_popup {display:none;}

/* ---------drop down -------- */

ul.menu {font-family:arial; font-size:small;list-style:none; margin:0 0 0 75px; padding-top:66px}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#651f76; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#a087a7; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#a087a7}
ul.menu ul li a:hover {background-color:#f4efe5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {padding:5px 7px 7px; font-weight:bold; width:134px}
ul.menu .sub {background:#a087a7 136px 8px no-repeat}

.VibeOrange {
	color: #ed8323;
}

.smallest {
	font-size: 6px;
	font-weight: lighter;
	color: #651F76;
}