html { height: 100%; }
body {
	margin: 0;
	font: 12px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #292F22;
	background: #bbbdbe url(../images/bg-body.gif) repeat-y 50% 0;
	height: 100%;
}
a { color: #903; }
a:hover { text-decoration: none; }
#content .content a:visited {
	color: #606;
	text-decoration: none;
}
img { border-style: none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
hr { width:50%; margin: 20px auto }
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
#wrapper {
	margin: 0 auto;
	width: 980px;
	padding: 0 5px;
	min-height: 100%;
	background: url(../images/bg-content.gif) repeat-y;
	overflow: hidden;
	position: relative;
}
* html #wrapper {
	height: 100%;
	overflow: visible;
}
.accessibility { display: none; }
.w1 {
	display: table;
	width: 100%;
}
#header {
	background-color: #fff;
	display: table-header-group;
	width: 100%;
}
#header .container {
	overflow: hidden;
	width: 100%;
	margin: 11px 0;
}
.logo {
	float: left;
	background: url(../images/bg-logo.gif) no-repeat;
	width: 491px;
	height: 63px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0 0 0 2px;
}
.logo a {
	display: block;
	height: 100%;
}
.promoting {
	/*float: left;
	background: url(../images/text-promoting.gif) no-repeat;
	width: 283px;
	height: 15px;
	text-indent: -9999px;
	margin: 36px 0 0 11px;
        color: #283E6D;*/

        /*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/text-promoting.gif) no-repeat scroll 0 0;*/
color:#283E6D;
float:left;
font-size:15px;
height:15px;
margin:32px 0 5px 11px;
width:283px;
}
.visual {
	background: #283e6d url(../images/bg-line.gif) repeat-y 320px 0;
	overflow: hidden;
	width: 100%;
}
.visual img { float: right; }
.visual blockquote {
	margin: 12px 0 0 10px;
	padding: 0px 0 0 46px;
	background: transparent url(../images/bg-quote.gif) no-repeat scroll 0 26px;
	float: left;
	width: 255px;
	display: inline;
        height: 203px;
        position: relative;
}
.visual blockquote h3 {
        color: #FFFFFF;
        margin: 0 !important;
}
.visual blockquote p { margin: 0; }
.visual blockquote q {
	quotes: none;
	display: block;
	font: italic 15px/23px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0 0 13px;
}
.visual blockquote q:before,
.visual blockquote q:after { content: ""; }
.visual blockquote cite {
	display: block;
	text-align: right;
	color: #d4d8e2;
	font: 10px/13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 5px 0 0;
}
.visual blockquote cite a {
        
	color: #d4d8e2 !important;
}
#main {
	display: table-footer-group;
	width: 100%;
	position: relative;
}
.twocolumns { width: 100%; }
#sidebar {
	float: left;
	width: 325px;
}
#nav {
	margin: 15px 0 26px 9px;
	padding: 0;
}
#nav li {
	list-style: none;
	margin: 1px 0 0;
	font: 15px/17px Arial, Helvetica, sans-serif;
	height: 1%;
	vertical-align: top;
}
#nav li a {
	display: block;
	height: 19px;
	background: url(../images/bg-nav.gif) no-repeat;
	padding: 2px 0 0 25px;
	color: #fff;
	text-decoration: none;
}
#nav li a.active, #nav li a.active:hover { background-position: 0 -21px; }
#nav li a:hover { background-position: 0 -63px; }
#nav ul {
	margin: 5px 0 9px;
	padding: 0;
}
#nav ul li {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
#nav ul li a {
	background: url(../images/bullet.gif) no-repeat 24px 9px;
	color: #535353;
	padding: 2px 0 0 40px;
	height: auto;
	position: relative;
	width: 276px;
}
#nav ul li a:hover,
#nav ul li a.active,
#nav ul li a.active:hover {
	background: url(../images/bg-nav.gif) no-repeat 0 -42px;
	height: 19px;
	margin: 0 0 -3px;
}
#nav ul li ul li a {
        background: transparent url(../images/bullet.gif) no-repeat scroll 40px 8px;
        padding-left: 55px !important;
        font-size: 0.9em;
}
#nav ul li ul li a:hover, #nav ul li ul li a.active, #nav ul li ul li a.active:hover {
        background: transparent url(../images/sub-menu.gif) no-repeat scroll 0px 0px;
        padding-left: 55px !important;
}

