/*
Title:		BKdesign screen styles
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
	
/* Clearing floats  */
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }

/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
Title:		generic styles for all media
*/

/* MAIN TYPOGRAPHY */
html { font-size: 62.5%; font-family: helvetica, "microsoft sans serif", arial, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }
cite, em, dfn { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
del { text-decoration: line-through; color: #666; }
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 85%; }
abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

/* QUOTES */
blockquote { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666; }
blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after { content: "\201D"; }

/* language specific quotes! */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
:lang(af), :lang(nl), :lang(pl) { quotes: '\201E' '\201D' '\201A' '\2019'; }
:lang(bg), :lang(cs), :lang(de), :lang(is), :lang(lt), :lang(sk), :lang(sr), :lang(ro) { quotes: '\201E' '\201C' '\201A' '\2018'; }
:lang(da), :lang(hr) { quotes: '\00BB' '\00AB' '\203A' '\2039'; }
:lang(el), :lang(es), :lang(sq), :lang(tr) { quotes: '\00AB' '\00BB' '\2039' '\203A'; }
:lang(en-GB) { quotes: '\2018' '\2019' '\201C' '\201D'; }
:lang(fi), :lang(sv) { quotes: '\201D' '\201D' '\2019' '\2019'; }
:lang(fr) { quotes: '\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'; }

/* NOTE: safari refuses to support the quotes syntax. I only added the english language quotes for safari to save space. */
html[lang|='en'] q:before   { content: '\201C'; }
html[lang|='en'] q:after    { content: '\201D'; }
html[lang|='en'] q q:before { content: '\2018'; }
html[lang|='en'] q q:after  { content: '\2019'; }

body { font-size: 1.2em; line-height: 1.6em; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*
-----------------------------
CONTENT ONLY
-----------------------------
*/

/* BASE SIZES */
#content_main h1 { font-size: 1.6em; }
#content_main h2 { font-size: 1.5em; }
#content_main h3 { font-size: 1.4em; }
#content_main h4 { font-size: 1.3em; }
#content_main h5 { font-size: 1.2em; }
#content_main h6 { font-size: 1em; }

/* HR */
#content_main hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }

/* LISTS */
#content_main ul li { text-indent: -.85em; margin-left: .85em; }
/* #content_main ul li:before { content: "\2022\00a0\00a0"; } */
#content_main ol { list-style-position: outside; list-style-type: decimal; }
#content_main dt { font-weight: bold; }

/* TABLES */


/* MARGINS & PADDINGS */
#content_main blockquote *:first-child { margin: .8em 0; }
#content_main hr, #content_main p, #content_main ul, #content_main ol, #content_main dl, #content_main pre, #content_main blockquote, #content_main address, #content_main table { margin-bottom: 1.6em; }
#content_main p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
#content_main h1 { margin: 1em 0 .5em;  }
#content_main h2 { margin: 1.07em 0 .535em; }
#content_main h3 { margin: 1.14em 0 .57em; }
#content_main h4 { margin: 1.23em 0 .615em; }
#content_main h5 { margin: 1.33em 0 .67em; }
#content_main h6 { margin: 1.6em 0 .8em; }
#content_main th, #content_main td { padding: .8em; }
#content_main caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#content_main blockquote { padding: 0 1em; margin: 1.6em 0; }
#content_main a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#content_main dt { margin-top: .8em; margin-bottom: .4em; }
#content_main ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }

/* COLORS */
#content_main a:link { text-decoration: underline; color: #af8820; font-weight: bold; }
#content_main a:visited { text-decoration: underline; color: #af8820; font-weight: bold; }
#content_main a:hover { text-decoration: underline; color: #000; font-weight: bold; }
#content_main a:active, #content_main a:focus { text-decoration: underline; color: #000; }
#content_main code, #content_main pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */



html {
	background: url("images/bg_html.png") fixed 50% 0;
	}
body {
}
#container {
	position: relative;
	width: 896px;
	margin: 66px auto 0;
	background: url("images/bg_body.png") 50% 0;
}
/* Wrap  */
#wrap {
  position: relative;
	top: -76px;
	left: 0;
	background: url("images/bg_wrap.jpg") top left no-repeat;
  display: inline-block;
}

