/* Style sheet for Torquay Credit union */

/* Main Page layout div styles */
body{	
	background-color:#79C4F1;
	background-image:none;
	font-family: sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;	
}
p{
	text-indent:1cm;
}
h6{
	font-size:10px;
}
div#pageCase{
	position:relative;
	top:0px;
	width: 978px;
	height:988px;
	background-color:white;
	border-top:thin solid #0099FF;
	border-bottom:thin solid #0099FF;
	border-left:thin solid #0099FF;
	border-right:thin solid #0099FF;
}
div#midPageCase{
	position:relative;
	top:119px;
	width:978px;
	z-index:10;
/*	border-top:thin solid white;*/
/*	border:thin solid orange;*/
}
div#upperPageCase{
	position:absolute;
	left:0px;
	top:0px;
	z-index:11;
}
div#mainBanner{
	position:absolute;
	left:0px;
	width: 978px;
	height:118px;
	text-align: left;
}

div#letter{
	position:absolute;
	top:400px;
	left:60px;
	background-color:#F4FF91;
	background-image:none;
}
div#rateTicker{
	position:relative;
}
div#officialPheasant{
	position:relative;
	/*background: url("../images/pheasant/officialPheasant-ie6.gif") no-repeat;*/
	background: url("../images/pheasant.jpg") no-repeat;
	width:300px;
	height:181px;
	left:0px;
	top:50px;
}
div#specials{
	position:absolute;
	left:190px;
	top:180px;
	height:100px;
	width:150px;
	background: url("../images/specials/seal.png") no-repeat;
	padding-right:15px;
	z-index:50;
}
#specials span{
	font-size:16px;
	text-decoration:underline;
}
div#specialsText{
	position:absolute;
	left:10px;
	top:12px;
	width:130px;
	height:80px;
}
#specialsText a{
	color:black;
}
#specialsText a:hover{
	color:#868686;
}
#hoursCase{
	position: absolute;
	top:5px;
	left:0px;
	width:570px;
	border-right:2px solid #0D2C86;
	border-left:1px solid #007DD1;
	border-bottom:2px solid #0D2C86;
/*	border:4px inset #0D2C86;*/
/*	padding:5px;*/
	color:#0062A4;
	z-index:10;
}
#hoursCase h2{
/*	text-decoration:underline;*/
/*	width:500px;*/
	padding-top:0px;
	margin-top:0px;
	color:#ffffff;
	background-color:#007DD1;
}
div.form1{
	background: #FFED76;
	padding:10px;
	width:500px;
	height:600px;
	border:blue solid thin;
	margin-left:15px;
	overflow:auto;
}

div.vcard{
	border: thin solid black;
	background:white;
	padding:5px;
	margin-top:10px;
}

div#login{
	position:absolute;
	bottom:10px;
	right:5px;
	width:120px;
	height:62px;
/*	border: thin black solid;*/
	background: url("../images/lock/padlock.gif") no-repeat center bottom;
}
.login a{
	color:black;
}
.login a:hover{
	color:gray;
}

div#mainNavigation{
	position:absolute;
	right:0px;
	bottom:-1px;
	height:29px;
	width:670px;
	z-index:150;
}
div#pheasant{
	/*background-image: url("../images/pheasant/pheasant4.png");
	background-repeat: no-repeat;
	position:absolute;
	right:0px;
	top:-6px;
	width:300px;
	height:214px;
	z-index:149;*/
/*border:thin solid black;*/
}

div#farm{
	background-image: url("../images/farm/wheatfield9-5.gif");
	background-position:0% 25%;
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width:976px;
	height:119px;
	border-bottom:thin solid #0099FF;
}

div#mainLogo{
	position:relative;
	top:0px;
	height: 119px;
	width:412px;
	background-image: url("../images/banner/cubanner.png");
	background-repeat: no-repeat;
	z-index:13;
	clear:left;
}
div#mainContent{
	position:absolute;
	color:black;
	left:150px;
	top:20px;
	width: 575px;
	background-color:#FFFFFF;
	background-image:none;
	/*height:600px;*/
/*	border:black solid thin;*/
}
div.simpleText{
	color:#0062A4;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	border-right:1px outset #0099FF;
	border-bottom:2px outset #0099FF;
	border-left:1px solid #0099FF;
	border-top:1px solid #0099FF;
	text-align:justify;	
	width:400px;
}