.box {
	margin: 0 0 28px;
}
.box h3 {
	margin: 0 0 19px;
	padding: 0 0 0 14px;
	background: url(../images/bg-heading-sidebar.gif) repeat-x 0 3px;
	color: #283e6d;
	font: 18px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.box h3 span {
	background-color: #ebeced;
	padding: 0 9px 0 5px;
}
.news {
	margin: 0;
	padding: 0;
	list-style: none;
}
.events { margin: -1px 0 -3px; }
.news li {
	overflow: hidden;
	height: 1%;
	font-size: 11px;
	line-height: 20px;
	padding: 0 10px 0 11px;
	vertical-align: top;
}
.events li {
	background: url(../images/arrow.gif) no-repeat 11px 2px;
	padding: 0 10px 7px 31px;
}
.news h4 {
	margin: 0 0 3px;
	font: 14px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.news .main-news h4 { margin: 0 0 12px; }
.news h4 a { color: #7d8278; }
.news h4 a:hover {
	text-decoration: none;
	color: #903;
}
.news p { margin: 0 0 12px; }
.news .date {
	color: #419593;
	display: block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	margin: 0 0 7px;
}
.news img {
	float: left;
	border-style: solid;
	border-color: #fff;
	border-width: 6px 6px 5px 0;
	margin: 0 10px 20px -11px;
	position: relative;
}
.subscribe-form {
	color: #595F52;
	padding: 0 0 0 11px;
}
.subscribe-form .row {
	padding: 0 0 11px;
	overflow: hidden;
	width: 100%;
}
.subscribe-form label {
	display: block;
	font-size: 14px;
	line-height: 15px;
	padding: 0 0 5px 2px;
}
.subscribe-form .text {
	border: 1px solid #cdcfcf;
	width: 281px;
	margin: 0;
	padding: 4px 6px;
	color: #595F52;
	float: left;
	outline: none;
}
.subscribe-form .row .focus { border-color: #6c6e71; }
.subscribe-form .submit,
.contact-form .submit {
	background: url(../images/btn-submit.png) no-repeat;
	width: 103px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	border: 0;
	cursor: pointer;
	margin: 0 0 0 -1px;
}
.subscribe-form .submit:hover,
.contact-form .submit:hover { background-position: 0 -30px; }
#footer {
	background: url(../images/bg-footer.gif) repeat-y;
	width: 100%;
	overflow: hidden;
	padding: 0 0 19px;
}
#footer .content {
	float: right;
	text-align: right;
	width: 634px;
	padding: 16px 17px 0 0;
	font-size: 11px;
	line-height: 19px;
	font-weight: bold;
	color: #fff;
}
#footer .content p { margin: 0; }
#footer .content a { color: #fff; }
#footer .content ul {
	margin: 22px -8px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	display: inline;
	overflow: hidden;
}
#footer .content ul li {
	display: inline;
	background: url(../images/separator.gif) no-repeat 100% 5px;
	padding: 0 8px;
	float: left;
	margin: 0 -2px 0 0;
}
.contact {
	float: left;
	color: #fff;
	width: 320px;
	margin: 17px 0 0 9px;
	display: inline;
}
.contact .work-phone {
	overflow: hidden;
	height: 1%;
	margin: 0 0 12px;
	font: italic 17px/20px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.contact .work-phone dt,
.contact .work-phone dd {
	margin: 0;
	display: inline;
}
.contact .info {
	margin: 0;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
}
.contact .info dt {
	float: left;
	margin: 0 10px 0 0;
	width: 98px;
	text-align: right;
}
.contact .info dd {
	margin: 0;
	padding: 0 0 9px 9px;
	border-left: 2px solid #53658a;
	float: left;
	width: 200px;
}
.contact .info address {
	font-style: normal;
	margin: 0;
	padding: 0;
}
.contact .info p { margin: 0; }
.contact .info a {
	text-decoration: none;
	color: #fff;
}
.contact .info a:hover { text-decoration: underline; }
#content {
	float: right;
	width: 626px;
	padding: 19px 9px 54px 0;
	display: inline;
	overflow: hidden;
}
#content .content .holder {
	display: table;
	padding: 0 0 10px;
}
.content a { /* font-weight: bold; */ }
.inner-content a { font-weight: normal; }
.content h1 {
	margin: 0 0 19px;
	text-transform: uppercase;
	color: #903;
	font: 25px/32px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.content h2 {
	margin: 0 0 20px;
	text-transform: uppercase;
	color: #283e6d;
	font: 21px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.content h3 {
	margin: 0 0 15px;
	color: #3e8f8d;
	font: 20px/23px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.content h3 a {
        color: #3e8f8d;
        text-decoration: none;
        font-weight: normal !important;
}
.content h4 {
	margin: 0 0 32px;
	color: #ae3108;
	font: italic 16px/19px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.content p { margin: 0 0 22px; }
.content .intro {
	text-transform: uppercase;
	border-style: solid;
	border-color: #dedfdd;
	border-width: 2px 0;
	padding: 8px 0 11px;
	margin: 22px 0 28px;
	color: #596053;
	font-size: 14px;
	line-height: 25px;
        font-weight: bold;
}
.inner-content .intro { margin-bottom: 18px; }
.content .intro p { margin: 0; }
.map {
	float: right;
	width: 271px;
	margin: 6px 0 0 10px;
	text-align: center;
        position: relative;
}
.map ul {
        list-style-type: none;
        margin:0 !important;
}
.map ul li {
        position: absolute;
        width: 31px;
        height: 25px;
        text-indent: -9999px;
        background:none !important;
        padding:0 !important;
        margin:0 !important;
} 
.map ul li a {
        background:transparent url(../images/sound-icon.png) no-repeat scroll 0 0px !important;
        width: 31px;
        height: 25px;
        display: block;
        overflow: hidden;
}
.map ul li#north-unst {
        top: 40px;
        left: 200px;
}   
.map ul li#yell {
        top: 118px;
        left: 160px;
}  
.map ul li#fetlar {
        top: 122px;
        left: 201px;
}
.map ul li#brae {
        top: 196px;
        left: 112px;
}  
.map ul li#mossbank {
        top: 167px;
        left: 132px;
}  
.map ul li#hillswick {
        top: 163px;
        left: 85px;
}  
.map ul li#burrafirth {
        top: 234px;
        left: 108px;
}  
.map ul li#lerwick {
        top: 280px;
        left: 145px;
}  
.map ul li#scalloway {
        top: 289px;
        left: 117px;
}  
.map ul li#burra {
        top: 313px;
        left: 111px;
}  
.map ul li#bressay {
        top: 284px;
        left: 180px;
}  
.map ul li#sand {
        top: 271px;
        left: 91px;
}  
.map ul li#fair {
        top: 437px;
        left: 112px;
}  
.map ul li#skerries {
        top: 183px;
        left: 216px;
}  
.map ul li#quendale {
        top: 370px;
        left: 120px;
}  
.map ul li#whalsay {
        top: 212px;
        left: 190px;
}  
.map ul li#papa {
        top: 223px;
        left: 39px;
} 
.map ul li#cunningsburgh {
        top: 322px;
        left: 139px;
}
.map strong {
	display: block;
	padding: 3px 0 5px;
	margin: 0 0 12px;
	background-color: #a8a8a9;
	font: 14px/17px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}