/* Access  */
ul#nav_access {
	position : absolute;
	top: 45px;
	left: -42px;
	width: 45px;
	height: 480px;
	text-indent : -9999px;
	
}

/* Branding  */
#branding {
	position: relative;
	overflow: visible;
}
#branding h1 {
	position: absolute;
	top: 48px;
	right: -33px;
}
#branding h2 {

	position: absolute;
	top: 0;
	left: 7px;
	width: 232px;
	height: 344px;
	text-indent : -9999px;
	background: url("images/identity.png") top left no-repeat; 
}

/* Navigation  */
#nav {
	position: relative;
	left: 430px;
	top: 250px;
	width: 330px;
	height: 115px;
}

/* Content  */
#content {
	float: left;
	padding: 0;
}

#content_main {
	display:inline;
	width: 415px;
	min-height: 800px;
	float: left;
	margin: 180px 0 0 0;
	padding: 10px 5px 0;
	padding-top: 150px;
	min-height: 300px;
	}
	#content_main h1.componentheading,  #content_main h2.contentheading {
		padding-bottom: 25px;
		font-size: 30px;
		height: 30px;
		margin: 0;
		padding: 0 0 40px 0;
		background: url("images/bg_h1.png") bottom left no-repeat;
		}
    * html #content_main h1.componentheading, * html #content_main h2.contentheading { 
        background: url("images/bg_h1.gif") bottom left no-repeat;
    }


#content_sub {
	display:inline;
	position: relative;
	width: 227px;
	margin: 310px 0 0 7px;
	padding: 100px 0 0;
	float: left;
	text-align: left;
	min-height: 540px;
	background: url("images/bg_content_sub.png") 10px 30px no-repeat;
}
#content_extra {
	display:inline;
	width: 205px;
	float: right;
	text-align: left;
	margin: 280px 7px 0 0;
	padding: 50px 0 0;
	height: 500px;
	min-height: 300px;
}

#siteinfo {
	clear: both;
	height: 74px;
	background: #9b2015;
	color: #fff;
	text-align: center;
	line-height: 74px;
	margin: 0 5px;
}
#content_main p.first-child  {
	font-weight: bold;
}


/* Sub menu */
ul.menu_sub {
margin-left: 15px;
}
ul.menu_sub li a{
	display: block;
	width: 190px;
	height: 31px;
	background: url("images/menu_sub.gif") 0 0 no-repeat;
	}
    * html ul.menu_sub li a{
        background: url("images/menu_sub.gif") 0 0 no-repeat;
    }
	ul.menu_sub li a span {
		display: none;
		}

	ul.menu_sub li.item17 a:hover {
		background-position: -190px 0;
		}
	ul.menu_sub li#current.item17 a {
		background-position: -380px 0;
		}
	
	ul.menu_sub li.item18 a {
		background-position: 0 -31px;
		}
		ul.menu_sub li.item18 a:hover {
			background-position: -190px -31px;
			}
		ul.menu_sub li#current.item18 a {
			background-position: -380px -31px;
			}

	
	ul.menu_sub li.item19 a {
		background-position: 0 -93px;
		}
		ul.menu_sub li.item19 a:hover {
			background-position: -190px -93px;
			}
		ul.menu_sub li#current.item19 a {
			background-position: -380px -93px;
			}
			
			
	ul.menu_sub li.item20 a {
		background-position: 0 -62px;
		}
		ul.menu_sub li.item20 a:hover {
			background-position: -190px -62px;
			}
		ul.menu_sub li#current.item20 a {
			background-position: -380px -62px;
			}
			
			
	
	ul.menu_sub li.item21 a {
		background-position: 0 -124px;
		}
		ul.menu_sub li.item21 a:hover {
			background-position: -190px -124px;
			}
		ul.menu_sub li#current.item21 a {
			background-position: -380px -124px;
			}
	

    ul.menu_sub li.item22 a {
		background-position: 0 -155px;
		}
		ul.menu_sub li.item22 a:hover {
			background-position: -190px -155px;
			}
		ul.menu_sub li#current.item22 a {
			background-position: -380px -155px;
			}
	




