/* Sports Web Hosting Uk June 9th 2007 http://www.sportswebhosting.co.uk
Original template by Andreas Viklund  - http://andreasviklund.com
*/

/***** Body and main container *****/

body {
margin:0 auto;
padding:0;
  font: 400 0.7em verdana, arial, sans-serif;
  line-height: 170%;
background:#9CB3D0 url(img/bg.png) top center repeat-y;
color:#555555;
}

#wrap {
background-color:#ffffff;
color:#303030;
margin:0 auto;
padding:0px 0px;
width:776px;  
}


/**************************************************************
  Additional Top menu and logo
 **************************************************************/

#headermenu {
	clear: both;
	position: relative;
	height: 20px;
	margin: 0 auto 5px auto;
	background:#ffffff;
}

#headermenu ul {
  margin: 3px 20px 0 0 !important;
  margin: 3px 10px 0 0;
  padding: 0;
  float: right; 
}

#headermenu ul li {
  display: inline;
  list-style: none;  float: left;
}

#headermenu ul li a {

  padding: 0 1em;

  font: 400 1.1em arial, sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.3em !important;
  line-height: 1.1em;

  color: #636363;
  border-right: 1px solid #0E2F80;
}

#headermenu ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#headermenu ul li a:hover {
  color: #0E2F80;
}

#headerImg {
  margin: 0 auto;
  height: 60px;
  padding-bottom:5px;
  background:#1B1B61 url(img/logo.png) no-repeat top left;
}

#headerImg p{text-align:left;font-size:120%;font-weight:bold;color:#ffff00;margin:0px;padding:0px 0px 0px 130px;}
#headerImg h1 {
 font: 600 2.6em arial, sans-serif;margin:0px;
text-align:left;padding:0px 0px 0px 100px;color:#ffffff;
}
/**************************************************************
  Additional Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;
text-decoration:none;
}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;

  text-align: center;
  background: #9CB3D0;
}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align:center;
}

#menu ul li a {
  float: left;
  width: 25%;
  height: 40px;
text-decoration:none;
  font: 400 1.2em arial, sans-serif; font-weight:bold;
  letter-spacing: 0.1em;

  color: #000000;

  border-top: 4px solid #9CB3D0;
  border-bottom: 15px solid #FFF;
}

#menu ul li a span {
  display: block;
  padding: 2px 7px;
}


#menu ul li a span.desc {
  font-size: 0.8em;
  color: #1B1B61;
}


#menu ul li a:hover,
#menu ul li a.here,
#menu ul li a:focus {
  background: #000;color:#ffffff;
  border-top: 4px solid #Ffff00;
}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {
  color: #FFF;
}

/***** Left sidebar *****/

#avmenu {
clear:left;
float:left;
width:250px;
margin:0 0 10px 0px;
padding:0 0 0 10px;
}
#avmenu li{list-style: none;}


/**************************************************************
Additional   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;text-align:center;  
}

ul.thumbs li {  list-style: none;
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;

}
.thumbs ul li{list-style: none;}
a.thumb img {
  
  border: 5px solid #ccc;
}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #000;
}

a:hover.thumb {
  background: none;
}

a.thumb span {
  display: block;
  margin-top: -5px !important;
  margin-top: -2px;
}


/***** Main content *****/


#contentwide {
margin:10px 0 10px 270px;
padding:0px 20px 0px 0px;
line-height:1.7em;
text-align:left;
}
#contentwide h2, h2.side_bar  {  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1.5em;
  color:#1B1B61;font-weight:bold;
}
#avmenu h2.side_bar {
font-size:1.2em;
font-weight:bold;
}
#contentwide h3 {font-size:1.5em;font-weight:normal;margin:6px 0 6px 0;padding:0;}
#contentwide img{
padding:1px;
display:inline;

color:#303030;
border:0px solid #f0f0f0;
}

#contentwide a {font-weight:bold;}
#contentwide ul, #contentwide ol{margin:0 0 16px 20px;padding:0;}
#contentwide ul ul, #contentwide ol ol{margin:2px 0 2px 20px;}
#contentwide li{margin:0 0 2px 10px;padding:0 0 0 4px;}
#contentwide p{margin-top:10px;margin-bottom:10px;}
/* Lists */
ul li {
  /*list-style-image: url(img/submenu1.gif);*/
}

ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}

/**************************************************************
 Additional  Posts
 **************************************************************/

