/*-----------------------------------------------------------------------------
version:   1.0
author:    Tony Crockford
email:     tonyc@boldfish.co.uk  
website:   http://www.boldfish.co.uk/
date:      December 17, 2007

Copyright 2007 Tony Crockford All Rights Reserved 
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* hack for forcing scroll bars to stop page jog - http://www.splintered.co.uk/experiments/49/ */
html { margin-bottom: 1px; min-height: 100%; }

/* Remove padding and margin on selected elements*/
h1,h2,h3,h4,h5,h6,pre,body,p,div{margin: 0; padding: 0;}

/*debug border on all divs*/
/*div{
   border: 1px solid #ccc;
}*/

/* Class for clearing floats */
.clear {
   clear:both;
}

/* Remove border around linked images and fix Firefox odd spaces */
img {
   border: 0;
   vertical-align: bottom;
}

/* =Structural
-----------------------------------------------------------------------------*/
div#container{
	font: 1em/1.3 Arial, sans-serif;
	text-align: left;
	width: 96%;
	margin: 10px auto;
	border: 1px solid #A2A1A1;
	background-color: #FFF;
	max-width: 1200px;
	min-width: 768px;
}

div#wrapper{
	background : #fff url(../images/wrapper_bg.gif) repeat-y;
	float: left;
	min-height: 500px;	
}

div#sidebar{
	width: 173px;
	float: left;
	display: inline;
}

div#contentwrapper{
	margin: 0 0 20px 175px;
	padding: 1px 0;
	margin-top: -1px;
	/*hacky solution for margin-collapse*/
}

div#content{
	padding-bottom: 10px;
}




/* =Typography
-----------------------------------------------------------------------------*/
body{
	background-color: #B0B0B0;
	text-align: center;
	font: 1em/1.3 Arial, sans-serif;
	color: #030303;
	font-size: 100.01%;
}

div#footer p{
	font-size: 0.9em;
	line-height: 1.8em;
	margin: 0 195px;
}


/* =Headings
-----------------------------------------------------------------------------*/
h1{
	font-size: 1.5em;
	color: #26B2F1;
	margin: 15px 35px 0 20px;
}


/* =Links
-----------------------------------------------------------------------------*/




/* =Branding
-----------------------------------------------------------------------------*/
img#logo{
	margin: 24px 20px 0 20px;
	float: left;
}

img#top_image{
	margin: 2px 0 0 0;
	float: right;
}



/* =Main Nav
-----------------------------------------------------------------------------*/
div#nav{
	clear:both;
	min-height: 23px;
	background : #2E3194 url(../images/menu_bg.gif) repeat-y;
	float: left;
	width: 100%;
}

div#nav ul{
	margin: 2px 24px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

div#nav ul li{
	display: inline;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 2;
	padding: 0 0 0 0;
	margin: 0;
}
div#nav ul li.last a,
div#nav ul li#last a{
	border: none;
}

div#nav ul li a{
	text-decoration: none;
	color: #FFF;
	padding: 0 15px 0 14px;	
	border: 1px solid #FFF;
	border-width: 0 1px 0 0;
}

div#nav ul li a:hover{
	color: #26B2F1;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/

div#sidebar ul{
	list-style-type: none;
	padding: 0;
	margin: 10px 0;
	font-size: 0.8em;
	font-weight: bold;
	width: 173px;
}

div#sidebar ul li{
	margin: 0 0 12px 0;
	padding: 0 10px 0 20px;
	background : transparent url(../images/menu_arrow.gif) no-repeat 9px 2px;
}

div#sidebar ul li a{
	text-decoration: none;
	color: #2E3194;
}


div#sidebar ul li a:hover{
	color: #26B2F1;
}

/* =Main Content
-----------------------------------------------------------------------------*/
div#content p{
	font-size: 0.8em;
	margin: 15px 35px 0 20px;
}
div#content ul{
	font-size: 0.8em;
	margin: 15px 35px 0 20px;
}

img.right{
	float: right;
	margin: 15px 35px 15px 15px;
}

img.left{
	float: left;
	margin: 15px 10px 15px 35px;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/
div#footer{
	clear: both;
	color: #fff;
	background-color: #6D6F6E;
	min-height: 27px;
}


/* =Forms
-----------------------------------------------------------------------------*/




/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
   border-collapse: collapse;
}

td {
  text-align: left;
  font-weight: normal;
}



/* =Misc 1 - set body to class=threecols and add the extra div to the html
-----------------------------------------------------------------------------*/

body.threecols div#extra_sidebar{
	width: 260px;
	float: right;
	margin-left: 10px;

}

body.threecols div#extra_sidebar div{
	margin: 3px 0;
	width: 260px;
	display: inline;
}

div#latest_news{
	background-color: #E4E6E6;
	float: left;
	border-top: 3px solid #fff;
}
div#latest_news a{
		color: #333333;

}

div#latest_news h2{
	color: #2E3194;
	font-size: 0.9em;
	margin: 10px 13px;
}


div#latest_news h3{
	color: #626466;
	font-size: 0.8em;
	margin: 10px 0 0 13px;
	float: left;
	width: 14%;
	clear: both;
}

div#latest_news p{
	color: #626466;
	font-size: 0.8em;
	float: right;
	width: 70%;
	display: inline;
	margin: 10px 13px 10px 0;
}

div#hip_order{
	background-color: #33248C;
	color: #FFF;
	float: left;
}
div#hip_order a{
	color: #FFF;
	text-decoration: none;
}

div#hip_order img{
	float: left;
	margin-right: 13px;
}

div#hip_order h3{
	font-size: 0.8em;
	margin: 6px 0 0 13px;
}

div#hip_order p{
	font-size: 0.7em;
	margin: 6px 6px 0 13px;
}


div#callback{
	background-color: #26B2F1;
	color: #FFF;
	float: left;
}
div#callback a{
	color: #FFF;
		text-decoration: none;

}

div#callback img{
	float: left;
	margin: 0 13px 0 0;
}

div#callback h3{
	font-size: 0.8em;
	margin: 6px 0 0 13px;
}

div#callback p{
	font-size: 0.7em;
	margin: 6px 6px 0 13px;
}

/* =Misc 2
-----------------------------------------------------------------------------*/

/* =Microformat hcard styling
-----------------------------------------------------------------------------*/
div.vcard{
	font-size: 0.7em;
	margin: 100px 12px 20px 12px;
	color: #2E3194;
}

div.vcard a{
	text-decoration: none;
	color: #2E3194;
}

div.org{
	position: relative;
	left: -99999999px;
}