.map img {
	vertical-align: top;
	margin: 0 4px 0 0;
}
.mark-box {
	margin: 79px 0 53px;
	padding: 13px 15px 2px;
	background-color: #ebeced;
}
.mark-box .heading {
	display: block;
	color: #903;
	font: 14px/17px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
}
.mark-box p {
	font-style: italic;
	font-size: 11px;
	line-height: 20px;
}
.breadcrumbs {
	margin: 0 0 16px -6px;
	padding: 0;
	list-style: none;
	font-size: 11px;
	line-height: 14px;
	overflow: hidden;
	height: 1%;
}
.breadcrumbs li {
	background: url(../images/bullet.gif) no-repeat 0 6px;
	padding: 0 8px 0 12px;
	margin: 0 0 0 -0px;
	display: inline;
}
.content .image {
	float: left;
	margin: 3px 19px 0 0;
	clear: both;
}
.content .image div {
	position: relative;
	float: left;
}
.content .alignright {
	float: right;
	margin: 3px 0 0 10px;
}
.content .image img {
	display: block;
	margin: 0 0 5px;
}
.content .image span {
	color: #3e8f8d;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	font-style: italic;
	margin: 0 0 0 1px;
	clear: both;
	width: 220px;
	display: block;
}
.content .image .zoom {
	position: absolute;
	bottom: -6px;
	right: -9px;
	background: url(../images/ico-zoom.png) no-repeat;
	width: 23px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}
