/*************** START MAIN ELEMENTS ***************/
/* Reset all margins and paddings */
* { margin:0; padding: 0; }

/* correct select boxes */
option { padding-left: 0.7em; }

/* Reset all font sizes */
html * { font-size: 100.01%; }

/* Set the main body object, reset the font size to 75% (12px) */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	color: #202020;
	line-height: 1.3;
	height:100%;
	background-color: #9D9EA0;
	background-image: url(../img/background.jpg);
	background-repeat: repeat-x;
}

/* this is for all the browsers that can do min-width */
.width {
	width: 100%;
	min-width: 1024px;
}

/*************** START IE MIN WIDTH HACK ***************/
* html .container {
	margin-left: -1024px;
	position: relative;
}

* html .minwidth, * html .container, * html .content, * html .layout {
	height: 1px;
}

* html .minwidth {
	padding-left: 1024px;
}

/*************** END IE MIN WIDTH HACK ***************/


/* Set all header directives to 0.25em margin */
h1,h2,h3,h4,h5,h6 { 
  	font-family: Arial; 
  	color: #6D6E71;
  	margin: 0 0 0.25em 0;
}

/* h1 should be 16 px */
h1 {
  font-weight: normal;
	font-size: 133.33%;
}

/* h2 should be 12 px */
h2 {
	font-weight: bold;
}
/*************** END MAIN ELEMENTS ***************/

/*************** START LINK ELEMENTS ***************/
/* global */
a {
  text-decoration: none;
  color: #6D6E71;
}

a:hover {
  color: #D71921;
}

/* link (within text) */
.box_big_body a, .box_small_body a, .box_big_body a:hover, .box_small_body a:hover {
  text-decoration: underline;
}

/* link in h1, h2 */
.box_big h1 a, .box_big h2 a, .box_big h1 a:hover, .box_big h2 a:hover,
.box_small h1 a, .box_small h2 a, .box_small h1 a:hover, .box_small h2 a:hover {
	text-decoration: none;
}
/*************** END LINK ELEMENTS ***************/
 
hr {
  margin: 10px 10px 10px 0;
  border: 0;
  border-bottom: 1px #6D6E71 solid;
  height: 0px;
  width: 100%;
}

.hr {
  margin: 10px 10px 10px 0;
  border: 0;
  border-bottom: 1px #6D6E71 solid;
}

img {
	border: none;
}

p {
	padding: 3px 0 3px 0;	/* padding */
}

/* Lists should be padded with 25px to the left */
ul, ol {
	padding-left: 25px;
}

/* Unordered lists should always have our list icon */
ul {
	list-style-image: url(../img/li_icon.jpg);
}

/* Input boxes should have normal border etc */ 
input,textarea {
	border: 1px solid #6D6E71;
}

input.submit, textarea.submit {
	background-color: #FFFFFF;
}

/* for all the browsers that can do hover :) */
input.submit:hover {
	border-color: #D71921;
}

#left {
	float:left;
	width:650px;
}

#right {
	margin-left: 677px;
	width: 332px;
}

/*************** START HEADER ELEMENTS ***************/
#header {
	height:140px;
	width:100%;
	border:none;
	background-color: #FFFFFF;
}

#header .menu_bread {
	width: 100%;
	height: 23px;
	background-image: url(../img/header_breadcrumb.jpg);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 83.3%;
}

.menu_bread {

}

#header .logo {
  position: absolute;
  top: 22px;
  left:27px;
  clear:both; /* just to make sure all floats are cleared */
}
/*************** END HEADER ELEMENTS ***************/

/*************** START LARGE BOX ELEMENTS ***************/
.box_big {
  margin: 0px 0px 20px 27px; /* use to position the box */
  width: 650px;             /* the width of the box */ 
}

.box_big_lbox {
  margin: 0px 0px 0px 27px; /* use to position the box */
  width: 650px;             /* the width of the box */ 
}