#siteinfo a {
	color: #fff;
}
img.left {
	float: left;
	padding-right: 10px;
	}
img.right{
	float: right;
	padding-left: 10px;
	}

img.image_left {
	border: 2px solid #e5b427;
	}

#content_main p.readon {
	margin: -1.5em 0 0;
	padding: 0;
}
#content_main a.readon {
}
#content_main a.readon:hover, #content_main a.readon:active, #content_main a.readon:focus  {
}
#content_main .pagination {
	border-top:solid 1px #CCC;
	margin:10px 0 0;
	padding:10px 0;
}

#content_main ul.pagination {
	list-style:none!important;
	margin:0;
	padding:0;
	text-align:left;
}

#content_main ul.pagination li {
	list-style:none!important;
	display:inline;
	padding:2px 5px 0;
	text-align:left;
}

#content_main ul.pagination li a {
	padding:2px;
}
#content_main div.blog_articles h2 {
	border-bottom: 1px solid #d4dfb5;
	color: #3f6704;
}


ul.menu {
padding-top: 70px;
}
#siteinfo ul.menu {
margin: 0!important; padding: 0;
display: inline;
}

#siteinfo ul li {
	float: left;
}

textarea, input[type='text'], select {  }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {  }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {  }
input, select { cursor: pointer; }
input[type='text'] { cursor: text; }

form {
	width: 100%;
}

fieldset {
	float: left;
	clear: left;
	width: 99%;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #eee url("images/fieldset_gradient.jpg") repeat-x;
}

textarea { 
	width: 60%; 
	height: 100px;
}

legend {
	margin-left: 1em;
	padding: 0;
	color: #000000;
	font-weight: bold;
}

fieldset ol {
	padding: 1em 1em 0 1em;
	margin: 0;
	list-style: none;
	zoom: 1;
}

fieldset li {
	float: left;
	clear: left;
	list-style: none;
	width: 100%;
	padding-bottom: 1em;
}
form label {
	position: relative;
	float: left;
	width: 10em;
	}
	form.left label {
		margin-right: 1em;
	}
	form.right label {
		margin-right: 1em;
		text-align: right;
	}
	form.top label {
		width: auto;
		float: none;
		display: block;
	}
form label em {
	position: absolute;
	top: 0;
	}
	form.left label em {
		left: 10em;
	}
	form.right label em {
		left: 23.2em;
	}
	form.top label em {
		left: 12.2em;
		top: 1.5em;
	}

form fieldset label strong {
	position: absolute;
	width: 19em;
	color: #c00;
	font-weight: normal;
	}
	form.left fieldset label strong {
	left: 24em;
	}
	form.right fieldset label strong {
	left: 24.2em;
	text-align: left;
	}
	form.top fieldset label strong {
	left: 13.2em;
	top: 1.5em;
	}

fieldset fieldset {
	margin-bottom: -2.5em;
	border-style: none;
	background-color: transparent;
	background-image: none;
}

fieldset fieldset legend {
	margin-left: 0;
	font-weight: normal;
}

fieldset fieldset ol {
	position: relative;
	top: -1.5em;
	margin: 0 0 0 11em;
	padding: 0;
}

fieldset fieldset label {
	float: none;
	width: auto;
	margin-right: auto;
}
input.error {
	border: 1px solid #c00;
	}
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 12em;
	background: none;
}

#searchForm {
	position:absolute;
	right:10px;
	top:20px;
	margin:0;
	padding:0;
	font-size:0.94em;
	line-height:2.25em;
}
#searchForm label {
	display:inline;
	margin:0;
	color:#666;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	text-transform:uppercase;
	vertical-align:middle;
}
#searchForm input.txt {
	display:inline;
	width:130px;
	padding:2px;
	border:1px solid #999;
	vertical-align:middle;
}
#searchForm input.txt:focus {
	color:#000;
	background:#fff1bf;
}
#searchForm input.btn {
	margin:0;
	vertical-align:middle;
}

h2.sidebarheading
{
font-size:12px;
font-weight:bold;
}