/* ================= Globals ============== */
body { margin: 0; background-color: #f0f0f0;}
td { vertical-align: top;}
hr { border: solid 2px #BD0800; margin: 7px 0; padding: 0; background-color: #BD0800; color: #BD0800;}
.ie hr { margin: 0 0 -20em 0; height: 4px; }
a img { border: none;}
a { color: black; font-weight: bold; text-decoration: none;}
a:hover { color: yellow;}
.alignright { float: right;}
.alignleft  { float: left;}
.aligncenter {text-align: center;}
.padless {margin:0; padding:0;}
p {margin: 0 0 1em 0;}
/* ======================================== */

/* ======== Font Sizes and layout ========= */
body { font-family: arial, sans-serif; font-size:12px;}
h2, h3, h4, h5, h6 {padding: 0; margin: 0;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 110%;}
#footerpadding { font-size: small; }
.cattitle { font-size: 120%;}
.catdescription { font-size: 80%;}
/* ======================================== */

/* ============= Basic layout ============= */
#container { width: 769px; min-width: 600px; margin: 0 auto 1em auto; position: relative; }
#logo, #content, #footer { margin: 0 14px; background-color: white;}
/* ======================================== */

/* ============== Logo Space ============== */
#logo h1 { display:none; position: absolute; top: 40px; left: 30px;}
#logo { height: 130px; background-color: white; }
#logogfx { float: right; margin: 20px;}
#tagline { width: 45%; position: absolute; top: 20px; left: 0px; }
#tagline h2 { padding: 0.25em 0.5em 0.25em 2em; margin: 0;}
#pagelinks { display: none;}
#header_phonefax span { display: block;}
#header_phonefax { position: absolute; right: 35px;	top: 105px; text-align: right;}
/* ======================================== */

/* =============== Ribbon ================= */
#ribbon { display:none;}
/* ======================================== */

/* =============== Sidebars =============== */
#sidebar2 { width: 20%; overflow: hidden; }
.sidebar { padding: 0.75em; overflow: hidden; }
.sidebar p { padding: 0; margin: 0 0 0.5em 0;}
.sidebar_box {margin-top: 1em;}
.sidebar_news_article { font-size: 95%; margin-bottom: 1.5em;}
/* ======================================== */

/* ============== Sidebar 1 =============== */
#sidebar1 {display:none;}

/* ======================================== */

/* ================ Footer ================ */
#footer { padding: 0 0.75em 0.75em 0.75em ; text-align: center; height: 100%;}
.ie #footer { line-height: 1.5em;}
#footerpadding { padding: 1em;}
#footerpadding p { margin: 0.25em; }
.footer_address, .footer_phone, .footer_copyright { display: block; }
/* ======================================== */

/* ===== Frontpage category block ======= */
.catbox { text-decoration: none; color: black; display:block; overflow: auto; background-color: white;}
.catbox { margin-bottom: 1em; }
.cattextbox {
	display: block;
	font-weight: normal;
	height: 100%;
	overflow: auto;
	padding: 0em 5px 0 5px; 
}

.cattitle { display:block; padding: 5px 0; font-weight: bold;}
.last {margin-bottom: 0;}
/* ======================================== */

/* ===== Category search and archive ====== */
.excerptblock h3 a { color: #BD0800; display:block; }
.excerptblock h3 a:hover { color: black; text-decoration: none;}
.excerptblock h3 { padding: 0; margin: 0 0 12px 0;}
.ie .excerptblock { line-height: 1.3em;} /* Fix/hack for IE peekaboo bug. */
.excerptblock { 
	border: solid 1px silver;
	padding: 6px 12px 12px 12px;
	margin: 12px 0 0 0;
}
/* ======================================== */

/* ======= Excerpt thumbnail image ======== */
.excerptimage { float: left; margin-right: 12px; width: 128px; height: 128px; vertical-align: middle; border-spacing: 0; }
.excerptimage td { vertical-align: middle; padding: 0; height: 96px; width: 128px; background-color: ;}
.excerptimage a { display: block;}
/* ======================================== */

/* ========== Content area ================ */
#content_table { border-collapse: separate; border-spacing: 0.75em 0.75em; width: 100%;} /* This bit is utterly lost on IE :( */
.content_space { padding: 0.75em 0 0 0; overflow: hidden; color: #444}
.content_space img { max-width: 100%;}
.content_space a,
.content_space h1,
.content_space h2,
.content_space h3,
.content_space h4,
.content_space h5,
.content_space h6 { color:black; }
.content_space a:hover { text-decoration: underline; color:black;}
.content_space ol,
.content_space ul { list-style-position: outside;}

.page-links {font-weight: bold; text-align: center; margin: 0.25em 0; }
.page-links span { border: solid 1px silver; padding: 0 0.25em; background-color: white; }
.page-links a span { border: solid 1px silver; padding: 0 0.25em; background-color: #eee; }
.page-links a:hover span { background-color: white; color: red }

/* ======================================== */

/* ============ Comments ================== */
#comments { display: inline;}
#comments_rss_link { margin-left: 1em;}
#commentlist, #commentlist * { padding: 0; margin: 0;}
#commentlist li { border: solid 1px silver; margin-top: 0.5em; padding: 0.5em;}
#commentlist hr { color: #BD0800; background-color: #BD0800; border-style: none; height: 1px; margin: 0.5em 0; padding: 0;}
#commentlist p { margin-top: 0.5em; }
.alternate { background-color: #eee;}
.commentheader {font-size: x-small; font-weight: bold; font-style: italic;}
/* ======================================== */

/* ========== Left right arrow ============ */
.leftrightarrow { height: 22px; width: 48px; display: inline; float: right;}
.leftrightarrow a { height: 20px; width: 20px; }
.rightarrow,
.leftarrow  { background-color: #eee; height: 20px; width: 20px; text-align: center; display: inline; overflow: hidden; line-height: 20px; cursor: pointer; border: solid 1px silver}
.rightarrow { float: right; margin-left: 1px;}
.leftarrow  { float: left; margin-right: 1px;}

.sidebar .leftarrow,
.sidebar .rightarrow { border:double 3px #666; background-color: silver; color: #666}

.bottompagelinks { display: block; text-align: center;}
.bottompagelinks .bottomleft,
.bottompagelinks .bottomright { background-color: #eee; margin-top: 1em; padding: 0.25em 1em; display: inline; cursor: pointer; border: solid 1px silver;}
.bottompagelinks .bottomright { float: right;}
.bottompagelinks .bottomleft  { float: left;}

/* real bowsers only, IE need not apply. :D */
.leftrightarrow a:hover span,
.bottompagelinks a:hover span { text-decoration: underline;}
/* ======================================== */

/* ============ Contact form ============== */
#contactform .contactformrow { margin-bottom: 0.5em;}
#contactform label { width: 200px; float: left; text-align: right; margin-right: 10px}
#contactform #div_contactform_recipient {margin: 10px 0; padding: 10px 0; border-top: solid 1px silver;border-bottom: solid 1px silver;}
#contactform #contactform_recipient {color: #666}
#contactform .submit {float: right;border: 3px double #999; border-left-color: #ccc; border-top-color: #ccc; color: #333; padding: 0.25em;}
#contactform .textarea,
#contactform .text { width: 300px; background-color: #f9f9f9; border: solid 1px silver;}
#contactform .textarea:focus,
#contactform .text:focus { background: #fff; }

#contactform #div_icit_email { clear:both;}
#contactform #div_icit_name { display:inline; float: left; width: 200px; padding: 0; margin-right: 10px}
#contactform #div_icit_surname { display:inline; float: left; width: 200px; padding: 0;}
#contactform #label_icit_name { width: 200px; text-align: left; padding: 0; margin: 0; }
#contactform #label_icit_surname {text-align: left; width: 140px; display:block; clear: right;}
#contactform #icit_name { width: 195px;}
#contactform #icit_postcode {width: 100px;}
#contactform #div_icit_submit_1,
#contactform #div_icit_submit_2,
#contactform #div_icit_submit_3 { border-top: solid 1px silver; padding-top: 10px; margin-top: 10px;}
#contactform #icit_by_para,
#contactform #icit_int_para { font-size: large; margin: 1em 0;}