/* General style */



body {margin:0;
	padding:0;
	color:#000;
	text-align:center;
	background:#fff url("/images/bg_hj.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.95em;
}

img {border:0;
}

p {clear: both;}

a {color:#405680;
	font-weight:bold;
}

a:hover, a:active {
	color:#BF8130;
}

.submissionbox dl div {clear: both;}
.submissionbox form { 
   font-size: .8em; 
   float: right; 
}

dl {margin:10px 15px;
}

dt, dd {font-size:85%;
    color:#3D3D3D;
}

dt {float:left;
    font-weight:bold;
    margin-right:1em;
}

/* Layout */

#all {width:780px;
	margin:auto;
	margin-top:20px;
	margin-bottom:30px;
	position:relative;
	top:0;
	left:0;
	text-align:left;
}

#header {background:#fff;
	width:780px;
	height:220px;
}

.wrapper {padding:5px;
}

#welcome {
    float:right;
    height:208px;
    width:553px;
    background:url("/images/welcome.jpg") top right no-repeat;
    margin:1px;
}

#welcome div {margin-top:180px;
	background-color:#bf8130;
	height:28px;
	width:275px;
	float:left;
}

#welcome #secondaryleft { 
width: 290px;
}

#welcome #secondaryright { 
width: 260px;
 }

.sahorseman #welcome div {background-color:#3062BF;
}

.institute #welcome div {background-color:#4F4F4F;
}

#welcome div ul {list-style:none;
	margin:0;
	padding:0;
}

#welcome div li {float:left;
	text-align:center;
}

#welcome div li a {font-size: 0.9em;
	text-decoration:none;
	color:#fff;
	display:block;
	width:79px;
	padding:6px 6px 5px 6px; 
}

#welcome #secondaryright li a {
 	width:53px;
/*        padding-left: 4px; */
}

#welcome div li a:hover {background-color:#3062BF;
	border-bottom:1px solid #3062BF;
}

.sahorseman #welcome div li a:hover {background-color:#bf8130;
	border-bottom:1px solid #bf8130;
}

#welcome #secondaryleft {border-right:3px solid #fff;
}

.institute #welcome {background:#4F4F4F url("/images/institute.jpg") top right no-repeat;
}

.sahorseman #welcome {background:#3062BF url("/images/sahorseman.jpg") top right no-repeat;
}

#loginbox {color:#fff;
	font-size:90%;
	background-color:#596E93;
	margin-bottom:3px;
}

#loginbox td {padding:2px 0px;
}

#loginbox input {font-size:80%;
}

#welcome-msg {font-size:80%;
}

#all-content {background:#fff;
	width:780px;
	min-height:373px;
	border-bottom:1px #fff solid;
        margin-top:6px;
}

#all-content .wrapper {padding:5px 3px 5px 5px;
}

#all-content #content {float:right;
	width:556px;
	display:block;
	background-color:#fff;
}

/* The static index box */
#staticindex {
border: solid 1px #bf8130;
margin: 5px;
width: 220px;
float:right;
}

#content p {
clear: none;
}

#staticindex ul {
padding-left:2em;
}

/* Forms */

select, input, textarea {font-size:1em;
}

fieldset {
	padding:15px;
	margin:20px 15px 5px 15px;
	background:#EFE2D1;
	border:0;
	font-size:90%;
}

fieldset input, fieldset textarea, fieldset select {margin:0 0 0.25em 0.5em;
	padding:0;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
}

label {
	margin: 0;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
}

.roles label {width:30em;
}

#contentsText {width:250px;
    height:250px;
}

#messageText {width:250px;
    height:250px;
}

.submitbtn {margin:0.5em 0 0 13.5em;
}

#feedback {margin:10px 15px;
	background-color:#C4CCDB;
	padding:0.5em;
    clear: right;
}

.exception, #exception {margin:10px 15px;
	font-size:0.85em;
	background-color:#EF564A;
	color:#fff;
	padding:0.5em;
    clear: right;
}

.errorlist li {
    margin:20px 15px 0px 0px;
	font-size:0.85em;
	background-color:#EF564A;
    list-style: none;
	color:black;
	padding:0.2em;
}

.invalidmessage {font-size:90%;
	margin-left:0.5em;
}

