body{
  margin:0;
  padding:0;
  font-size:12px;
  font-family:verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  background-color:#29313C;
  }

img{border:0; display:block; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
/*.right{text-align:right;}*/
.nostart {list-style-type:none; margin:0; padding:0;}
.clearfix, .clear {
  display: block;
  clear: both;
}
br.clear {
  clear:both;
  margin-top:-15px;
}
a {
  outline:none;
}
a:hover {
  text-decoration: underline;
}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{
  display:block;
  width:100%;
  margin:0;
  text-align:left;
  }

div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
  margin:0 0 20px 0;
  padding:0 0 8px 0;
  font-size:20px;
  font-weight:normal;
  font-family:Georgia, "Times New Roman", Times, serif;
  border-bottom:1px dotted #DDDDDD;
  }

.col1{color:#666666; background-color:#ECECEC;}
.col2{color:#FFFFFF; background-color:#000000;}
.col3, .col4, .col5{color:#666666; background-color:#FFFFFF;}
.col6{color:#666666; background-color:#ececec;}
.col6 a{color:#666666;}
.col7, .col7 a{color:#FFFFFF; background-color:#29313C;}

/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #intro, #themesStart, #breadcrumb, #container, #footer, #copyright{
  position:relative;
  margin:0 auto 0;
  display:block;
  width:960px;
  }

/* ----------------------------------------------Header-------------------------------------*/

#header{
  padding:20px 0 15px 0;
  font-family:Georgia, "Times New Roman", Times, serif;
  }

#header #logo{
  display:block;
  float:left;
  width:300px;
  }

#header #logo h1, #header #logo p{
  margin:0;
  padding:0;
  line-height:normal;
  }

#header #logo h1{
  margin:0 0 10px 0;
  padding:0;
  font-size:36px;
  border:none;
  }

#header h1 a{
  color:#3A6C86;
  background-color:#E3F1F9;
  }

/*
#header #newsletter{
  float:right;
  padding:10px 10px 12px 10px;
  color:#000000;
  background-color:#d2d2d2;
  }

#header #newsletter p{
  margin:0 0 8px 0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  }
*/
/* ----------------------------------------------Topbar-------------------------------------*/

#topbar{
  z-index:1000;
  }

#topbar #search{
  display:block;
  float:right;
  width:242px;
  height:36px;
  margin:0;
  padding:10px 0 0 17px;
  color:#FFFFFF;
  background-color:#000000;
  border-left:1px dotted #666666;
  overflow:hidden;
  }

/* ----------------------------------------------Homepage Intro-------------------------------------*/

#intro{
  padding:30px 0 5px 0;
  font-size:16px;
  font-family:Georgia, "Times New Roman", Times, serif;
  }

#intro .fl_left{
  display:block;
  float:left;
  width:514px;
  height:240px;
  margin:0;
  padding:30px;
  color:#FFFFFF;
  background-color: #BD2722;
  overflow: hidden;
  }

#intro .fl_left h1{
  font-size:46px;
  margin:0 0 15px 0;
  padding:0;
  border:none;
  color:#FFFFFF;
  }

#intro .fl_left p{
  margin:0;
  padding:0;
  line-height:1.6em;
  }

#intro .fl_left a.internal-link {
  display: block;
  width: 250px;
  margin:30px 0 0 240px;
  text-align:right;
  line-height:normal;
  padding:8px 15px;
  font-size:18px;
  color:#FFFFFF;
  background-color:#8e8e8e;
  }

/*
#intro .fl_left p.readmore a{
  padding:8px 15px;
  font-size:18px;
  color:#FFFFFF;
  background-color:#8e8e8e;
  }
*/

#intro .fl_right{
  float:right;
}




/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb{
  padding: 10px 0;
  border-bottom:1px solid #CCCCCC;
 }

#breadcrumb a{
  color:#666666;
  background-color:#FFFFFF;
}


/* ----------------------------------------------Content-------------------------------------*/

#container{
  padding: 30px 0;
  line-height: 1.4em;
}


#container a{
  color: #BD2722;
  /*background-color: #FFFFFF;*/
}

#container a.seriesItem {
  color: #666666;
}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6 {
  padding: 0 0 4px 0;
  margin: 15px 0 0 0;
  border-bottom: 1px dotted #CCCCCC;
  color: #bd2722;
  }

#container h1.csc-firstHeader, #container h2.csc-firstHeader, #container h3.csc-firstHeader, #container h4.csc-firstHeader, #container h5, #container h6.csc-firstHeader {
	margin: 5px 0 0 0;
}



#content{
  display: block;
  float: left;
  width: 600px;
}

#content-full {
  display: block;
  width: 960px;
}


/* ----------------------------------------------Column-------------------------------------*/
#column {
  display:block;
  float:right;
  width:316px; /*300*/
  }

.flickrbox ul{
  margin:0;
  padding:0;
  list-style:none;
  }
  