.box_big_head {
  background-image: url(../img/box_big_head.gif);
  background-repeat: no-repeat;
  height: 34px;
}

.box_big_head h2 {
	padding: 8px 0 0 15px;  
	font-size: 130%;
	color: #D71921;
	font-weight: normal;
}

.box_big_header_blank {
  background-image: url(../img/box_big_header_blank.gif);
  background-repeat: no-repeat;
  height: 8px;
}  

.box_big_body {
  background-image: url(../img/box_big_middle.gif);
  background-repeat: repeat-y;
  padding: 10px 12px 10px 12px;
  height:100%;
}

.box_big_footer {
  background-image: url(../img/box_big_footer.gif);
  background-repeat: no-repeat;
  height: 8px;
}
/*************** END LARGE BOX ELEMENTS ***************/

/*************** START SMALL BOX ELEMENTS ***************/
.box_small {
  margin: 0px 0px 20px 10px; /* use to position the box */
  width: 305px;             /* the width of the box */ 
}

.box_small_head {
  background-image: url(../img/box_small_head.gif);
  background-repeat: no-repeat;
  height: 34px;
}

.box_small_head h2 {
	padding: 8px 0 0 15px;  
	font-size: 130%;
	color: #D71921;
	font-weight: normal;
}

.box_small_header_blank {
  background-image: url(../img/box_small_header_blank.gif);
  background-repeat: no-repeat;
  height: 8px;
}  

.box_small_body {
  background-image: url(../img/box_small_middle.gif);
  background-repeat: repeat-y;
  padding: 10px 12px 10px 12px;  
  height: auto;
}

.box_small_body_content {
  padding-bottom:1px; /* this fixed a bug, where paragraphs are not displayed properly */
}

.box_small_footer {
  background-image: url(../img/box_small_footer.gif);
  background-repeat: no-repeat;
  height: 8px;
}
/*************** END SMALL BOX ELEMENTS ***************/

/*************** START IMAGE BOX ELEMENTS ***************/
.box_image {
  margin: 0px 0px 20px 10px; /* use to position the box */
  width: 305px;             /* the width of the box */ 
}
/*************** END IMAGE BOX ELEMENTS ***************/

/*************** START FOOTER ELEMENT ***************/
.footer {
  margin: 6px 0px 6px 27px;
  width:650px;
  color: #FFFFFF;
  text-align: center;
}

.footer a, .footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
/*************** END FOOTER ELEMENT ***************/

/*************** START NEWS ITEM SHORT ELEMENT ***************/
.news_summary {

}

.news_summary_info {
	font-size: 75.00%;
	font-style: italic;
	margin-top: 4px;
	margin-bottom: 11px;
}

.news_link_more {
  text-align: right;
  font-weight: bold;
  padding-top: 5px;
}
/*************** END NEWS ITEM SHORT ELEMENT ***************/

/*************** START NEWS ITEM LONG ELEMENT ***************/

/*************** END NEWS ITEM LONG ELEMENT ***************/

/* Newspost Date */
.date {
  color: #202020;
  font-size: 83.3%;
  font-style: italic;
}

.B_crumbBox, .B_hideCrumb, .B_currentCrumb, .B_firstCrumb, .B_lastCrumb, .B_crumb, .B_homeCrumb, .B_crumbBox a, .B_hideCrumb a, .B_currentCrumb a, .B_firstCrumb a, .B_lastCrumb a, .B_crumb a, .B_homeCrumb a {
  color: #FFFFFF;
}

.B_crumbBox a:hover, .B_hideCrumb a:hover, .B_currentCrumb a:hover, .B_firstCrumb a:hover, .B_lastCrumb a:hover, .B_crumb a, .B_homeCrumb a:hover {
  text-decoration: underline;
  color: #FFFFFF;  
}

#clip1, #clip2, #clip3, #clip4, #clip5, #clip6, #clip7, #clip8, #clip9 {
display:inline;
}

.acknowl {
	font-size: 75.00%;
  	color: #6D6E71;
}