.invalidfield {background-color:#EFB7B3;
}

input.btn {font-size:80%;
}


.widetextarea {width:99%;
}

/* Menu */

#logo {position: absolute;
       top: 6px;
       left: 79px;
}

.longname {font-size:80%;
}

#topbuttons {float:left;
	width:212px;
	height:208px;
}

#topbuttons ul {list-style:none;
	margin:0;
	padding:0;
	width:212px;
	height:70px;
	display:block;
}

#topbuttons ul li {float:left;
}

#topbuttons ul li a {width:68px;
	height:68px;
	display:block;
	background:#bf8130;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-size:90%;
	margin:1px;
	font-weight:bold;
}

#topbuttons ul li a:hover, #topbuttons ul li a:active, #topbuttons ul li a.active {background:#3062bf;
}

#topbuttons ul li a span {position:relative;
	top:26px;
}
#topbuttons ul li a.empty {background:#fff;
	cursor:default;
}

/* Content-blocks */

#all-content #content .content-block {
	width:178px;
	height:193px;
/* Hide from Mac IE5 hack \*/
	height:auto;
	min-height:193px;
/* end hack */
	border:1px #BDC6D7 solid;
	border-bottom:0;
	float:left;
	margin:0 5px 5px 0;
	background:#fff;
}

#all-content #content .advert {
	margin:0;
	width:178px;
	height:193px;
}

#all-content #content .advert img {margin:1px 0 0 1px;
}

#all-content #content .content-block h1, #all-content #content .content-block h2, #google .content-block h2 {
	background:#bf8130;
	color:#fff;
	font-size:80%;
	text-align:center;
	margin:2px 2px 10px 2px;
	padding:4px 0;
}

#google .content-block h2 {
	background:#fff;
	color:#bf8130;
	border-top:1px solid #bf8130;
	border-bottom:1px solid #bf8130;
}


#all-content #content .content-block h1 a, #all-content #content .content-block h2 a {
	text-decoration:none;
	color:#fff;
}

#google .content-block h2 a {
	text-decoration:none;
	color:#bf8130;
}

#all-content #content .content-block h1 a:hover, #all-content #content .content-block h2 a:hover, #google .content-block h2 a:hover {
  text-decoration: underline;
}

#all-content #content .content-block h3, #all-content #content .content-block h4,
#all-content #content .content-block h5, #all-content #content .content-block h6 {font-size:80%;
	margin:5px 8px;
	padding:0px;
	font-weight:bold;
}

#all-content #content .content-block ul, #google .content-block ul {font-size:80%;
	margin:0 0 7px 22px;
	padding:0 0 0 3px;
	list-style:square;
	line-height:125%;
        font-size:70%;
	color:#7085A9;
}

#google .content-block .instruction {
  float:right; 
  margin: -1em 2px 0 0;
}

#all-content #content .content-block li, #google .content-block li {margin-bottom:0.5em;
color: #000;
margin-right: 1em;
}

#all-content #content .content-block ul li a, #google .content-block ul li a {font-weight:normal;
}


#all-content #content .content-block p, #google .content-block p {font-size:70%;
	margin:0 8px 15px 8px;
	padding:0;
}

#all-content #content .adjacent-advert {margin-left:6px;
}

#all-content #content .sahorseman-block h2 {
background-color:#3062BF;
}
#all-content #content .sahorseman-block p {
 margin-bottom: 2px;
}


/* Content */

#all-content #content pre {font-size:90%;
	margin:10px 15px 5px 15px;
	padding:0;
	color:#3D3D3D;
}

#all-content #content blockquote {font-size:90%;
	margin:10px 15px 5px 15px;
	padding:0;
	color:#3D3D3D;
}

#all-content #content p {font-size:90%;
	margin:10px 15px 5px 15px;
	padding:0;
	color:#3D3D3D;
}

#all-content #content ul, #all-content #content ol {font-size:90%;
	list-style:square;
	color:#3D3D3D;
}


#all-content #content h2, #all-content #content h3 {margin:20px 15px 5px 
15px;
}

#all-content #content h2 {font-size:120%;
    padding:0;
    color:#bf8130;
}