.flickrbox li{
  display:block;
  float:left;
  width:80px;
  height:80px;
  margin:0 15px 15px 0;
  padding:4px;
  color:#666666;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  }

.flickrbox li.last{margin-right:0;}

#column .holder, #column #featured{
  display:block;
  width:300px;
  margin-bottom:20px;
  }

#column .holder h2.title{
  display:block;
  width:100%;
  height:65px;
  margin:0;
  padding:15px 0 0 0;
  font-size:20px;
  line-height:normal;
  border-bottom:1px dashed #666666;
  }

#column .holder h2.title img{
  float:left;
  margin:-15px 8px 0 0;
  padding:5px;
  border:1px solid #666666;
  }

#column div.imgholder{
  display:block;
  width:290px;
  margin:0 0 10px 0;
  padding:4px;
  color:#666666;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  }

#column .holder p.readmore{
  display:block;
  width:100%;
  font-weight:bold;
  text-align:right;
  line-height:normal;
  }
  
/* Featured Block */

#column #featured a{
  color:#666666;
  background-color:#F9F9F9;
  }

#column #featured ul, #column #featured h2, #column #featured p{
  margin:0;
  padding:0;
  list-style:none;
  }

#column #featured a{
  color:#2684B7;
  background-color:#F9F9F9;
  }

#column #featured li{
  display:block;
  width:250px;
  margin:0;
  padding:20px 25px;
  color:#666666;
  background-color:#F9F9F9;
  }

#column #featured li p.imgholder{
  display:block;
  width:240px;
  height:90px;
  margin:20px 0 15px 0;
  padding:4px;
  border:1px solid #CCCCCC;
  }

#column #featured li h2{
  margin:0;
  padding:0 0 14px 0;
  font-weight:normal;
  font-family:Georgia, "Times New Roman", Times, serif;
  line-height:normal;
  border-bottom:1px dashed #666666;
  }

#column #featured p.readmore{
  display:block;
  width:100%;
  margin-top:15px;
  font-weight:bold;
  text-align:right;
  line-height:normal;
  }

#column #latestnews{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  }

#column #latestnews li{
  display:block;
  margin:0 0 20px 0;
  padding:0 0 15px 0;
  border-bottom:1px dotted #DDDDDD;
  }

#column #latestnews li.last{
  margin-bottom:0;
  }

#column #latestnews p{
  margin:0;
  padding:0;
  line-height:normal;
  }

#column #latestnews .imgl{
  margin:0 10px 10px 0;
  padding:4px;
  }

/* ----------------------------------------------Footer-------------------------------------*/

#footer{
  padding:30px 0;
  }

#footer h2{
  margin-bottom:10px;
  border-bottom:1px dotted #999999;
  }

#footer p, #footer a{
  margin:0;
  padding:0;
  font-weight:normal;
  list-style:none;
  line-height:normal;
  cursor: pointer;
  }
 
#footermenue {
  margin:0 0 0 30px;
  padding:0;
  float: left;
}

#footermenue:after {
	content: '';
	clear: left;
}
  
#footermenue ul {
  font-weight: normal;
  list-style: none;
  line-height: normal;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#footermenue ul.layer1 {
	width: 430px;
}

#footermenue ul.layer1 li {
	list-style: none;
	float: left;
	width: 190px;
	position: relative;
	margin: 0 30px 0 0;
	padding: 0 0 8px;
	border-bottom: 1px dotted #999999;
	font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px; 
}

#footermenue ul.layer1 li.last {
	margin: 0;
}

#footermenue ul.layer1 li ul.layer2 {
	margin: .4em 0 0;
	padding: 0;
	position: absolute;
	
}

#footermenue ul.layer1 li ul.layer2 li {
	float: none;
	display: block;
	margin-bottom: 0.2em;
	border: none;
	padding: 0;
}

#footermenue ul.layer1 li ul.layer2 li a {
	font-family: verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}





#login{
  display:block;
  float:left;
  width:300px;
  }


#footer form {
    border: medium none;
    display: block;
    margin: 0;
    padding: 10px 0 0;
    width: 300px;
}
#footer input {
    background-color: #d2d2d2;
    border: 1px solid #8e8e8e;
    color: #666666;
    display: block;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0 0 10px;
    padding: 5px;
    width: 218px;
}
#footer input#login_go {
    cursor: pointer;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 60px;
    font-weight: bold;
    height: 66px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 58px;
}
/* ----------------------------------------------Copyright-------------------------------------*/
#copyright{
  padding:20px 0;
  text-align: center;
  line-height: 1.4em;
}

#copyright p{
  margin:0;
  padding:0;
}

#copyright p.siteinfo {
  color: #808080;
}




#topnav{
  display:block;
  float:left;
  width:660px;
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  background-color:#000000;
  }

#topnav ul, #topnav li{
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  }

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{
  display: block;
  margin: 0;
  padding: 15px 20px;
  color: #FFFFFF;
  background-color: #000000;
  text-decoration: none;
  }

#topnav ul ul li a:link, #topnav ul ul li a:visited{
  border:none;
  }

#topnav li.last a{
  margin-right:0;
  }