div#leftPipe{
	position:absolute;
	width: 145px;
	background-color:#0099FF;
	background-image:none;
	left:0px;
	top:0px;
	height:858px;
	border-right:2px outset #0099FF;	
}
div.leftPipeText{
	margin-top:5px;
	position:relative;
	/*top:10px;*/
	border-bottom:2px solid #001798;
/*	border-left:2px solid #001798;*/
	border-right:1px solid #001798;
/*	border-top:2px solid #001798;*/
	padding-bottom:3px; 
	background-color:#78C3F1;
/*	margin-top:10px;*/
}
.leftPipeText h3{
	background-color:#007DD1;
	margin-top:0px;
}
.leftPipeText ul{
	list-style-type:square;
	text-align:left;
	color:#0000A1;	
}
.leftPipeText li{
	padding-bottom:4px;
}
li#SiteMap{
 	list-style-image:url(../images/decorations/paws.png);
}
li#Highway{
 	list-style-image:url(../images/decorations/car.png);
}
li#PhoneBook{
 	list-style-image:url(../images/decorations/phone.png);
}
li#Tourism{
 	list-style-image:url(../images/decorations/tourist.png);
}
div#rightPipe{
	position: absolute;
	width: 250px;
	background-color:#FFFFFF;
	background-image:none;
	right:0px;
	top:0px;
	height:858px;
	z-index:5;
/*	border:thin solid black;*/
}
div.readMore{
	position:relative;
	color:red;
	top:-3px;
	z-index:400;
}
div#footer{
	position:absolute;
	left:0px;
	bottom:0px;
	font-family: sans-serif;
	font-size:10px;
	color:gray;
	width: 978px;
	background-color:white;
	background-image:none;
	display:block;
	border-top: outset thin #0099FF;
	z-index:25;
}
div#regularContentCase{
	position:absolute;
	left:30px;
	top:15px;
}
div.tab1{
	position:absolute;
	top:1px;
	padding-top:3px;
	left:42px;
	height:25px;
	width:175px;
	background:url("../images/tabs/tab.gif") no-repeat;
}
div.tab2{
	position:absolute;
	top:1px;
	padding-top:3px;
	left:180px;
	height:25px;
	width:175px;
	background:url("../images/tabs/tab.gif") no-repeat;
}
div.tab3{
	position:absolute;
	top:1px;
	padding-top:3px;
	left:320px;
	height:25px;
	width:175px;
	background:url("../images/tabs/tab.gif") no-repeat;
}
div.regularContent{
	position:absolute;
	padding-top:10px;
	top:25px;
	left:-15px;
	width:520px;
	height:690px;
	padding-right:20px;
	padding-left:10px;
	border-top:1px solid #0D2C86;
	border-left:#0D2C86 solid 1px;
	border-right:#0D2C86 solid 1px;
	border-bottom:#0D2C86 solid 1px;
	color:#0D2C86;
	background:#FFFDE0;
	z-index:5;
	overflow:auto;
}
.regularContent h1{
	text-decoration:underline;
	display:inline;
}
.regularContent ul{
	text-align:left;
	list-style-type:none;
	font-size:12px;
	font-weight:normal;
	
}
.regularContent ul ul{
	list-style-type:square;
}
.regularContent ul ul li{
	padding-bottom:3px;
}
div.textbox{
	margin-top:30px;
	font-family: sans-serif;
	font-weight:bolder;
	font-size:20px;
	color:#FFFFFF;
	padding-top:3px;
	width:333px;
	height:255px;
 	background-image: url("../images/textbox/gradienttextbox.png");
	background-repeat: no-repeat;
	display:block;
}
div.text{
	margin-top:6px;
	height:215px;
	width:300px;
	overflow:auto;
	font-family: sans-serif;
	font-weight:bolder;
	font-size:16px;
	text-align:left;
	line-height:120%;
	color:#0D32D6;
	padding-top:4px;
	/*padding-left:200px;*/
}
div.smallTextBox{
	/*margin-top:15px;*/
	position:relative;
	/*top:40px;*/
	left:0px;
 	background-image: url("../images/textbox/smalltextbox.png");
	width:245px;
	height:245px;
	font-family: sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	padding-top:3px;
	background-repeat: no-repeat;
	z-index:200;
}
div#googleSearch{
	position: absolute;
	bottom:10px;
	left:200px;
}