#all-content #content h3, #all-content #content h4 {font-size:100%;
    padding:0;
    color:#bf8130;
}


all-content #content h3 {
    clear: both;
}

#staticindex {
    clear: right;
}

#all-content #content .radioselect {
    list-style: none;
}

.resultspager {
    margin:1em 0;
    clear: both;
}


#all-content #content .summarybox .heading {
	margin-bottom: 0;
/*	border-bottom: solid 1px; */
}
#all-content #content .summarybox .signature {
	margin-top: 0;
	font-style: italic;
}

.submissionbox {
	clear: both;
}

#all-content #content .submissionbox .heading {
	margin-bottom: 0;
}
#all-content #content .submissionbox .signature {
	margin-top: 0;
	font-style: italic;
}

.odd {background: url(/images/gradient.jpg) repeat-x;
	padding:0.5em 0;
	margin:20px 15px 5px 15px;
}

.article object {width:100%;
	min-height:700px;
	height:auto;
}

.video {
   clear: right;
}

.video div  {width:480px;
	height: 380px;
	margin:10px 15px 5px 15px;
	padding:0;
}

.video iframe  {width:480px;
	height: 380px;
	margin:10px 15px 5px 15px;
	padding:0;
}

.article iframe {width:99%;
	min-height:700px;
/*        overflow: hidden; */
/*	height:auto; */
}

table.datatable {margin:0px 15px;
    border-collapse:collapse;
    width:80%;
    clear: both;
}

.datatable a 
{ font-size: 95%;
  text-decoration: none; }

caption {text-align:left;
    font-weight:bold;
    margin:0 0 3px 15px;
    font-size:0.95em;
    color:#BF8130;
}

th {background-color:#bf8130;
    color:#fff;
    padding:3px;
    font-size:0.85em;
}

table.datatable td {border-bottom:1px solid #bf8130;
    font-size:0.85em;
}

/* the link to top 100 sites */
#top100 {
 position: absolute;
 left: -170px;
}

/* Google */

#newgoogle {
 position: absolute;
 left: -170px;
}

#all-content #google {
	width:208px;
	border:1px #BDC6D7 solid;
	border-bottom:0;
	float:left;
	background:#fff;
	padding-top:10px;

	height:auto;
	min-height:600px;
}

#googleSearch {margin-left:40px;
}

/* Footer */

#ft {font-size:80%;
  color:#CECECE;
  margin:3px 50px 20px 250px;
  clear:both;
}

#ft ul {list-style:none;
	margin:0;
	padding:0;
}

#ft li {display:block;
	float:left;
	margin-right:15px;
}

#ft a {color:#CECECE;
}

#ft a:hover {color:#CECECE;
}


/* List of links for categorylist */
ul.categorylist li {
 float: left;
 list-style: none;
 padding: 0 0.5em 0 0.5em;
 display:block;
}


/* List of links for localoperations */
/* adapted from: http://sitesurgeon.co.uk/articles/horizontal-lists.html */

ul.localoperations {
 list-style-type: none; 
}

.localoperations li {
 display: inline; 
 padding: 0 0.5em 0 0.7em;
 border-left: 0.08em solid #644; 
}

.localoperations li.first {
 padding-left: 0;
 border: 0;
}

.localoperations {
    float: right;
}

/* Iwan: added for pic attachments */
.attachmentbox {
  text-align: center;
}


 #sah { color: black; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 13px; text-align: left; }
 #sah p {}
 #sah td {}
 #sah a:link { color: #039 ; font-size: 13px; line-height: 13px; text-decoration: none; }
 #sah a:visited { color: #039; text-decoration: none; }
 #sah a:hover { color: #039 ; font-size: 13px; line-height: 13px; text-decoration: underline; }
 #sah a:active { color: #039; text-decoration: none; }
 #sah .wrapper {padding:0px 0px 0px 0px;}
 #sah h1 { color: #151472; font-size: 15px; font-weight: 700; line-height: 15px; }
 #sah Heading { color: #151472; font-size: 15px; font-weight: 700; line-height: 15px; }
 #sah body { color: #151472; font-size: 15px; font-weight: 700; line-height: 15px; }
 #sah .heading { color: #151472; font-size: 15px; font-weight: 700; line-height: 15px; }