/***************************************
****************************************
    GENERAL STYLES
    ------------------------------------
    PLEASE ADD NEW STYLE RULES TO THE
    APPROPRIATE SECTION ONLY. DO NOT
    REMOVE SECTION HEADERS EVEN IF THEY
    ARE NOT IN USE.


    Reminder: If you're setting a width
    and a padding/margin you're looking
    for trouble with ie6
    http://css.maxdesign.com.au/listamatic/about-boxmodel.htm



****************************************
***************************************/


/***************************************
    TEMPLATE VIEW
    ------------------------------------
    Styles to make the template easy to
    view - please remove.
***************************************/
div
{
    /*border:dotted 1px gray;*/
}

/***************************************
    MEDIA STYLES
    -----------------------------------
    Add any styles here that only
    need to appear on a certain device.
***************************************/
/*If a title has an image instead of text then this
 will display the text rather than the image*/
@media handheld
{    
    .hidetext
    {
        text-indent:0px;
        background: none;
    }   
}



@media print 
{
    /*more styles in tripoli/print.css*/
    div#lhs,
    div#rhs,
    div#globalnav
    {
        display:none;
    }
}

/***************************************
    USEFUL ONE LINERS
    -----------------------------------
    Any useful simple one liners here.
***************************************/
.bold{font-weight:bold;}
.italic{font-style:italic;}
.floatright{float:right;}
.floatleft{float:left;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.cleanedges{border:none;margin:0;padding:0;}
.marginbottom{margin-bottom:40px;}
.nomargin{margin:0;}
.hidetext{text-indent:-9000px; overflow:hidden;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
/*html{ overflow:-moz-scrollbars-vertical;}*/
.red{}


/***************************************
    GLOBAL STYLES
    ------------------------------------
    Style rules with a global effect.
***************************************/
*
{
    
}
body
{
    background:#fff url(../images/body_bg.gif) repeat-x;
    color:#333333;
}


a
{
    color:#000;
    text-decoration:none;
}
/*correct order of psudeo classes*/
a:link{color:#663333;}
a:visited{color:#000;}
a:hover{color:#111;text-decoration:none;}
a:active {color:#000;}


.special {color:#663333; border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 8px 8px 15px;background:url(../images/arrow.gif) no-repeat left center; margin-bottom:15px;}

.cv_section {color:#663333; border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding-top:10px;}

.special_pdf {color:#663333; border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;padding:8px 8px 8px 20px;background:url(../images/pdf.gif) no-repeat left center; margin-bottom:15px;}

.cv_top {}


address
{
    margin-left:0;
}

#container
{
  
}

h1
{
    font-weight:normal;
    color:#800000;   
    text-transform:none;
    font-family:Trebuchet MS;
    border-bottom: solid 1px #bfbfbf;
    padding-bottom:10px;

}
   
h2
{
  
    font-weight:normal;    

    text-transform:none;
    font-family:Trebuchet MS;
    color:#800000;
}      
h3
{
    font-weight:normal;    
    text-transform:none;
    font-family:Arial;
    color:#800000;
    
}


h4
{
    font-family:arial;
    color:#000;
    text-align:left;
    text-transform:none;
    font-weight:bold;
}


img
{

    border:solid 2px #663333;
    margin:5px;
}

div.indent
{
    border-left:solid 1px #999999;
    padding-left:10px;
}


/*forces a div with floating image inside
 it to pull down to the end of the image*/
hr.clear {display: block; clear: left;
padding: 0;padding-top:0px;
visibility: hidden;width:1px;}

/***************************************
    HEADER STYLES: #header
    ------------------------------------
    Style rules for the header
    area only.
***************************************/
#header
{    
	
	
}

    #header #logo
    {
        display:block;
        height:130px;
        width:400px;
        position:absolute;
    }


    #header .contact
    {
        float:right;
        color:#000;
        font-family:Arial;
        font-size:14px;
        margin-top:63px;
        text-align:right;
        padding-right:32px;
    }

    #header .contact address
    {
        font-style:normal;
        
    }

div#lowerheaderimg
{    
   background:url(../images/header_bg.jpg) top left no-repeat;
}

div#lowerheaderimg .services_bg
{    
   background:url(../images/services_bg.jpg) top left no-repeat;
}

div#tagline
{    
    font-size:2.4em;
    padding-left:426px;
    padding-top:32px;
}



/***************************************
    FOOTER NAVIGATION STYLES: #bottommenu
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/
#bottommenu
{
    clear:both;
    font-size:1.1em;
    margin:15px 0;
}


#bottommenu li{border-left:solid 1px #BFBFBF;padding:0 1px 0 2px ;}
#bottommenu ul li:first-child {border-left:none;}

#bottommenu a {color:#000;}
#bottommenu ul
{
    text-align:center;
}

#bottommenu li
{
    display:inline;
}


#bottommenu a.AspNet-Menu-Selected
{
    background:none;
    color:#800000;
}




/***************************************
    GLOBAL NAVIGATION STYLES: #globalnav
    ------------------------------------
    Style rules for the *global*
    navigation.
***************************************/

#globalnav
{
  
	width:100%;
	font-size:13px;
	padding:9px 0;
	height:auto !important;
	height:18px;
	min-height:18px;
    letter-spacing:0.5px;
    cursor:default;
    text-transform:uppercase;
    

}

	#globalnav #globalcurrent
	{
		background-color:gray;
		font-weight:bold;		
	}
	
	#globalnav ul 
	{
	    display:inline;
	    margin:0;
	    padding-left:0;
	    text-align:center;
	}
	    #globalnav ul li {display:inline;padding-top:4px;margin-left:0px;font-family:Georgia;}
	    
	#globalnav a.current, a.AspNet-Menu-Selected {color:#cccccc;text-decoration:none;background:url(../images/nav_arrow.gif) bottom center no-repeat;}
    #globalnav a{color:#ffffff;padding:12px 5px;}
    #globalnav a:hover{color:#cccccc;background:url(../images/nav_arrow.gif) bottom center no-repeat;}
    
    #globalnav .last a{color:#ffffff;margin-right:0px;cursor:pointer;}

/***************************************
    DROP DOWN GLOBAL (.simpleMenu)
    ------------------------------------
    This is a drop down menu
    ie6: BrowserSpecific/IEMenu6.css
***************************************/


#menu
{
    position:absolute;/*ie fix only for template eg*/
}

/* link background and size */
#menu ul.AspNet-Menu ul
{
    
    background:#ccc; /*could have a background image here */
   
}
#menu ul.AspNet-Menu li a
{
    color:#fff;
    background:#000; /*could have a background image here */
    padding:10px;
}
#menu ul.AspNet-Menu li a:hover
{
    
    color:#ccc;
}

/* text and img inside each menu link */
#menu ul.AspNet-Menu li span, 
#menu ul.AspNet-Menu li img 
{    
    
}

/*indent of lower down ones
.SimpleMenu ul.AspNet-Menu ul ul {
    margin-left:140px;
    margin-top:-125px;
    padding-left:5px;
}
*/

/* level 2 onwards - moves the list bit up and to the left*/
#menu ul.AspNet-Menu li li li
{
    left:100px;
    top:-30px;
}


/* selected */
a.AspNet-Menu-Selected
{
    text-decoration:none
}
li.AspNet-Menu-Selected
{
}

.quote 
{
    background:url(../images/quote.gif) no-repeat center top;
    width:450px;
    height:60px;
    position:absolute;
    top:35px;
    left:45%;
    text-align:center;
}
    
.quote p
{
    margin:0px;
    font-size:14px;
    padding:8px 0px 10px 16px;
    color:#ffffff;
}

.quote i
{
    float:right;
    padding:0px 20px 0px 0px ;
    font-size:14px;
}

.quote cite 
{
    font-style:normal;
}


/***************************************
    BREADCRUMB STYLES: #breadcrumb
    ------------------------------------
    Style rules for the breadcrumb
    only.
***************************************/

#undernav{
width:auto;
height:12px;
margin:11px 0px;
}


#breadcrumb
{
    margin-bottom:10px;
    float:left;
    color:#999999;
    font-size:11px;
}

#breadcrumb img{
border:none;
padding:0px;
margin:0px;
 vertical-align:middle;
 }
 
#breadcrumb a {color:#cccccc;}
#breadcrumb a:hover {color:#999999;}

#breadcrum span {color:#CC3333}
 


#phonenumber{
float:right;
margin-bottom:10px;
font-size:12px;
background:url(../images/phone.gif) no-repeat center left;
padding-left:20px;
}



/***************************************
    MAIN AREA STYLES: #main
    ------------------------------------
    Style rules for the main page area
    (all content areas).
***************************************/
#main
{    
    
}
    #main .something
    {
        
    }

/***************************************
    RHS AREA STYLES: #rhs
    ------------------------------------
    Style rules for the RHS column.
***************************************/


#ctl00_Content_details .Description 
{ 
    width:475px;
}


#presentations .Description 
{ 
    width:auto;
}


#rhs
{
    width:214px;
	text-align:center;
}

#rhs a.cta
    {
        background: url(../images/cta.gif)  top left;
        display:block;
        width:100px;
        height:50px;
        margin:10px auto;
        
    }
    #rhs a.cta:hover
    {
        background: url(../images/cta.gif)  bottom left;
    }

	
	#rhs .newsbox
	{
	    background:#D2D2D2;
	    font-size:10px;
	    width:189px;	
	    margin-bottom:30px;
	    margin-left:26px;
	    text-align:left;
	}
	    #rhs .newsbox div
	    {
	       padding:0;	
	    }
    	
	    #rhs .newsbox .readmore
	    {
	        font-weight:bold;
	    }
    	
	
	#rhs p 
	{
	    margin:10px;
	}
		

	#rhs h2
	{
	    font-size:18px;
	    color:#000;
	    font-family:Arial;
	    border-bottom:solid 1px #999999;
	    background:transparent;
	    padding-bottom:0;
	    margin:0 10px 5px 10px;
	    text-align:left;
	    
	}

	#rhs .top
	{
	    background:url(../images/newsbox_top.gif) top  no-repeat;
	    height:8px;
	    width:189px;  
	    margin:0;
	    padding:0; 
	}
	
	#rhs .bottom
	{
	    background:url(../images/newsbox_bottom.gif) bottom  no-repeat;
	    height:8px;
	    width:189px;  
	    margin:0;
	    padding:0;
	}
	
	#rhs img
	{	    
	    clear:both;
	    margin-top:20px;
	    margin-left:-1px;
	}
	
	#rhs h2
	{
	    
	    margin-top:-5px;
	}
	#rhs h3
	{
	    text-align:center;
	    
	}
		
		
		
		
		
		
		
		
		
    #rhs ul#ctatransition 
    {
       margin:0 auto;
       width:160px;       
    }		

/***************************************
    CONTENT STYLES: #content
    ------------------------------------
    Style rules for the primary
    content area only.<script src="js/jquery-1.2.3.pack.js" type="text/javascript"></script>
<script src="js/jquery.media.js" type="text/javascript"></script><!-- Load swf,rm,mov etc  http://malsup.com/jquery/media/ --> 
<script src="js/thickbox_mgz.js" type="text/javascript"></script><!-- Lightbox/Thickbox  http://jquery.com/demo/thickbox/ -->
<script src="js/smoothscroll.js" type="text/javascript" ></script><!-- Smooth scroll on anchors-->	
<script src="js/jquery.innerfade.js.js" type="text/javascript"></script><!-- Transition effects  http://medienfreunde.com/lab/innerfade/-->	

<script src="js/scripts.js" type="text/javascript"></script><!-- General code  -->	

***************************************/
#content
{
    text-align:justify;
}
	#content p
	{
	    margin:0  0 1em 0;
	}

	#content hr
	{
	    width:80%;    
	    margin:0 auto;  
	}
	#content .clear
	{
	    clear:both;
	}
	/*
	    left / right floating things
	    use for images etc
	*/
	#content .floatleft
	{
	    float:left;
	    display:block;
	    margin: 5px 10px 5px 0;
	}
	
	#content .floatright
	{
	    float:right;
	    display:block;
	}


    /*float left and right images with padding for */
    #content img.left
    {
        display:block;
        float:left;
        padding:0 8px 8px 0;

    }    
    #content img.right
    {
        display:block;
        float:right;
        padding:0 0 8px 8px;
    }
    
    
    
    /*image with caption*/
    #content a.caption      {text-align:center;display:block;}
    #content a.caption img  {border:none;outline:none;}
    #content a.caption span {display:block;}
    
    
    
    
    
    #content ul 
    {
        
        margin-left:0;
    }
    
    
    
    #content ul li
    {
        background:transparent url(../images/reddot.gif) no-repeat scroll 6px 4px;
        list-style-position:inside;
        list-style-type:none;
        padding-left:25px;
        margin-left:10px;
        display:block;        
    }
    
    #content .light 
    {
        font-style:italic;
        color:#666666;        
    }
    
	


/*cms fix*/
#content .cms *[style],
#content .cms *[style] *[style],
#content .cms *[style] *[style] *[style],
#content .cms *[style] *[style] *[style] *[style]
{
    color:inherit !important;
    font-size:inherit !important;
}




	
	
/* Tables */
#content table
{
    width:100%;
        
}
    #content table caption
    {
        caption-side:bottom;
        font:0.8em italic;
    }
    
    #content table thead
    {
        
    }
    
    #content table tbody
    {
        
    }

    #content table td
    {
    
    padding:8px 0px;
    
    }

    #content table th
    {
       color:#800000;
       font-size:14px;
       padding:10px 0px;
    }

    #content table .odd
    {
       
        border:none;
    }
    
    
/***************************************
    FORMS STYLES: #content form
    ------------------------------------
    Style rules for form
    areas only.
***************************************/
#content form{}
#content form fieldset {}
#content form fieldset ledgend{}

#content form fieldset p /*for descriptions*/
{
    clear:both;
    font-size:0.8em;
}
#content form ol
{
    list-style: none;
    list-style-type:none;
    list-style-position:inside;
    padding:0;
    margin:0;
}
#content form ol.formrows li
{
    list-style-type:none;
    clear:both;
    list-style: none;
    padding:3px;
    list-style-position:inside;
}


#content form .required{color:#f00;}

#content form input, #content form select
{
    display:block;
    float:left;
}



#content form .half label
{
    width:49%;
}
#content form .half input, #content form .half select
{
    width:40%;
}

#content form input.radiobox, #content form input.checkbox
{
    display:block;
    float:left;
}

#content form label
{
    width:12em;
    display:block;
    float:left;
    text-align:right;
    margin-right:0.5em;
}

/*display radio buttons etc in a row*/
#content form div.inline *
{
    display:inline;
    float:none;
}

#content form textarea
{
    margin-top:1em;
    width:63%;
}



/*to add variance to the forms by wrapping whatever elemnts in a div, add a new one for 33% for 3 cols etc*/
#content form div.half
{
    float:left;
    width:50%;
}
#content form .marginleft{margin-left:5px;}
#content form .marginright{margin-right:5px;}


#content form .validation
{
    background:#EF6459;
    border:1px solid #AF3F36;
    padding:1em;
    font-size:0.8em;
}
    #content form .validation li
    {
        margin:0;
        padding:0;
    }


/***************************************
    FOOTER STYLES: #footer
    ------------------------------------
    Style rules for the footer
    area only.
***************************************/
#footer
{
    text-align:center;
    font-size:11px;
    border-top: solid 1px #800000;
    border-bottom: solid 1px #800000;
    color:#000;
    margin-bottom:20px;
   
    
}
	#footer .footerleft
	{
	    float:left;
	    text-align:left;    
	    margin-top:14px;
	}


#footer a{color:#800000;}


	#footer .footerright
	{
	    width:50%;
	    float:right;
	    text-align:right;
	    height:10px;
	 
	    margin-top:14px;
	    
	}
		
	
	#footer address
	{
	    color:#666666;
	}
	
	
	/*xhtml accessiblity and css validation logos*/
	#footer #xhtml, #footer #access, #footer #css
	{
	    background:transparent url(../images/footer_logos.gif) top left  no-repeat ;
	    display:block;
	    height:15px;
	    width:86px;
	    float:right;
	    margin-left:10px;
	    padding-bottom:10px;
	    margin-top:10px;
	    overflow:hidden;
	    text-indent:-100px;	    
	}

	#footer #xhtml span, #footer #access span, #footer #css span
	{
	    width:0;
	    height:0;
	    font-size:0;
	    display:block;
	}

	#footer #access
	{
        background-position:-92px 0pt;
        width:84px;
	}

	#footer #css
	{
        background-position:-181px 0px;
        width:72px;
	}

/***************************************
    SINGLE PAGE STYLES: #page
    ------------------------------------
    Style rules for specific pages.
    Replace the id #container with a
    unique id to do this.
***************************************/

/*CVs*/

#cv img
{
    float:left;
    margin:0 0 10px 0;
}
#cv dl
{
    float:left;
    margin-left:10px;
    width:330px;
}

#cv dl dt,
#cv dl dd
{
    float:left;
    margin:0;
    font-weight:normal;
    
}



#cv dl dt
{
    width:110px;
    clear:both;
    font-size:1.1em;
}

#cv .name 
{
    font-size:1.75em; 
}

#cv dl dd
{
    width:200px;       
}

#cv dl dd
{
    width:200px;  
    font-size:1.3em;      
}

#cv h2
{
    clear:both;
}






/*sitemap*/
div#content div#sitemap *
{
    visibility:visible;
    margin:0;
    padding:0;
    float:none;
    display:block;    
    position:static;
    width:auto;
    height:auto;
    border:0;
    background:none;
    color:#333333;
}
    div#content div#sitemap  li
    {
        margin-left:20px;
        padding-left:15px;
        margin-top:4px;
        margin-bottom:4px;
    }
    div#content div#sitemap  li li
    {
        margin-left:20px;
        padding-left:35px;
    }
    div#content div#sitemap  li.AspNet-Menu-WithChildren a
    {
        margin-left:30px;
        padding-left:15px;
    }
    div#content div#sitemap   li li.AspNet-Menu-Leaf a
    {  
    }
    div#content div#sitemap  ul
    {
        margin-left:-20px;           
    }
    div#content div#sitemap  a
    {
        color:inherit;     
    }
    div#content div#sitemap  a:hover
    {
        color:#666666;     
    }



/*Modal Popup*/
.modalBackground 
{
	background-color:#543E31;
}

.modalPopup 
{
	background-color:#CE1D1D;
   border:solid 5px #9f1616;
    color:#FFFFFF;
	padding:3px;
	width:250px;
}

/*Popup Control*/
.popupControl
{
	background-color:White;
	position:absolute;
	visibility:hidden;
}
div#com
{
    float:right;
    padding-bottom:20px;
    height:100%;
    
    width:378px !important;
    width:368px;
    
    text-align:justify;
}

div#pho
{
    margin-left:-6px;
}

.textbox textarea
{
    width:376px !important;
    width:366px;
    height:60px;
    padding:0;
    margin-bottom:3px;
}
.textbox input
{
    padding:0;
    float:right
}

div.deleteButton input
{
    float:right;
    
}

div.message
{
    clear:both;
    display:block;
    float:right;
    width:376px;
    margin-top:15px;
    border-bottom:1px solid #BFBFBF;
}
.comment
{
    overflow:hidden;
}

div.text
{
    padding-top:5px;
}

div.text input
{
    float:right;
    margin-bottom:7px;
    margin-top:-4px;
}

div.report
{
    clear:both;
    display:block;
    padding:10px 0px;
    border-bottom:1px solid #BFBFBF;
}

div#loginbox
{
    padding:12px 0px 28px;
    margin:0pt auto;
    display:block;
    width:253px;
   /* border:1px solid #BFBFBF;*/
}

div#loginbox td
{
    border:none;
}
div#loginbox td label
{
    padding-right:7px;
}
div#loginbox td input
{
    float:right;
    width:140px;
}

div#loginbox div.loginButton input
{
    float:right;
    margin-top:-17px;
    width:auto;
    
}

div#nudgebox
{
    margin-bottom:12px;
}

div.event
{
    clear:both;
    display:block;
    padding:10px 0px;
    border-bottom:1px solid #BFBFBF;
}

div.report
{
    clear:both;
    display:block;
    padding:10px 0px;
    border-bottom:1px solid #BFBFBF;
}

div.field input
{
    display:block;
    float:right;
    width:172px;
}

div.field label
{
    float:left;
}

div.field textarea
{
    width:340px;
}

div.field
{
    padding-top:5px;
    clear:both;
}

div.val
{
   color:#ffffff;

}

div.val ul li{

background:#ffffff;
display:block;
list-style-position:inside;
list-style-type:none;
margin-left:10px;
padding-left:25px;
}

div.pagerButtons
{
    float:right;
    padding:10px 0pt;
    width:140px;
    text-align:right;
}

div.pagerButtons input
{
    background-color:#543E31;
    border:none;
    color:#FFFFFF;
    padding:5px;
    display:inline;
}

div.pagerButtons input:hover
{
    background-color:#6D5140;
}



#ctl00_Content_ContactControl_valSummary
{
    padding:4px;   
    color:#ffffff !important;
}
#ctl00_Content_ContactControl_valSummary li
{ 
    margin-top:1px;
}
#ctl00_Content_ContactControl_valSummary ul
{ 
    margin-bottom:1px;
}



.but
{
    background-color:#543E31;
border:medium none;
color:#FFFFFF;

font-size:14px;

padding:5px !important;
}

#backbut input:hover
{
    background-color:#6D5140;
}

.bottomlogo
{
    float:left;
}

.bottomlogo img
{
    border:medium none;
    float:left;
}

/*events*/
.disclaimer
{
    clear:both;
    font-size:90%;
    color:#888;
}


/***************************************
    END
***************************************/