.post {

margin-bottom: 1.5em;border:0px;
border-bottom: 2px solid #CCCCCC;
}
.date{float:left;}
.post .date {
  top: 0;
  left: 5px;
 width: 2.3em;
  text-align: right;
}

.post .date .month {
  text-transform: uppercase;
  font: 700 1.3em arial, sans-serif;
  color: #888;font-weight:bold;
}

.post .date .day {
  display: block;
  margin-top: 0px;
  font: 700 1.6em arial, sans-serif;
  color: #888;
}
.post .date .year {
  display: block;
  margin-top: 0px;
  font: 700 1.3em arial, sans-serif;
  color: #888;font-weight:bold;
}
.post .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.post p {
  margin: 0 0 0 3.5em;
  padding:  0 0 1em 1.2em;border:0px;
  border-left: 1px solid #CCCCCC;
}
/***** Footer *****/

#footer {
font-size:0.9em;
clear:both;
margin:0 auto;
padding:18px 0px 4px 0px;
border-top:0px solid #9CB3D0;
width:776px;
text-align:center;
color:#CCCCCC;
background-color:#000000;
font-weight:bold;
}

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

#footer a {
color:#CCCCCC;
background-color:inherit;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

/***** Various tags *****/

a {
text-decoration:none;
color:#505050;
background-color:inherit;
}

a:hover {
text-decoration:underline;
color:#286ea0;
background-color:inherit;
}

a img {
border:0;
}

p {
margin:0 0 16px 0;
}

blockquote {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
margin:16px;
padding:7px 7px 7px 11px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#505050;
}

blockquote p {
font-size:1.1em;
line-height:1.3em;
margin:0;
}

/***** Table styles *****/

table {
margin:0 0 16px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:7px;
text-align:left;
background:#eaeaea url(img/menubg2.gif) bottom left repeat-x;
color:#505050;
}

td {
padding:7px;
font-size:0.9em;
text-align:left;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#303030;
}

/***** Form styles *****/

.button {
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:3px solid #d8d8d8;
border-left:3px solid #cccccc;
margin:0 0 15px 0;
padding:5px 7px 5px 11px;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
color:#505050;
font-weight:bold;
width:200px;
cursor:pointer;
}

input, textarea {
border:1px solid #cccccc;
font-family:Verdana,Tahoma,Arial,Sans-Serif;
font-size:1em;
margin:0;
padding:4px;margin-bottom:5px;
}
label {
margin:2px;
}

input {
width:200px;
}

textarea {
width:400px;margin:0px;
}

/***** Search box *****/

#searchbox {
padding:0;
margin:6px 0 16px 0;
}

#searchform {
background:#ffffff;
border:1px solid #cccccc;
color:#505050;
font-size:0.9em;
padding:4px;
width:116px;
}

#searchbox label {
display:none;
}

/***** Various classes *****/

.left {
margin:10px 10px 5px 0;
float:left;
}

.right {
margin:10px 0 5px 10px;
float:right;border:0px;
}
a.right img{
  
  border: 5px solid #cccccc;
}
.announce {
margin:10px 0 10px 0;
padding:10px 10px 5px 10px;
width:105px;
color:#505050;
background:#f4f4f4 url(img/menubg.gif) bottom left repeat-x;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
line-height:1.3em;
}

.announce a {
font-weight:bold;
}

.announce p {
font-size:0.9em;
}

.announce h2 {
margin:0 0 10px 0;
padding:0;font-size:1.2em;
}

#avmenu .announce {
width:220px;
}

.textright {
text-align:right;
margin:-10px 0 4px 0;
}

.center {
text-align:center;
}

.small {
font-size:0.8em;
}

.large {
font-size:1.3em;
}

.bold {
font-weight:bold;
}

.highlighted {
padding:3px;
background-color:#f0f0f0;
color:#303030;
border:1px solid #b0b0b0;
}

.hide {
display:none;
}
.case_study{height:100px;margin:5px 0px 5px 0px;border-bottom:1px solid #cccccc;}
.case_study_small{height:auto;margin:10px 0px 10px 0px;padding:10px 0px 10px 0px;border-bottom:1px solid #cccccc;}

.bullet{font-weight:bold;margin:0px 5px 0px 10px;padding:0px 5px 0px 10px;color:#243289;}
.strong{font-weight:bold;}
.sitemapmain a{font-size:110%;color:#1B1B61;font-weight:bold;}
.sitemapminor a{font-size:100%;font-weight:bold;padding:0px 0px 0px 20px;}}