div.smallText{
	position:absolute;
	bottom:5px;
	right:15px;
/*	margin-top:7px;*/
	height:210px;
	width:235px;
	overflow:auto;
	font-family: sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:left;
	text-decoration:none;	
	line-height:120%;
	color:#0D32D6;
	padding-top:4px;
	z-index:200;
        scrollbar-face-color:#0099FF;
}
span.title{
	text-decoration:underline;
}
div.vevent{
	border:black solid thin;
	background:white;
	margin-top:10px;
	text-align:left;
	padding:5px;
}
/* Paragraph styles */
p.error {
	color:red;
}
p.success {
	color:green;
}
/*  */

/* List Styles */
div.textbox li{

	margin-top:10px;
	border-top:thin solid #0099FF;	

}
div.smallText li{
	margin-top:10px;
	border-top:thin solid #0099FF;
	list-style-image:url(../images/decorations/arrow.png);
	list-style-type:square;
}

div#lifeEvents{
/*	background:#78C3F1;*/
	top:160px;
	position:relative;
	left:0px;
	text-align:left;
	height:100px;
	width:350px;
	color:#0D2C86;
}
#lifeEvents img{
	float:left;
	margin-right:3px;
}
#lifeEvents h6{
	clear:left;
	margin-top:0px;
	margin-bottom:0px;
}

div#weather{

/*	border: black thin solid;*/
	position:relative;
	top:15px;
	margin-bottom: 5px;

}
div#phonebook{
	position:absolute;
	top:590px;
	left:10px;
	z-index:400;
}

/* Link Styles */
a{

	text-decoration: underline;
	color:#001798;

}
a:hover{

	color:#0E47B9;

}
a.navLink{

	text-decoration: underline;
	color:#0062A4;

}
a.navLink:hover{

	color:#0E47B9;

}
a.parent{
	text-decoration:none;
	color:black;
	font-size:16px;
/*	border:thin solid black;*/
}
a.parent:hover{
	color:gray;
}

/* Regular Form Styles */
form.form1{
	text-align:left;
}
/* end Regular Form styles */

/* Employee login styles */
form{
	text-align:right;
}
div#loginDiv{
	width:300px;
}

/* end login styles */



/************************************************************************************/
/* Top level Navigation menu styles */
div.mainMenu{
	position:absolute;
	right:0px;
	bottom:0px;
}
.mainMenu ul{
	list-style-type: none;
}
.mainMenu ul li{
	position:relative;
	float: right;
	font-family: sans-serif;
	font-size:14px;
	display:inline;
	list-style-type: none;
	text-align:center;
}

.mainMenu ul li a{
	font-family: sans-serif;
	font-weight:bold;
	font-size:14px;
	display:list-item;
	height:29px;
	width:125px;
	text-decoration: underline;
	color:#0062A4;
}
.mainMenu ul li a:hover{
	color:#0D32D6;
}

li.nav{
	background: url(../images/navigation/navbutton.png);
	background-repeat: no-repeat;
}
li.firstNav{
	background-image: url(../images/navigation/firstnavbutton.png);
	background-repeat: no-repeat;
}

div.navDiv{
	position:relative;
	padding-top:6px;
}
/* Dropdown Menu Styles */
.mainMenu ul li ul{
	position: absolute;
	right: 0px;
	border: 2px solid #02A0FB;
	background-color:#84CAF1;
	background-image:none;
	display: block;
	visibility: hidden;
	z-index: 200;
	width:200px;
}
.mainMenu ul li ul li:hover{
	background:#FDC55B;
}
.mainMenu ul li ul li{
	list-style-type: square;
	list-style-position:outside;
	display: inline;
	float: none;
}
.mainMenu ul li ul li a{
	text-align:left;
	border-bottom:1px solid #03A0FC;
	padding: 3px 3px 3px 0px;
	width:200px;
}
/*  */

/* Admin styles */
div.showUsers{

    background-color: #FFFFFF;
    width:500px;
    margin-top:40px;
    margin-bottom:40px;
    margin-left:10px;
    padding:10px;
    border:black solid thin;
}
div.UserCase{
	height:700px;
	overflow:auto;
	border:thin solid black;
}
div#EditPromotions{
	height:660px;
	overflow:auto;
	border:thin solid blue;
	padding:10px;
}
/*  */

div#kirbyBanner{
	position:relative;
	left:180px;
}
img.addBanner{
	margin:5px;
}
div#addBanner{
	position:relative;
	top:125px;
	margin:5px;
}