/* Ark HA - Citizenship - New Styles 0608 - GJ */
/* Global Styles */
/* Design by www.lewis.co.uk 2008 */

/*////////////////////////////////////*/
/* ------------ =Globals --*/
body { font: normal normal normal 0.7em/1.5em Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; background: #fff; color: #000; }
* { margin: 0px; padding: 0px; }
.clear { clear: both; height: 0px; overflow: hidden; }

h1 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 1.4em "Trebuchet MS" , Arial, Helvetica, sans-serif; }
h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 1.3em "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #00529D; }
h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 1.2em "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #00529D; }
h4 { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 1.2em "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #00529D; }
h5 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 2em "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #00529D; }
h6 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal bold 2em "Trebuchet MS" , Arial, Helvetica, sans-serif; color: #00529D; }

p { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background: transparent; font: normal normal normal 1em "Trebuchet MS" , Arial, Helvetica, sans-serif; }

a, a:visited { color: #0066FF; text-decoration: none; outline: 0; }
a:hover, a:active { color: #FF6600; text-decoration: underline; outline: 0; }

/*////////////////////////////////////*/
/* ------------ =Layout Top --*/
.wrapper { margin: 0px auto 0px auto; padding: 0px; background: transparent; width: 755px; }

.lastUpdated { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; background: transparent; float: left; width: 755px; text-align: right; color: #999; }

.mainNav { margin: 0px 0px 0px 0px; padding: 0px; float: left; background: transparent; width: 755px; height: 50px; }
.mainNav ul { margin: 0px 0px 0px 0px; padding: 0px; float: left; background: transparent; width: 755px; height: 50px; list-style: none; }
.mainNav ul li { margin: 0px 1px 0px 0px; padding: 0px; float: left; width: 83px; height: 50px; display: inline; background: transparent; list-style: none; }
.mainNav ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 83px; height: 50px; display: block; background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat center 0px; text-decoration: none; }
.mainNav ul li a:hover { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat center -50px; color: #fff; text-decoration: none; }

.mainNav ul li a.active { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat center -100px; }
.mainNav ul li a.active:hover { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat center -100px; text-decoration: none; }
.mainNav ul li a.active span { color: #fff; }
.mainNav ul li a span { color: #fff; padding: 18px 0px 0px 0px; float: left; width: 83px; height: 32px; display: block; text-align: center; color: #00529D; cursor: pointer; }
.mainNav ul li a span:hover { color: #fff; text-decoration: none; }
.mainNav ul li a.active span { background: transparent url(../images/mainNav/arrowMatteOrange.gif) no-repeat center bottom; }

.mainNav ul li.first { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat left top; }
.mainNav ul li.first a.active { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat left -100px; }
.mainNav ul li.first a.active:hover { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat left -100px; text-decoration: none; }

.mainNav ul li.last { margin: 0px 0px 0px 0px; background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat right top; }
.mainNav ul li.last a.active { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat right -100px; }
.mainNav ul li.last a.active:hover { background: transparent url(../images/mainNav/mainNavAttached.gif) no-repeat right -100px; text-decoration: none; }

.wrapperInner { margin: 0px 0px 0px 0px; padding: 20px 0px 20px 40px; background: transparent; float: left; width: 669px; border-left: solid 23px #99ccff; border-right: solid 23px #99ccff; border-bottom: solid 23px #99ccff; }
.wrapperInnerMap { margin: 0px 0px 0px 0px; padding: 20px 0px 20px 40px; background: transparent url(../images/scotlandMap.jpg) no-repeat 430px 15px; float: left; width: 669px; border-left: solid 23px #99ccff; border-right: solid 23px #99ccff; border-bottom: solid 23px #99ccff; }

.contentHeader { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; background: transparent; float: left; width: 669px; }
.contentHeader h1 { margin: 50px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; }
.contentHeader h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; }

.logo { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent url(../images/logo.gif) no-repeat left top; width: 80px; height: 122px; }
.icon { margin: 50px 15px 0px 30px; padding: 0px 0px 0px 0px; float: left; display: inline; background: transparent; width: 78px; }
.icon img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: inline; background: transparent; width: 78px; }

.content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 669px; }

#audio { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; width: 351px; }
#audio embed { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; width: 153px; }

.subNav { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 100px; }
.subNav h3 { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; float: left; background: transparent; width: 100px; color: #FF6600; font-size: 1.4em; border-bottom: solid 1px #ccc; }

.subNav ul { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 100px; list-style: none; }
.subNav ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; float: left; background: transparent; width: 100px; list-style: none; border-bottom: solid 1px #ccc; line-height: 1em; }
.subNav ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; float: left; background: transparent url(../images/bullet.gif) no-repeat left center; width: 90px; }

.subNav ul li a.active { background: transparent url(../images/bulletOrange.gif) no-repeat left center; color: #FF6600; text-decoration: none; font-weight: bold; }

.bodyContent { margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; float: left; background: transparent; width: 351px;  } /* border-right: solid 1px #ccc; */
.bodyContent img { margin: 0px 20px 10px 0px; padding: 2px; float: left; background: transparent; }

.bodyContent ul { margin: 10px 0px 20px 0px; padding: 0px 0px 0px 0px; background: transparent; list-style: none; }
.bodyContent ul li { margin:  0px 0px  5px  0px; padding: 0px 0px 0px  15px; background: transparent url(../images/bullet.gif) no-repeat left 6px; list-style: none; }
.bodyContent ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px; background: transparent url(../images/bullet.gif) no-repeat left 6px; list-style: none; }

.bodyContent form { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 351px; }
.bodyContent form label { margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; float: left; background: transparent; width: 141px; }
.bodyContent form input { margin: 0px 0px 0px 0px; padding: 3px; float: left; background: transparent; width: 192px; border: solid 1px #99ccff; }
.bodyContent form textarea { margin: 0px 0px 0px 0px; padding: 3px; float: left; background: transparent; width: 192px; border: solid 1px #99ccff; }

.bodyContent form input:hover, .bodyContent form input:focus, .bodyContent form input:active, .bodyContent form textarea:hover, .bodyContent form textarea:focus, .bodyContent form textarea:active { border: solid 1px #FF6600; }

.formSubmit input { margin: 10px 0px 0px 0px !important; padding: 0px 0px 0px 0px !important; float: right !important; display: block !important; background: transparent url(../images/btnSubmitForm.gif) no-repeat left center !important; width: 90px !important; height: 20px !important; text-align: center !important; color: #fff !important; text-decoration: none !important; border: 0px none !important; font-size: 0.9em; cursor: pointer; }
.formSubmit input:hover { text-decoration: none; }

.formDivider { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; background: transparent; width: 351px; height: 10px; line-height: 10px; font-size: 10px; }

.bodyContentHousing { margin: 0px 0px 0px 0px; padding: 0px 30px 0px 30px; float: left; background: transparent; width: 220px; border-right: solid 1px #ccc; }
.bodyContentHousing p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 220px; }
.bodyContentHousing ul { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 220px; list-style: none; }
.bodyContentHousing ul li { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 220px; list-style: none; }
.bodyContentHousing ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; background: transparent; width: 220px; text-decoration: none; color: #0066FF; text-transform: uppercase; }
.bodyContentHousing ul li a:hover { color: #FF6600; text-decoration: none; }
.bodyContentHousing ul li a span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; display: block; background: transparent; width: 33px; height: 15px; border: solid 1px #333; }
.bodyContentHousing ul li a span:hover { border: solid 1px #fff; }
.bodyContentHousing ul li a em { margin: 0px 0px 0px 15px; padding: 0px 0px 0px 0px; float: left; display: inline; background: transparent; width: 170px; border-bottom: solid 1px #ccc; font-style: normal; }

.rightCol { margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; float: left; background: transparent; width: 158px; }
.rightColImage { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 158px; }
.rightColImage img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 158px; }
.rightCol em { margin: 0px 0px 0px 0px; padding: 10px; float: left; background: green; width: 138px; font-style: normal; color: #fff; font-weight: bold; }

.rightColHousing { margin: 0px 0px 0px 0px; padding: 210px 30px 0px 30px; float: left; background: transparent; width: 228px; }
.rightColHousing form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 228px; }
.rightColHousing form select { margin: 0px 0px 0px 0px; padding: 4px; float: left; background: transparent; width: 218px; border: solid 1px #ccc; color: #333; font-size: 1em; }
.rightColHousing form select option { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: #eeeeee; color: #333; font-size: 1em; border: 0px none !important; }
.rightColHousing form input { margin: 10px 0px 0px 0px; padding: 5px; float: left; display: block; background: #0066FF; color: #fff; border: solid 1px #ccc; cursor: pointer; }
.rightColHousing form input:hover { background: #FF6600; color: #fff; border: solid 1px #fff; cursor: pointer; }

.footer { margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px; float: left; background: transparent; width: 755px; text-align: center; }

.footer ul { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; width: 755px; list-style: none; }
.footer ul li { margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px; display: inline; background: transparent; list-style: none; }
.footer ul li.last { margin-right: 0px; }
.footer ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent }

.jobListing { margin: 0px 0px 0px 0px; padding: 20px; float: left; background: #f9f9f9; width: 301px; border: solid 5px #99CCFF; }
.jobListing ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 301px; list-style: none; }
.jobListing ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; float: left; width: 301px; list-style: none; border: 0px none; }

.jobListing ul li p.jobDivider { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; background: #99CCFF; float: left; display: block; width: 301px; height: 1px; font-size: 1px; line-height: 1px; }

.jobListing ul li p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; float: left; width: 301px; }
.jobListing ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: none; width: auto !important; background: transparent; }

/* News Listing */

.newsListing { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 351px; }
.newsListing ul { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 351px; list-style: none; }
.newsListing ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; float: left; background: transparent; width: 351px; list-style: none; border-bottom: solid 1px #ccc; }
.newsListing ul li img { margin: 0px 10px 5px 0px; padding: 2px; float: left; background: transparent; width: 90px; overflow: hidden; border: solid 1px #ccc; }
.newsListing ul li a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; }
.newsListing ul li p { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background: transparent; }

.newsListingContent { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; overflow: hidden; }

/* Gareth added */

.titlesection { font-family: "Trebuchet MS" , Tahoma, Verdana; font-size: 1.3em; color: #00529D; font-weight: bold; }
.pagequote { font-family: "Trebuchet MS" , Arial, sans-serif; font-size: 1.3em; line-height: 21px; color: #0066CC; }
.accountsHeading { color: #000; text-decoration: none; text-align: left; margin: 20px 0px  0px; height:17px; padding:  10px 10px 0px 12px; font: bold normal 1.0em Arial, Helvetica, sans-serif; background: url(../images/headingGrad.jpg) repeat-x left top; }
.whitemenu { font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #FFFFFF; }
.newDocumentListingContainer { width: 350px; float: left; border: solid 1px #CCC; margin-top: 15px; min-height: 40px; }

.newDocumentListingContainerText { width: 225px; float: left; vertical-align: middle; padding: 9px 4px 4px 4px; font-size: 1.2em; }
.newDocumentListingContainerIcon { width: 40px; float: left; padding: 4px; }

.newDocumentListingContainerLink { width: 60px; float: left; padding: 9px 4px 4px 4px; }

/* SiteMap */
.siteMap { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; background: transparent; width: 351px; }
.siteMap ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; list-style: none; }
.siteMap ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: transparent; }
.siteMap ul li.lev1 { margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; background: transparent; }
.siteMap ul li.lev2 { margin: 0px 0px 5px 20px; padding: 0px 0px 0px 0px; background: transparent; }