/* ========================================
    
    File: preview.css
    Site: preview.com
    Author: Rob Dove (preview.co.uk)
    Copyright: 2009 preview.co.uk
 
   ======================================== */

    @import url("reset.css");
    
/* Guidelines
        font-sizes
            12pt = 1em
            14pt = 1.4em
            16pt = 1.34em
            18pt = 1.5em
            47pt = 4em;
            86pt = 7.2em
            
        colours
            main = #666666
            pink = #CC0066
            blue = #009DDD
            dark grey = #999999
            light grey = #CCCCCC
*/
    

/* ----------------------------------------
    1. Body
   ---------------------------------------- */

    /* The font-size percentage is of 16px. (0.75 * 16px = 12px) */
    
    * {margin:0;padding:0;}
    html, body, #wrapper {height: 100%;}
    body > #wrapper {height: auto; min-height: 100%;}
    
    body {
        font-family:  sans-serif;
        font-size: 81%;
        color:#666666;
    }
   


/* ----------------------------------------
    2. Type
   ---------------------------------------- */
    h1, h2, h3 { margin:0;padding:0;font-weight:normal;}
    
    p, ul li, ol li, form, h3, address {line-height:1.2em;font-style:normal;}

    h1, h2, h3 { color:#19AC51; font-size:1.9em;margin:0.4em 0 0.2em 0; }
    h1 { border-bottom:5px solid #19AC51;padding-bottom:0.1em;}
    h2.larger {color:#666666; font-size:2.7em;margin:0.1em 0 0.3em;}
	
    .boxblue h2, .boxblue h2 a, .boxclear h3, .boxclear h3 a, h2.boxblueh, h2.boxblueh a, .boxclear h3 a  { color:#00AA9E; }
	.boxdblue h3, .boxdblue h3 a, .boxbblue h2, .boxbblue h2 a, .boxbblue h3, .boxbblue h3 a, h3.boxdblueh, h3.boxdblueh a { color:#0072C6;}
	.boxgrey h3, .boxgrey h3 a { color:#666666; }
	.boxpink h2, .boxpink h2 a, h2.boxpinkh, h2.boxpinkh a, .boxpink h3, .boxpink a, a.boxpinka { color:#A00054;}
	.boxpink h2 { font-size:1.8555em;}
    h3 { font-size:1.4em;margin-bottom:0;}
    h4 { font-weight:bold;margin-top:0.4em;}
    
    h2 a, h3 a {
	font-weight:normal !important;
    }
    
    p, #colLeft ul { margin:0 0 0.8em 0;}
    
    address { margin:0.8em 0;}
    
    a {color:#0072C6; font-weight:bold;}
	
	h3 a {color:#19AC51;font-weight:normal; }
    
    #colLeft ul, #colRight ul {
        margin-left:2em;
        list-style-image:url(images/bullet.gif);
		margin-right:2em;
    }
    #colLeft ul li {
        padding-left:0px;
        margin-bottom:0.3em;
    }
    #colLeft ul li ul {
        margin:0.4em 0 0.4em 2em;
    }
    #colLeft ul.quicklinks {
        margin-top:0.4em;
    }
	ul.split {
		
	}
	ul.split li {
	
		
	}

	
    /* footer extras */
    #footer p {color:#AED4EF;font-weight:bold;font-size:0.9em;}
    #footer a{color:#ffffff;}
    
/* ----------------------------------------
    3. Classes
   ---------------------------------------- */   
    .col { width:48%; float:left;}
    .clearall { clear:both;}
    .half { width:48%; float:left;}
    .floatright { float:right !important;}
    .floatleft { float:left; }
    .alignright { text-align:right;}
    .invisible {position:absolute; left:-9999px; top:-9999px;}
    .darker {color:#666666;}
    .larger { font-size:1.2em;}
    .note { color:#666666; font-style:italic;}
    
    .newsdate { font-size:0.9em; color:#666666; margin:0; padding:0; margin-bottom:-0.4em;}
	.news_list_item { margin:10px 0 15px 0; border-bottom:1px solid #e4e4e4;padding-bottom:10px;}
	.news_list_item h3 {
		font-size:1.1em;margin-bottom:0.2em;
	}
	.newsimage { margin:5px 0;}
	
    .botspace {margin-bottom:20px;}
    
    
    .bargreen, .barblue, .bardblue, .bargrey, .barpink, .barorange, .barBrightpink  {
        height:5px;
        background:#19AC51;
        clear:both;
    }
    .barpink { background:#A00054; }
	.barBrightpink { background:#BD0075; }
    .barblue { background:#00AA9E; }
    .barorange { background:#E28C05; }
    .boxblue, .boxorange { background:#E5F6F5; padding:2px 10px 5px 10px;margin-bottom:40px;}
	
	.bargrey { background:#B0B0B0; }
	
	.bardblue { background:#0072C6;}
    .boxdblue, .boxgrey, .boxclear, .boxpink { background:#ffffff; padding:0 0px 5px 0px; }
	
	.boxpink, .boxclear { margin-bottom:30px;}
	.boxpink p { margin-bottom:0;padding-bottom:0;}
	
	.boxbblue { background:#DDECF7; padding:2px 10px 5px 10px;margin-bottom:30px;}
	.boxpinkb {
	    background:#F7E6EC; padding:2px 10px 5px 10px;
	}
	
	.boxorange {
		background:#FFEFC7;
		margin-bottom:30px;
	}
	.boxorange h2 {
		color:#E28C05;
	}
    
    .table {width:100%;display:block;float:left;margin:5px 0 15px 0;}
    .tablecell {background:#DDF3E5;display:block; margin-bottom:2px;padding:10px 3%;float:left;}
    .table .left { width:20%;text-align:right;}
    .table .right { width:65%;margin-left:1px;text-align:center;}
	
	.tablethreecol .left {
		width:13%;
	}
	.tablethreecol .right {
		width:31%;text-align:center;
	}
	
	.teammember {
		float:left;
		margin:10px;
		width:154px;
		font-weight:bold;
		font-size:0.9em;
		line-height:1.2em;
	}
    
/* ----------------------------------------
    4. Layout
   ---------------------------------------- */
    #headerbg { background:#E7E7E7;}
    
    #navigationbg {
        background:#0072C6 url(images/menubg.jpg) left top repeat-x;
        width:100%;
    }
    #subnavigationbg {
        background:#0072C6 url(images/submenubg.jpg) left top repeat-x;
        width:100%;
    }
    
    #footerbg {
        background: #0072C6 url(images/footbg.jpg) repeat-x top;
        position: relative;
		margin-top: -120px; /* negative value of footer height */
		height: 120px;
		clear:both;
    }

    
    .fixedwidth{ width:955px; margin:0 auto; }
    
    #header {
        padding:10px 0;
    }
		#header form {
			margin-top:20px;
		}
		#header form label, #header form input {
			display:inline;
		}
		#header form select {
			width:120px;
		}
		#languageselector {
			float:right;
			font-size:0.9em;
			margin-right:30px;
			width:auto;
		}
		#languageselector a {
			padding:2px 8px 2px 0px;
			line-height:18px;
		}
	#logo {
		float:left;
	}
    #subnavigation {
        height:32px;
    }
    #maincontent{ margin-bottom:150px;padding-top:15px;}
    
        #colLeft {
            width:550px;
            float:left;
			padding-bottom:30px;
        }
        #colRight {
            float:right;
            width:380px;
            margin-left:20px;
			padding-bottom:30px;
		}
        
    #footer {
        padding-top:20px;
    }


/* ----------------------------------------
    5. Navigation
   ---------------------------------------- */

    #navigation ul li, #footer ul li, #subnavigation ul li {
        display:inline;
        padding:0;
        margin:0;
    }
    
    #navigation ul li a, #footer ul li a, #subnavigation ul li a {
        font-weight:bold;
        color:#ffffff;
        padding:0.8em 0.4em;
        display:block;
        float:left;
        border-left:1px solid #46CAFF;
    }
    
    #subnavigation ul li a {
        color:#333;
        border-left:1px solid #333;
        padding:0 0.6em;
        font-weight:normal;
        margin-top:8px;
    }
    #navigation ul li a:hover, #navigation ul li a.current {
        background:#ffffff url(images/menubg_over.jpg) repeat-x top;
        color:#0072C6;
    }
    
    #subnavigation ul li a:hover, #subnavigation ul li a.current {
        text-decoration:underline;
    }
    
    #navigation ul li.first a, #footer ul li.first a, #subnavigation ul li.first a, #navigation ul li#menu-item-46 a, #subnavigation ul li#menu-item-113 a {
        border-left:0;
    }
    #footer ul {margin-bottom:2.6em;}
    #footer ul li a { padding:0 0.5em; font-size:0.9em; border-left:1px solid #ffffff;}
    #footer ul li a:hover, #footer a:hover{ color:#AED4EF;}
    #footer ul li.first a {padding-left:0;}


