/* CSS Document */

/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    Rachel McKnight
email:     rmcknight@w-c-s.co.uk
website:   http://www.twcu.ie
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* clear all margins */
* {
	margin:0;
	padding:0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border:0;
}

body {
	font-family:Arial, "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	background:#92cae3 url("../images/background.jpg") repeat-x; 
	font-size:12px;	
	color:#666;
	line-height:1.5;
	min-width:720px;
	text-align:center;
}

/* Centre container and set width */
#container {
	margin:0 auto;
	width:720px;
	text-align:left;
	background-color:#FFF;
}

/* Flash cbanner */

#flash {
	height:140px;
	}
	

/* =Headings
-----------------------------------------------------------------------------*/

/* Header height and logo image */
#header {
	height:50px;
	background:url("../images/logo.gif") no-repeat bottom left;
}


/* =Links
-----------------------------------------------------------------------------*/
/* Set colour of links in right column */
#rightcolumn a {	
	color:#58a7cf;
	text-decoration:none;
}

/*Set underline of links in right column*/	
#rightcolumn a:hover {	
	color:#58a7cf;
	text-decoration:underline;
}


/* =Typography
-----------------------------------------------------------------------------*/

/* Hide the header h1 text */
#header h1 {
	display:none;
}

/* Styling for the phonenumber at top of page*/
.phonenumber {
	text-align:right;
	font-size:20px;
	color:#ff9900;
	padding-top:8px;
}

/* Styling of h2 tag */
h2 {
	color:#ff9900;
	font-size:16px;
}

/* Styling of h3 tag */
h3 {
	color:#58a7cf;
	font-size:13px;
}

/*Styling of h4 tag */
h4 {
	font-weight:bold;
	font-size:12px;
}

/* Set margins for the content p */
#content p	{
	margin:1em 1em 1em 0;
}

/* Style for the h3 tags in the right column */
#rightcolumn h2 {
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	color:#ff9900;
	font-size:16px;
	padding:0 0 6px 0;
	line-height:1.1;
}

/*Change of font size and line height on the index page sidebar */
.sidebarlink {
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	line-height:1.1;
	font-size:11px;
}

/*highlight for the terms and conditions text*/	
.highlight {
	font-size:0.9em;
	color:#FF3300;
}

/* Change text blue */	
.bluehighlight {
	color:#58a7cf;
	font-weight:bold;
}
	
/* =Main Nav
-----------------------------------------------------------------------------*/

/* Set the font style of the nav bar */
#navbar {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

/* Display the nav horizontally and turn off list bullets */
#navbar li {
    list-style:none;
    display:inline;
}

/* Set button background image and position text */
#navbar a {
    width:120px;
	height:35px;
    color:#fff;
    text-decoration:none;
    background:url("../images/button.jpg") no-repeat;
    float:left;
	text-align:center;
	line-height:3.2;
}

/* Show rollover position of button */
#navbar a:hover { 
    background-position:0 -35px;
}

/* Show active position of button */
#navbar a:active {
    background-position:0 -35px;
}

#index a.index {background-position:0 -35px;}
#loans a.loans {background-position:0 -35px;}
#savings a.savings {background-position:0 -35px;}
#membership a.membership {background-position:0 -35px;}
#services a.services {background-position:0 -35px;}

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* Display sub nav bar horizontally and turn of buttets */
#subnav li{
	display:inline;
	list-style-type:none;
	float:right;
	padding:0 2px 4px 2px;
	color:#85bdd9;
}

/* Set colour of sub nav link */
#subnav li a{
	color:#58a7cf;
}

/* Set colour of sub nav link on rollover */
#subnav a:hover {
	color:#3891be;
}


/* =Main Content
-----------------------------------------------------------------------------*/

/* Main content - set width and position in the middle */
#content { 
	float:left;
	width:368px;
	margin:14px 6px;
	border-right:solid 1px #85bdd9;
}

/* Turn of bullets in ul in content */
#content ul {
	list-style-type:none;
	margin:1px;
	padding:1px;
}

/* Add square image to ul in content */	
#content ul li {
	background-image:url(../images/square.gif);
	background-position:0 6px;
	background-repeat:no-repeat;
	padding:0 14px 6px 13px;
}

/* Add margins of content ol*/
#content ol {
	margin:12px;
	padding:12px;
}

/*Add padding to content ol */
#content ol li{
	padding:3px 0 3px 0;
}

/* =Secondary Content
-----------------------------------------------------------------------------*/

/* Set width and position column to the left */
#leftcolumn {
	float:left;
	width:150px;
	margin:14px 6px 14px 14px;
	background-color:#ffffff;
	display:inline;
}

/* Add border around the news section */
#news {
	border:solid 1px #85bdd9;
}

/* Turn of bullets and add with to left column ul*/
#leftcolumn ul {
	list-style-type:none;
	margin:3px 5px 0 0;
	padding:3px 5px 0 0;
}

/* Add arrow image and bottom border to left column navigation */
#leftcolumn li {
	border-top:solid 1px #85bdd9;
	background-image:url(../images/arrow.gif);
	background-position:0 8px;
	background-repeat:no-repeat;
	font-size:11px;
	padding:7px 0 7px 12px;
	line-height:1.1;
}

/* Remove underline from link */
#leftcolumn li a{
	text-decoration:none;
	color:#58a7cf;
}

/*Have link underline on rollover */	
#leftcolumn li a:hover{
	text-decoration:underline;
}

/* For last link a border must be added to top and bottom */
.last	{
	border-top:solid 1px #85bdd9;
	border-bottom:solid 1px #85bdd9;
}

/*Set width and position column to the right */
#rightcolumn {
	float:right;
	width:150px;
	margin:14px 12px 14px 6px;
	display:inline;
}

/* =Footer
-----------------------------------------------------------------------------*/
/* Set styles for the footer */
#footer {
	clear: both;
	background-color:#13487a;
	color:#fff;
	height:20px;
	padding:3px 0 0 8px;
	font-size:10px;
	text-align:center;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
	border-collapse: collapse;
}

td {
  text-align:left;
  font-weight:normal;
  font-size:12px;	
  color:#666;
}


/* =Misc 1
-----------------------------------------------------------------------------*/
/* Class to set position of calculator image in right column */
.calculator {
	float:right;
	padding:12px 14px 5px 0; 
}

/* Class to set position of computer image in right column */
.lock {
	float:right;
	padding:6px 13px 0 0; 
}

/* Class to set position of credit card image in right column */
.creditcards {
	float:right;
	padding:10px 10px 5px 0; 
}

/*padding added to bottom of h2 when needed*/
.paddingbottom {
	padding-bottom:8px;
}

/* Add font size and centre positioning to loan form link */
#loanform {
	text-align:center;
	font-size:11px;
}