#topnav li a:hover, #topnav ul li.active a{
  color:#FFFFFF;
  background-color:#8e8e8e;
  }
  
#topnav li li a:link, #topnav li li a:visited{
  width:150px;
  float:none;
  margin:0;
  padding:7px 10px;
  font-size:12px;
  font-weight:normal;
  color:#FFFFFF;
  background-color:#000000;
  }
  
#topnav li li a:hover{
  color:#FFFFFF;
  background-color:#BD2722;
  }

#topnav li ul{
  background:#FFFFFF;
  z-index:9999;
  position:absolute;
  left:-999em;
  height:auto;
  width:170px;
  border-left:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
  }

#topnav li ul a{width:140px;}

#topnav li ul ul{margin:-32px 0 0 0;}

#topnav li:hover ul ul{left:-999em;}

#topnav li:hover ul, #topnav li li:hover ul{left:auto;}

#topnav li:hover{position:static;}

#topnav li.last a{margin-right:0;}

/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav {
  display: block;
  width: 266px; /*250*/
  padding: 25px;
  background: #ececec; /*#f9f9f9*/
  margin-bottom: 20px;
}

#column .subnav h2{
  margin:0 0 20px 0;
  padding:0 0 14px 0;
  font-size:20px;
  font-weight:normal;
  font-family:Georgia, "Times New Roman", Times, serif;
  color:#666666;
  /*background-color:#F9F9F9;*/
  line-height:normal;
  border-bottom:1px dotted #666666;
  }

#column .subnav ul{
  margin:0;
  padding:0;
  list-style:none;
  }

#column .subnav li{
  margin:0 0 3px 0;
  padding:0;
  }

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

#column .subnav a{
  display:block;
  margin:0;
  padding:5px 10px 5px 20px;
  color:#777777;
  background:url("../img/blue_file.html") no-repeat 10px center;
  text-decoration:none;
  border-bottom:1px dotted #666666;
  }

#column .subnav a:hover, #column .subnav a.active {
  color: #BD2722;
  background-color:#e0e0e0;
}

#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("../images/black_file.html") no-repeat}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}



/* ----------------------------------------------Search Form-------------------------------------*/

#topbar input{
  display:block;
  float:left;
  width:155px;
  margin:0 5px 0 0;
  padding:5px;
  color:#666666;
  background-color:#ececec;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  height: 18px;
  border: none;
  }

#topbar input#go{
  width:68px;
  height:28px;
  margin:0;
  padding:4px 0;
  text-transform:uppercase;
  color:#FFFFFF;
  background-color:#8e8e8e;
  border: none;
  cursor:pointer;
  font-weight:bold;
  }

/* ----------------------------------------------Forms in Content Area-------------------------------------*/

#container #respond{display: block; width:100%;}

#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}

#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}
  
#container #respond p{margin:5px 0;}

#container #respond #submit, #container #respond #reset{
  margin:0;
  padding:5px;
  color:#666666;
  background-color:#F7F7F7;
  border:1px solid #CCCCCC;
  cursor:pointer;
  }


div.csc-mailform {
    border: 1px solid #cccccc;
    padding: 6px 10px 6px 12px;
}
.csc-form-element-hidden {
    display: none;
}
.csc-form-element label {
    display: block;
    float: none;
    padding: 0 0 3px;
}
.csc-form-element input {
    border: 1px solid #cccccc;
    margin: 0 0 7px;
    padding: 1px;
    width: 60%;
}
.csc-form-element textarea {
    border: 1px solid #cccccc;
    height: 100px;
    margin: 0 0 7px;
    padding: 1px;
    width: 98%;
}
.csc-form-element-textblock {
    font-size: 0.8em;
}
.csc-form-element-submit {
    margin: 7px 0 0;
}
.csc-form-element-submit input {
    border: 1px solid #bbbbbb;
}





div.grid2Cols {
    overflow: hidden;
}
div.grid2Cols div.leftCol {
    float: left;
    margin-right: 2%;
    width: 48%;
}
div.grid2Cols div.rightCol {
    float: left;
    margin-left: 2%;
    width: 48%;
}

div.grid3Cols {
    overflow: hidden;
}
div.grid3Cols div.leftCol {
    float: left;
    margin-right: 3%;
    width: 31%;
}
div.grid3Cols div.middleCol {
    float: left;
    margin-right: 3%;
    width: 32%;
}
div.grid3Cols div.rightCol {
    float: right;
    width: 31%;
}




.teaserboxWrap {
    background-color: #ececec;
    color: #666666;
    margin: 0;
    padding: 10px;
}

.teaserboxWrap .teaserbox-image {
	float: left;
	width: 100px;
	margin-right: 10px;
}

 .teaserbox-typo {

 }

 .teaserbox-typo h3 {
	padding: 0;
	margin: 0 0 5px 0 !important;
}

.teaserboxWrap .teaserbox-link {
	display: block;
    line-height: normal;
    margin: 15px 0 5px 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.teaserboxWrap .teaserbox-link a {
	background-color: #666666;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 14px;
}