/* Site colours
#107398 - Teal			= 16,115,152
#333333 - Dark Grey		= 51,51,51
#666666 - Light Grey	= 102,102,102
*/

/* Site specific CSS
*/
html { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, sans-serif; font-size: 62.5%;  /* 16px × 62.5% = 10px */ line-height: 1.2em;  }

/* html styles 
*/
body { text-align: left; margin: 5px 0; color: #666; }

h1 { color: #107398; font-size: 2.8em; font-weight: normal; line-height: 140%; }
h2 { color: #107398; font-size: 2em; font-weight: normal; line-height: 140%; }
h3 { color: #333333; font-size: 1.8em; font-weight: normal; line-height: 140%; margin: 10px 0; border-bottom: 1px solid #E9E9F0; }
h4 { color: #333333; font-size: 1.4em; font-weight: normal; line-height: 140%; margin: 20px 0 5px; border-top: 1px solid #E9E9F0; }

p { color: #666666; font-size: 1.2em; line-height: 150%; margin: 10px 0; }

/*
a:link, a:visited { color: #666666; text-decoration: none; border-bottom: 1px dotted #107398; }
a:hover { color: #107398; border-bottom: 1px solid #107398; }
a:active { color: #107398; border-bottom: 1px solid #107398; }
*/
a:link, a:visited { color: #107398; text-decoration: none; }
a:hover { color: #107398; border-bottom: 1px dotted #107398; }
a:active { color: #107398; border-bottom: 1px dotted #107398; }

ul, ol { list-style-image: none; list-style-position: outside; list-style-type: none; }


/* id styles 
*/
#wrapper { background-color: #fff; border-left: solid 1px #9a9a9a; padding-right: 5px; }
#center { text-align: center; }
#contents { text-align: left; margin: 0 auto 10px; width: 982px; }
#top { text-align: left; margin: 0; padding: 0; background: url(../image/page_bg_top.png) no-repeat top left; height: 82px; width: 982px; }
#mid { text-align: left; margin: 0; padding: 0 0 5px; background: url(../image/page_bg_mid.png) repeat-y top left; width: 982px; }
#btm { text-align: right; margin: 0; padding: 5px 10px 0; background: url(../image/page_bg_btm.png) no-repeat top left; height: 71px; }

#siteLogo { padding: 8px 0 0; color: #107398; font-size: 2.8em; font-weight: normal; line-height: 140%; }
#siteStrapline { padding: 23px 0 0; color: #107398; font-size: 1.3em; font-weight: normal; line-height: 140%; }

#menu { color: #107398; font-size: 12px; margin: 0; }
#menu ul { margin: 0; padding: 0;} 
#menu li { 
	display: inline; 
	margin: 0 10px 0 0;
	padding: 0 0 3px 0;
}
#menu a { color:#107398; text-decoration: none; border-bottom: none; }
#menu a:link, #menu a:visited { color:#107398; text-decoration: none; border-bottom: none; }
#menu a:hover { border-bottom: 2px solid #107398; }
#menu a:active { border-bottom: 2px solid #107398; }



/* class styles 
*/
body.bg { background: #fff; }

a.noStyle { text-decoration: none; border: none; }
a.noStyle:link, a.noStyle:visited {}
a.noStyle:hover {}
a.noStyle:active {}

p.portfolio { font-size: 1.1em; }
p.footer { margin: 0px; font-size: 1.1em; color: #107398; }
span.portfolio { color: #666666; font-size: 1.1em; line-height: 150%; margin: 10px 0; }
ul.contact { margin: 15px 0; }
ul.contact li { color: #666666; font-size: 1.2em; margin: 5px 0 5px 10px; }
ul.contact li.tel { background-image: url(../image/icon_tel.gif); background-repeat: no-repeat; height: 16px; padding: 0 0 0 20px; }
ul.contact li.email { background-image: url(../image/icon_email.gif); background-position: 0 3px; background-repeat: no-repeat; height: 16px; padding: 0 0 3px 20px; }

.dropShadow { background: url(../image/shadowAlpha.png) no-repeat bottom right !important; }
.labelColumn { font-size: 1.2em; text-align:right; padding: 8px 5px 3px 0; float:left; width: 140px; }
.dataEntryColumn { float: left; width: 450px; padding-bottom: 5px; }
.padTop5 { padding-top: 5px; }