/* ----------------------------------------
    6. Forms
   ---------------------------------------- */

    fieldset {
        padding:0 0px 15px 0px;
        position:relative;
        margin-top:10px;
    }
    fieldset.hidden {
        display:none;
    }
    fieldset a.next-link {
        float:right;
    }
    fieldset h4 {
        color:#19AC51;
        font-size:1em;
        margin:0.4em 0 0 0;
        font-weight:bold;
        padding-top:10px;
        clear:both;
    }
    .formrow {
        padding:5px 0;
        clear:both;
    }
    label, span.label, input, textarea {
        width:95%;
        display:block;
        text-align:left;
    }
    textarea { width:98%;}
    input, textarea {
        padding:0.2em;
    }
    input.submit, button, INPUT.checkbox {
        width:auto;
    }
	INPUT.checkbox {
		display:inline;
		margin-bottom:5px;
		margin-left:10px;
		float:left;
		margin-right:10px;
	}
	label.checkboxlabel {
		display:inline;
		width:88%;
		float:left;
	}
    #regform input.submit {
        float:right;
    }
    input.standard {
        display:inline;
        width:auto;
    }
    label.error, h3.error {
        color:#ff0000;
        font-size:0.8em;
    }
    h3.error {
        font-size:1em;
    }
    input.error, textarea.error {
        border:1px solid #ff0000;
        background:#fafafa;
    }
    

    fieldset .bargrey {
        height:5px;
        background:#e4e4e4 url(images/page.gif) no-repeat left top;
        margin-bottom:15px;
    }

    fieldset#step-2 .bargrey {
        background-position:110px;
    }
    fieldset#step-3 .bargrey{
        background-position:220px;
    }
    fieldset#step-4 .bargrey{
        background-position:330px;
    }
    fieldset#step-5 .bargrey{
        background-position:440px;
    }

    fieldset .bargrey span {
        width:110px;
        display:block;
        text-align:center;
        padding-top:10px;
        color:#19AC51;
    }
    
    fieldset#step-2 .bargrey span {
        margin-left:110px;
    }
    fieldset#step-3 .bargrey span {
        margin-left:220px;
    }
    fieldset#step-4 .bargrey span {
        margin-left:330px;
    }
    fieldset#step-5 .bargrey span {
        margin-left:440px;
    }
    
    #messageBox {
        display:none;
    }
	
	input#human {
		position:absolute;
		top:-9999px;
		left:-9999px;
	}
    
     
    #newsletterform {
        margin-top:-5px;
    }
    
    #newsletterform input {
        width:125px;
        margin-right:10px;
        display:inline;
        margin-top:5px;
    }
    #newsletterform label {
        position:absolute;
        top:-9999px;
        left:-9999px;
    }
    #newsletterform select {
        width:70px;
        margin-right:10px;
        margin-top:5px;
    }
    #newsletterform input.submit {
        text-align:center;
        width:70px;
        margin-right:0px;
    }

