/*
	Author Company	: Fifth Ring Intergrated Corporate Communications
	Author Name		: Scott Couper, Senior Web Designer & Developer
	Author Site		: http://www.fifthring.com
	Client Company	: Grampian Housing Asscociation
	Client Site 	: http://www.grampianhousing.org
	Site Section 	: Main Stylesheet			
*/

/* global reset, from reset.css, YUI
**********************************************************************************************************
*/

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, tr{ margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6, p{ font-size:11px; font-weight:normal;}
q:before, q:after { content:''}
strong { font-weight: bold }
em { font-style: italic }
ol, ul, li { list-style:none }
p{ color:#323232;}
/** a { position:relative}  Gets links displaying over a PNG background - needs an IE fix */
a { outline:none } 
a img { border:none }
html {overflow-y:scroll;}
body{ background-color:#1a2e72; font-family: Verdana, Arial, Helvetica, sans-serif;}


/* global classes 
**********************************************************************************************************
*/

.floatLeft{float:left;}
.floatRight{float:right;}
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearNone{ clear:none;}
.clearRight{clear:right;}
.clearFix{ overflow:hidden;}
a { color:#283c83; text-decoration:none;}
a:hover { color:#283c83; text-decoration:underline;}
h1, h2, h3, h4, h5, h6 { color:#283c83;}
.hidden{ display:none;}
.smallText{ font-size:9px !important;}
.hidden{ display:none;}


/* wrappers 
**********************************************************************************************************
*/

#wrapper{ width:814px; background:#3b4c86; margin:0 auto 25px auto; padding:0 0 14px 0;}
#wrapper #header{ }
#wrapper #content{ margin:0 14px 0 14px; background:#f8f8f8;}
#wrapper #content #left-content{ width:306px;}
#wrapper #content #right-content{ width:480px;}


/* header 
**********************************************************************************************************
*/

#wrapper #header h1{ margin:27px 0 27px 54px;height: 107px;width: 226px;background-image: url(../img/GrampianHousing.jpg);background-repeat: no-repeat;background-position: 0 0;letter-spacing: -1000em; font-size: 1pt !important;}
#wrapper #header h2{ width:254px; height:47px; text-indent:-9999px; background:url(../img/innovationAndAchievement.jpg) top left no-repeat; margin:87px 0 27px 120px;}


/* banners 
**********************************************************************************************************
*/

#wrapper #content #banner{ width:757px; height:160px; background-position:top left; background-repeat:no-repeat; margin:15px;}


/* pop up form submission confirmation 
**********************************************************************************************************
*/

#pa {background: #eee; padding: 10px 20px; border: 10px solid #3C4C87; float: left; width:250px; height:75px; position: fixed; margin-top: 40px; z-index: 100; }				
#pa  .popup {float: left; width: 100%;	background: #fff; margin: 10px 0; padding: 10px 0;	border: 1px solid #bbb;	}
#pa .pa_close {padding: 0;	margin: 0;	position: absolute;	top: 5px;	right: 5px;	}
#pa a img {	border: none; text-decoration: none;	}



/* left content 
**********************************************************************************************************
*/

#wrapper #content #left-content #language-switch{ margin:0 40px 0 40px; background:#e3e3e3;}
#wrapper #content #left-content #language-switch a{ font-size:11px;  padding:7px 6px 7px 25px; margin-left:4px; display:block;}
#wrapper #content #left-content #language-switch a strong{ font-size:11px;}
#wrapper #content #left-content #language-switch a:lang(pl) { background:url(../img/polish-flag.jpg) left no-repeat;}
#wrapper #content #left-content #language-switch a:lang(en) { background:url(../img/british-flag.jpg) left no-repeat;}

#wrapper #content #left-content #navigation{ margin:0px 40px 22px 40px; padding:20px 0 20px 0; background:#e3e3e3;}
#wrapper #content #left-content #navigation ul{ margin:0 25px 257px 25px;}
#wrapper #content #left-content #navigation ul li{ margin:0 0 6px 0; }
#wrapper #content #left-content #navigation ul li a{ font-size:13px; border-bottom:1px solid #e3e3e3; padding:0 0 4px 0; display:block;}
#wrapper #content #left-content #navigation ul li a:hover{ border-bottom:1px dashed #c2c2c2; text-decoration:none; color:#343434;}
#wrapper #content #left-content #navigation ul li.selected a{ border-bottom:1px dashed #c2c2c2;}
#wrapper #content #left-content #navigation ul li.last a{ border-bottom:1px solid #e3e3e3;}
#wrapper #content #left-content #navigation ul li.last a:hover{ border-bottom:1px dashed #c2c2c2;}

#wrapper #content #left-content #navigation ul li ul{ display:none;}
#wrapper #content #left-content #navigation ul li.selected ul{margin:0; border-bottom:1px dashed #c2c2c2; display:block;}

#wrapper #content #left-content #navigation ul li ul li{margin:5px 5px 0 25px; list-style: disc; list-style-position:outside; color: #343434; font-size:11px;}
#wrapper #content #left-content #navigation ul li.selected ul li a{ border:none;}
#wrapper #content #left-content #navigation ul li.selected ul li a:hover{ border:none; color:#343434;}
#wrapper #content #left-content #navigation ul li.selected ul li.selected a{ border:none;}

#wrapper #content #left-content #navigation ul li ul li ul li{margin:5px 0 0 5px; list-style: circle; list-style-position:outside; color: #343434;}


/* right content 
**********************************************************************************************************
*/

#wrapper #content #right-content h3{ font-size:19px; display:block; margin:0 52px 22px 0; padding:0 0 0 0;}
#wrapper #content #right-content p{ font-size:11px; line-height:1.8; margin:0 52px 15px 0;}
#wrapper #content #right-content h3 + p{ font-size:12px; color:#384b8c; font-weight:normal;}
#wrapper #content #right-content h3 + p strong{ font-weight:normal;}
#wrapper #content #right-content p img{ margin:3px 0 0 0;}
#wrapper #content #right-content p img[align="right"]{ margin-left:25px;}
#wrapper #content #right-content p img[align="left"]{ margin-right:25px;}

#wrapper #content #right-content .infoBox{ width:210px; height:185px; background:#f2f2f2; border:1px dashed #cfcfcf; margin-top:15px;}
#wrapper #content #right-content .infoBox#news-box{ margin-right:15px;}
#wrapper #content #right-content .infoBox h4{ font-size:17px; margin:10px; display:block;}
#wrapper #content #right-content .infoBox dl{ margin:10px; font-size:10px;}
#wrapper #content #right-content .infoBox dl dt{}
#wrapper #content #right-content .infoBox dl dd{ color:#283c83; margin:0 0 15px 0;}

#wrapper #content #right-content .infoBox div{ margin:10px; font-size:11px; color:#323232;}
#wrapper #content #right-content .infoBox div span{ display:block;}
#wrapper #content #right-content .infoBox div span.region, #wrapper #content #right-content .infoBox div.org{ display:none;}
#wrapper #content #right-content .infoBox div span.tel, #wrapper #content #right-content .infoBox div span.fax{ display:inline;}
#wrapper #content #right-content .infoBox div strong{ color:#283c83;}

#wrapper #content #right-content table{ width:97% !important; font-size:11px}
#wrapper #content #right-content table tr{}
#wrapper #content #right-content table tr.tableRowHeader{ background:#3C4C87 !important; color:#fff !important; font-size:12px !important;}
#wrapper #content #right-content table tr td{ padding:8px 0 8px 8px !important;}

#wrapper #content #right-content table#contentTable{font-size:11px;}
#wrapper #content #right-content table#contentTable tr td{ padding:4px 0 4px 4px !important;}

#wrapper #content #right-content ul{ margin:0 0 15px 15px;}
#wrapper #content #right-content ul li{margin:0 0 8px 0; list-style: disc; list-style-position:outside; color: #343434; font-size:11px;}

#wrapper #content #right-content #footer{padding:38px 0 0 0;}
#wrapper #content #right-content #footer ul{}
#wrapper #content #right-content #footer ul li{ display:inline; font-size:12px; margin:0 7px 0 0; padding:0 6px 0 0; border-right:1px solid #283c83;}
#wrapper #content #right-content #footer ul li.last{margin:0; padding:0; border-right:none;}
#wrapper #content #right-content #footer ul li a{ color:#323232;}