.content .highlight,
.content .error,
.content .success {
	color: #a95400;
	background-color: #fff6db;
	padding: 4px 5px 6px 11px;
	line-height: 20px;
	margin: 0 0 23px;
}
.content .error {
	color: #be0000;
	background-color: #faeaea;
}
.content .success {
	color: #486c24;
	background-color: #eff5e5;
}
.content .subdued { color: #afb1b2; }
.content .caption {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
}
.content p small {
	font-size: 10px;
	line-height: 18px;
	display: block;
}
.featured {
	background-color: #f4f5f8;
	border: 1px solid #d4d8e2;
	margin: 36px 0 30px;
	padding: 0 13px 15px;
	font-size: 11px;
	line-height: 21px;
	font-style: italic;
	font-weight: bold;
}
.content .featured h3 {
	background: #9f1544 url(../images/bg-heading.gif) repeat-x;
	margin: -1px -14px 13px;
	padding: 4px 14px 5px;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
}
.content .featured p { margin: 0; }
a.more {
	text-decoration: none;
	font-style: normal;
}
a.more span { text-decoration: underline; }
a.more:hover { border: 0; }
a.more:hover span,
a:visited span { text-decoration: none; }
.content ul {
	margin: 0 0 20px 27px;
	padding: 0;
	list-style: none;
	line-height: 21px;
}
.content ul li {
	background: url(../images/bullet.gif) no-repeat 0 9px;
	padding: 0 0 0 17px;
}
.content ol {
	margin: 0 0 20px 47px;
	padding: 0;
	line-height: 21px;
}
* html .content ol { margin-left: 50px; }
*+html .content ol { margin-left: 50px; }
.content dl { margin: 40px 0 10px; }
.content dt {
	margin: 0;
	padding: 0 0 4px;
	color: #283E6D;
	font: 16px/19px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border-bottom: 2px solid #d4d8e2;
}
.content dd {
	margin: 0;
	padding: 6px 0 25px;
}
.content .teaser {
	margin: 0 0 17px;
	padding: 0;
	list-style: none;
}
.content .teaser li {
	padding: 0 0 10px;
	margin: 0;
	background: none;
	height: 1%;
	overflow: hidden;
}
.content .teaser li h3 {
	margin: 0 0 5px;
	color: #283E6D;
	font: 16px/19px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.content .teaser li .date {
	color: #419593;
	display: block;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
	margin: 0 0 8px;
	padding: 0 0 4px;
	border-bottom: 2px solid #d4d8e2;
}
.content .teaser li .thumbnail {
	float: right;
	margin: 4px 1px 0 10px;
}
.section {
	background-color: #f4f5f8;
	border: 1px solid #d4d8e2;
	margin: 0 0 13px;
}
.section h3 {
	background: #3f517e url(../images/bg-heading-2.gif) repeat-x;
	margin: -1px -1px 0;
	padding: 3px 14px 5px;
	color: #fff;
	font: 16px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.search-result {
	margin: 6px 0 0;
	padding: 0;
	overflow: hidden;
	height: 1%;
}
.search-result li {
	margin: -1px 0 0;
	padding: 14px 10px 12px 0;
	background: url(../images/dotted-line.gif) repeat-x;
	overflow: hidden;
	height: 1%;
	vertical-align: top;
	line-height: 21px;
	list-style: none;
}
.search-result li .holder {
	overflow: hidden;
	height: 1%;
}
.search-result li .number {
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #4b4242;
	width: 30px;
	text-align: center;
	font-style: normal;
}
.search-result li h4 {
	margin: 0 0 7px;
	font-size: 13px;
	line-height: 16px;
	font-style: normal;
}
.search-result li p { margin: 0; }
.paging {
	background: #f4f5f8 url(../images/bg-paging.gif) repeat-x 0 100%;
	border: 1px solid #d4d8e2;
	margin: 0 0 51px;
	overflow: hidden;
	height: 1%;
}
.paging .number {
	float: left;
	font-size: 13px;
	line-height: 16px;
	color: #273e6c;
	padding: 5px 0 0 9px;
}
.paging ul {
	margin: 0;
	padding: 0;
	float: right;
	list-style: none;
}
.paging ul li {
	float: left;
	border-left: 1px solid #d4d8e2;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
}
.paging ul li a,
.paging ul li strong {
	display: block;
	padding: 6px 5px;
	text-decoration: none;
}
.paging ul li strong {
	background: #3f517e url(../images/bg-heading-2.gif) repeat-x;
	color: #fff;
}
.paging ul li a span { text-decoration: underline; }
.paging ul li a:hover { border: 0; }
.paging ul li a:hover span { text-decoration: none; }
.contact-form {
	padding: 6px 10px 16px 0;
	overflow: hidden;
	height: 1%;
}
.note {
	display: block;
	text-align: right;
	line-height: 14px;
	padding: 0 0 4px;
}
.note span {
	background: url(../images/bullet-2.gif) no-repeat 0 5px;
	padding: 0 0 0 11px;
	color: #52648D;
	font-size: 11px;
	line-height: 13px;
}
.contact-form .row {
	overflow: hidden;
	height: 1%;
	padding: 0 0 7px;
}
.contact-form .row-inputs { padding: 12px 0 0; }
.contact-form .row .field {
	float: left;
	width: 130px;
	text-align: right;
	margin: 5px 0 0;
	line-height: 15px;
	font-size: 13px;
	color: #4b4242;
}
.contact-form .row .value {
	width: 400px;
	margin: 0 0 0 20px;
	display: inline;
	float: left;
}
.contact-form .row .text,
.contact-form .row textarea {
	border: 1px solid #ced1db;
	padding: 5px 4px;
	margin: 0;
	width: 235px;
	outline: none;
	float: left;
}
.contact-form .row .text-result {
	width: 239px;
	float: none;
	margin: 0 0 12px;
}
.contact-form .row textarea {
	width: 370px;
	height: 118px;
	margin: 8px 0 10px;
	overflow: auto;
}
.contact-form .row .focus { border-color: #a41e4b; }
.contact-form .row select {
	width: 246px;
	font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
	float: left;
	margin: 4px 0 0;
}
.contact-form .inputs-list {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 22px;
}
.contact-form .inputs-list input {
	margin: 0;
	width: 16px;
	font-size: 11px;
}
* html .contact-form .inputs-list input { margin: 2px 0 0; }
*+html .contact-form .inputs-list input { margin: 2px 0 0; }
.contact-form .required {
	background: url(../images/bullet-2.gif) no-repeat;
	width: 4px;
	height: 4px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	margin: 0 0 0 4px;
}
.contact-form .captcha {
	margin: 0 0 13px;
	clear: both;
}
.contact-form .captcha img { display: block; }
.contact-form .label {
	font-size: 10px;
	line-height: 13px;
	margin: 0 0 3px;
	color: #595f52;
	display: block;
}

.contents-table {
  /*margin-left: 30px;*/
}
.contents-table th {
  font-weight: bold;
  padding: 10px;
  font-size: 1.1em;
  border-bottom: 2px solid #000000;
  color: #283E6D;
  text-align: left;
}

.contents-table th a, .contents-table th a:visited {
  color: #283E6D !important;
}

th.asc a, th.headerSortDown { background: transparent url(images/uarrow.gif) no-repeat scroll 3px 5px; padding-left: 14px; text-decoration: underline }
th.desc a, th.headerSortUp { background: transparent url(images/darrow.gif) no-repeat scroll 3px 5px; padding-left: 14px; text-decoration: underline }

#secondaryTable th.asc a, th.headerSortDown { background: transparent url(images/uarrow.gif) no-repeat scroll 3px 17px; }

#secondaryTable th.desc a, th.headerSortUp { background: transparent url(images/darrow.gif) no-repeat scroll 3px 17px; }

#secondaryTable th { text-decoration:underline; cursor:pointer }

.contents-table tr {
  background-color: #AACCEE;
}
#secondaryTable tr.even {
  background-color: #AACCEE !important;
}
.contents-table tr.alt, .contents-table tr.header-row, #secondaryTable tr.odd, #secondaryTable tr {
  background-color: #BBFFCC;
}
.contents-table td {
  padding: 5px;
  font-size: 1.0em;
}

.contents-table td .read-more {
  width: 50px;
}

.homepage-column {
  width: 250px;
  margin-right: 30px;
}

/******************** DICTIONARY ********************/

ul.dictionary-letters {
    margin: 0;
    padding: 0;
}

ul.dictionary-letters li {
     list-style: none;
     display: inline;
     padding: 0 2px 0 2px;
     margin: 0 1px 0 1px !important;
     background: none !important;
     text-transform: uppercase;
}

.dictionary-letters a { padding: 3px; background-color: #EEEEEE; color: #333333; border: 1px solid #DDDDDD }

.dictionary-letters li.current-letter { padding:4px; background-color: #283E6D !important; color: #FFFFFF; border: 1px solid #000000  }

fieldset.dictionary-search-form { margin: 30px 0; }

fieldset.dictionary-search-form input.text { background-color: #EFEFEF; border: 1px solid #999999; padding:2px }

span.definition {
    /*color: #0000FF;*/
    position: relative;
    cursor: help;
    font-weight: bold
}
span.definition em {
    display: none;
    position: absolute;
    top: -28px;
    left: 0;
    min-width: 150%;
    background-color: #EEEEEE;
    border: 1px solid #DDDDDD;
    padding: 3px;
    font-weight: normal
}
span.definition:hover em{
    display: block;
}

p#english-proverb { display:none; }


.homepage-column {
    width: 200px;
    margin-right: 20px;
    float:left;
}

.nb-img-box span { display:block;
float:right;
font-size:10px;
color: #292F22;
margin-right:3px;
margin-top:-9px; }

.nb-img-box { padding:2px; border: 1px solid #283E6D }

.proverb-list { width: 200px; float: left; height: 190px; }

.idiom-table {
  border:3px solid #283E6D;;
}
.idiom-table tr {
  margin-bottom: 15px;
}
.idiom-table td {
  padding: 3px;
  vertical-align: top;
}
.idiom-table thead {
  background-color: #283E6D;
  color: #FFFFFF;
}

.toggler { }
select#effectTypes { display: none; }
        #button, #button2 { padding: .5em 1em; text-decoration: none; position: absolute; top:175px; left:225px; color: #EEEEEE }
        #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
        #effect h3 { margin: 0; padding: 0.4em; text-align: center; }
        .ui-effects-transfer { border: 2px dotted gray; } 
.proverb { height: 150px; }

.events-link {
        color: #419593;
        display: block;
        margin-left: 210px;
}

ul.thumbs li {
        padding: 0px !important;
        background: none !important;
}

/*#popup {
height: 100%;
width: 100%;
background: #000000;
position: absolute;
top: 0;
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
filter:alpha(opacity=75);
}*/

#window {
width: 600px;
height: 300px;
margin: 0 auto;
border: 1px solid #000000;
background: #ffffff;
position: absolute;
top: 200px;
left: 25%;
}

.previous-word {
   width:100px;
   position: absolute
   
}
.next-word {
   position: absolute;
   width: 100px;
   left: 860px
}
.previous-word a, .next-word a, ul.letter-list li a { font-weight: bold }
.previous-word a:visited, .next-word a:visited, ul.letter-list li a:visited { font-weight: normal }

.word-definition { position: relative; margin-left: 100px; width: 400px }

a.definition { text-decoration: none;
cursor:help; color: #990033 !important }

#sample-vocab, #sample-grammar { border: 1px solid #666666; width: 400px; padding: 10px }

#sample-vocab h4 { margin-bottom: 0px !important }
#sample-vocab table { border: 1px solid #999999; }
#sample-vocab table td { padding: 4px }

#simpleTooptip { max-width: 500px !important }

.section-teaser {
padding-left: 30px; display:block; font-size:0.9em;
}

.author-title { font-size: 0.6em; }

.sidebar-logos img {
  height:75px;
  margin-left: 5px;
  margin-bottom: 30px;
}

#simpleTooltip { padding: 7px; border: 1px solid #A6A7AB; background: #F2F3F5; }

/* ################## Common Styles ### */

.content a[href^="http://"] {
	display:inline-block;
	padding:2px 14px 2px 0px;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(assets/js/external.gif) center right no-repeat;
}
a[href$='.doc'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(assets/js/word.png) center left no-repeat;
	padding:2px 0 2px 20px;
}
a[href$='.pdf'] {
	display:inline-block;
	line-height:18px;
	min-height:18px;
	overflow:visible;
	background:transparent url(assets/js/pdf.png) center left no-repeat;
	padding:2px 0 2px 20px;
}

/* ################## Lightbox ### */

div.light_rounded .pp_top .pp_left{background:url(assets/js/prettyPhoto/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_middle{background:#fff}div.light_rounded .pp_top .pp_right{background:url(assets/js/prettyPhoto/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_content{background-color:#fff}div.light_rounded .pp_next:hover{background:url(assets/js/prettyPhoto/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(assets/js/prettyPhoto/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(assets/js/prettyPhoto/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(assets/js/prettyPhoto/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(assets/js/prettyPhoto/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(assets/js/prettyPhoto/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(assets/js/prettyPhoto/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded .pp_arrow_previous{background:url(assets/js/prettyPhoto/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next{background:url(assets/js/prettyPhoto/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_bottom .pp_left{background:url(assets/js/prettyPhoto/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_middle{background:#fff}div.light_rounded .pp_bottom .pp_right{background:url(assets/js/prettyPhoto/sprite.png) -110px -80px no-repeat}div.light_rounded .pp_loaderIcon{background:url(assets/js/prettyPhoto/loader.gif) center center no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;position:relative;text-align:left;width:100%}.pp_content .pp_details{display:none;margin:10px 15px 2px 20px}.pp_description{display:none;float:left;margin:0}.pp_nav{float:left;margin:3px 0 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{left:0;position:absolute;top:0;width:100%;z-index:2000}a.pp_next{background:url(assets/js/prettyPhoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(assets/js/prettyPhoto/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;float:right;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:none;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{display:none;line-height:1 !important;margin:0 auto;text-align:center;width:100%}div.ppt{color:#fff;display:none;font-size:17px;left:0;position:absolute;top:0;z-index:9999}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

.imgright { float: right; margin-left: 15px; }
.imgleft { float: left; margin-right: 15px; margin-left: 0px; }

.form-search { float: right; position: absolute;
right: 3px;
top: 42px; }

.form-search .text, #ajaxSearch_input {
background-color: #EBECEE;
border: 1px solid #C6CACB;
padding: 3px;
color: #283E6D;
font-weight: bold;
width: 140px;
}

.form-search .submit, #ajaxSearch_submit {
background-color: #C6CACB;
padding: 4px 7px;
margin-left: -5px;
border: 0px;
cursor: pointer;
}

.ajaxSearch_grpResultName, .paging1 { display: none }
#grpResult_site_wide .holder h4 { margin-bottom: 4px !important; }
#secordary-menu {
position: absolute;
right: 1px;
top: 10px;
}
#secordary-menu ul {
padding: 0px;
margin: 0px;
}
#secordary-menu ul li {
list-style: none;
float: left;
display: inline;
margin: 0 5px;
}
#secordary-menu ul li a {
color: #999;
}
.gaer-more {
float:right;
}