/* ----------------------------------------
    7. Other
   ---------------------------------------- */
    
    .clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
    .clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
    * html .clearfix { height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */

/* ----------------------------------------
    8. Twitter
   ---------------------------------------- */
	.twitter {
		background: transparent url( '/images/twitter.gif' ) top right no-repeat;
	}
	
	.twitlink {
		display: block;
		padding-top: 5px;
	}

	.twitted p.preLoader {
		margin: 0;
		padding: 1em 1em 1em 3em;
		background: transparent url("loader.gif") 1em center no-repeat;
		/* generate your own loader gif: http://www.ajaxload.info */
	}
	
	.twitted ul#twitter_update_list {
		padding: 10px 0px 0px;
		margin: 0px;
	}
	
	.twitted ul#twitter_update_list li {
		list-style: none;
	}
	
	.twitted ul#twitter_update_list li span {
		/* tweet content */
		display: block;
		text-align: left;
	}
	
	.twitted ul#twitter_update_list li span a {
		/* links in tweet content */
		display: inline;
	}
	
	.twitted ul#twitter_update_list li a {
		/* timestamp link */
		display: block;
	}
	
	.twitted ul#twitter_update_list li.firstTweet {
	}
	
	.twitted ul#twitter_update_list li.lastTweet {
	}