@charset "utf-8";
/* CSS Document */
body
{
width:100%;
background-color:#474747;
margin:0px;
padding:0px;
font-family: "trebuchet ms",courier;
}


 a
{
font-size:1.3em;
letter-spacing: -.02em;
text-decoration:none;
margin:2px;
padding:4px;
}


.pretty
{
font-size: .9em;
letter-spacing: -.02em;
text-decoration:none;
margin:2px;
padding:4px;
font-weight: bolder;
color:#5987C6;
}


.pretty_small
{
color:#5987C6;
font-size: 1em;
letter-spacing: -.02em;
text-decoration:none;
margin:2px;
padding:4px;
font-weight: lighter;
}



b
{
font-weight: 800;
}

h1
{
margin-bottom:0px;
font-size:1.8em;
color:#5987C6;
letter-spacing: 0;
font-weight:lighter;
font-weight:bold;
}

h2
{
margin-top:-5px;
margin-left:2px;
font-size:1.1em;
color:#DC549C;
letter-spacing: -.1em;
font-weight:lighter;
}


h3
{
margin-top:0px;
font-size:1.2em;
color:#5987C6;
font-weight:lighter;
letter-spacing: -.1em;
margin-bottom:0px;
}



.summary h3
{
margin-top:0px;
font-size:1.2em;

font-weight:bolder;
letter-spacing: .051em;
color:#66aacc;
}


.button_control
{
background-color:#5987C6;
display:block;
color:white;
text-align:center;
}


.button_control:hover
{
background-color:#DC549C;

}

.button_control2
{
background-color:#5987C6;
display:block;
color:white;
width:80px;
text-align:center;
}

.button_control3
{
font-size: .6em;
background-color:#5987C6;
display:block;
color:white;
width:80px;
text-align:center;
}

.button_control3:hover 
{
background-color:#DC549C;
}
.button_control2:hover 
{
background-color:#DC549C;
}
.summary
{
width:400px;float:left;
}

.extra
{
font-size:3.1em;
font-weight:lighter;
}


.local_link
{
color: black;
font-weight:bolder;
text-decoration: none;
}


.local_link:hover
{

text-decoration: underline;
}

.menu_list
{
color:white;
display:inline;
margin-right:5px;
font-size: 1.1em;
font-weight:bold;
width:75px;
}


.onpage_menu_list
{
width:110px;
height:110px;
color:white;
font-size: .6em;
float:left;
vertical-align:middle;
background-color:#DC549C;
list-style:none;
margin-right:5px;
padding:5px;
text-align:center;
border:2px solid #eeeeee;
}

.onpage_menu_list b
{
font-weight:bolder;
font-size:14px;
text-decoration:underline;
}


.onpage_menu_list:hover
{
background-color:#5987C6;
cursor:pointer;
}


.menu_text
{


}

.menu_text2
{

}

p
{

font-size: 1em;
color:#888888;
letter-spacing: -.01em;
}

.menu_strip
{
width:820px;margin:0 auto;
background-color:#DC549C;;background-repeat:repeat-x;line-height:13px;padding:0px;padding:0px;text-align:center;clear:both;float:none;
padding:0px;background-image:url(images/menustrip.gif);background-repeat:repeat-x;}

.menu_strip ul
{
margin-left:00px;
font-size:.8em;
}


.verysmall
{
font-size:.6em;
}

.close
{
letter-spacing: -.07em;
}

.green
{
color:#8cc63f;
}

.indent
{
//margin-left:20px;
}

.high_line
{
margin-top:-5px;
margin-bottom:0px;
}

.mast
{
width:820px;margin:0 auto;padding:0px;margin-top:0px;background-color:white;
}

.mast_bk
{
width:820px;margin:0 auto;height:145px;background-color:white;background-repeat:repeat-x;
}

.mast_bk h2
{
font-family: "century gothic";
color:#8cc63f;
font-size:1.8em;
letter-spacing:0em;
font-weight:lighter;
}

.more
{
background-image:url(images/button.gif);
width:103px;
height:29px;
display:block;
padding:0px;
margin:0px;
background-repeat:no-repeat;
}


.more:hover
{
background-image:url(images/button_hover.gif);

}


.top_shadow_container
{
width:854px;margin:0 auto;padding:0px;height:15px;background-image:url(images/top-shadow.gif);background-repeat:no-repeat;vertical-align:bottom;background-position:bottom;

}


.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}

.hidden
{
display:none;
}

.main_shadow_container
{
width:100%;margin:0 auto;padding:0px;background-position:center;background-image:url(images/back-shadow.gif);background-repeat:repeat-y;
}

.logo_container
{
margin-left:20px;float:left;width:180px;margin-top:20px;
}

.phone_container
{
margin:10px;float:left;width:380px;margin:0px;padding:0px;margin-top:50px;margin-left:60px;color:#8CC63F;
}

.login_container
{
float:right;width:180px;margin:0px;padding:10px;color:white;
}

.login_container b
{
color: #DC549C;
}


.login_container a:hover
{
color:white;
}


.login_container_alt
{
float:right;width:160px;margin:0px;padding:10px;color:white;
}

.login_container_alt b
{
color: #DC549C;
}


.login_container_alt a:hover
{
color:white;
}




.sheet_container
{
padding:0px;width:800px;margin:0 auto;background-color:white;background-image:url(images/white.gif);background-repeat:repeat-x;padding-top:10px;padding-left:20px;
}

* html .sheet_container
{
padding:0px;width:820px;w\idth:800px;margin:0 auto;background-color:white;background-image:url(images/white.gif);background-repeat:repeat-x;padding-top:10px;padding-left:20px;
}


.advert_1_container
{
background-repeat:no-repeat;margin-top:0px;margin-left:0px;width:775px;height:230px;background-image:url(images/box4.png);padding-left:0px;padding-top:5px;
}

.advert_container
{
background-repeat:no-repeat;margin-top:0px;margin-left:0px;width:775px;background-image:url(images/box4.png);padding-left:40px;padding-top:5px;
}


.end_sheet_container
{
width:820px;margin:0 auto;padding:0px;height:18px;background-color:#DC549C;padding:0px;float:none;
}

.bottom_shadow_container
{
width:856px;margin:0 auto;padding:0px;height:18px;background-image:url(images/bot-shadow.gif);background-repeat:no-repeat;vertical-align:top;background-position:top;padding:0px;float:none;
}

.inner_advert_container
{

width:480px;float:left;height:200px;padding-right:20px;
}

.footer_menu
{
margin: 0 auto;width:820px;margin-top:0px;vertical-align:top;
}

.advert_bar
{
float:left;margin-left:40px;width:150px;
}

.advert_bar h3
{
font-size:.8em;
font-family: "century gothic";
color:#666666;
font-weight:bolder;
}

.callback
{
margin-left:10px;
margin-right:10px;
margin-top:0px;
margin-bottom: 0px;
padding:0px;
}

.callback h1
{
color:red;margin:0px;

}

.portfolio td
{
margin-left:20px;
margin-right:10px;
padding:5px;
padding-bottom:10px;
}


.callbacktop
{
height:15px;width:400px;background-image:url(images/callback-top.gif);background-repeat:repeat-none;padding:0px;margin:0px;vertical-align:bottom;
}
.callbackbody
{
background-image:url(images/callback-bck.gif);width:385px;background-repeat:repeat-x;padding-left:10px;padding-right:5px;margin:0px;padding-top:0px;vertical-align:top; height:200px;
}

.contactformtop
{
height:10px;width:400px;background-image:url(images/contact-top.gif);background-repeat:no-repeat;padding:0px;margin:0px;vertical-align:bottom;

}


.contactformbody
{
background-image:url(images/contact-bck.gif);background-repeat:repeat-x;padding-left:15px;padding-right:5px;margin:0px;padding-top:0px;padding-bottom:5px;vertical-align:top;width:380px;
}





/*
#info {position:relative;}
p.bold {padding-left:15px; color:#c00;}
a.linkup {position:relative;}
a.buttonup {position:absolute; top:200px; left:650px; border:0;}
a.buttonup img {border:0;}
.xgleft {float:left; margin:25px 0 10px 0;}
.xgright {float:right; margin:25px 5px 10px 0;}
.xgrc {margin:20px 0 0 10px;}

*/

/*============================================================================================
.menu {width:820px; height:20px;  z-index:100;border-right:1px solid #000;}*/
/* hack to correct IE5.5 faulty box model */
* html .menu {width:800px; w\idth:800px;margin:0 auto;} /* this the container -- make wider and buttons smaller! - WIDTH FOR IE OF MENU CONTAINER
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:60px;padding:0px;margin:0px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:80px;position:relative;} /* firefox button width
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:13px;text-decoration:none; color:#fff; width:80px; height:15px;   text-align:center;margin:0px; } /* line height determines menu height - line-height removed
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:80px; w\idth:75px;}

/* style the second level background 
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
/*.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/*.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
/*.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
/*.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:23px;left:0; width:100px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:23px;}

/* position the third level flyout menu */
/*.menu ul ul ul{left:149px; top:-1px; width:149px;}*/

/* position the third level flyout menu for a left flyout */
/*.menu ul ul ul.left {left:-149px;}*/

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;border:0px;color:#00FF00;width:800px;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#DC549C; color:white; height:auto; line-height:1em;  width:94px;margin:0px;text-align:left;padding-left:5px;}/*
Second level menu items
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:100px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#5987C6;} /* IE 5.5 top color*/
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#5987C6;}
.menu :hover > a {color:#fff;background:orange;}
.menu ul ul :hover > a {color:#fff;background:#5987C6;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}





#imageContainer {
	position:relative;
	margin:auto;
	width:200px;
	height:120px;
}

#imageContainer img {
display:none;
left:0;
position:absolute;
top:0;
}


#experiment label
{
width:90px;
display:block;
float:left;
text-align:right;
color:#666666;
}


#experiment input
{
margin:5px;
width:400px;
}

#experiment select
{
width:150px;
margin:5px;
}


.form
{
background-color:#E5EFFD;
width:550px;
padding:10px;
border:1px solid #a5abba;
}

.formslide
{
background-color:#E5EFFD;
width:550px;
}

.textbox
{
margin-left:10px;
}


.data
{

}

.data table
{
font-size:.7em;
border:1px solid black;
border-collapse: collapse;
width:700px;

}

.data td
{
padding:2px;
border:1px solid black;
background-color:#E5EFFD;
}

.data th
{
font-family: "trebuchet ms",courier;
background-color:#DC549C;
font-size:1.2em;
color:white;
font-weight:bold;
background-image:url(images/menustrip.gif);background-repeat:repeat-x;
border:1px dotted #667788;
}

hr
{
margin:0px;
padding:0px;
color:#aaaaaa;
background-color:#cccccc;
border: 1px solid #cccccc;
}

.newsreport
{
width:380px;background-color:#E5EFFD;border:2px solid  #dddddd;margin-bottom:10px;padding:5px;
clear:both;float:none;
}

.newsreport p
{
color:#444444;
font-size: 80%;
}


.small_newsreport
{
width:285px;background-color:#E5EFFD;border:2px solid  #dddddd;margin-bottom:10px;padding:5px;
clear:both;float:none;
}


.small_newsreport h4
{
margin:0px;padding:0px;color:#DC549C;
}

.small_newsreport p
{
margin:0px;padding:0px;font-size:.7em;
}


.archive_link 
{
font-size:.8em;
background-color:#5987C6;
color:white;
text-align:center;


width:60px;
height:20px;
display:block;
float:left;
}





.archive_link:hover
{
background-color:#DC549C;
}

.year
{
margin:0px;
padding:0px;
}

.year_group
{
border:1px solid #cccccc;width:220px;background-color:#eeeeee;
float:none;clear:both;margin:0 auto;padding: 5px;height:100%; overflow:auto;

}

.date_group
{
width:250px;margin:1px;border: 1px solid #cccccc;padding:1px;background-color:#eeeeee;
}

.archives_group
{
margin:0 auto;
width:260px;
margin-top:10px;
}

.common_text
{
float:left;width:550px;
}

.common_text a
{
font-size:medium;
}


.common_text2
{
float:left;width:400px;
}

.common_text2 a
{
font-size:medium;
}

.common_text2 a:hover
{
text-decoration:underline;
}

.common_text a:hover
{
text-decoration:underline;
}

.right_column
{
float:right;width:300px;margin:20px;border: 1px solid #cccccc;padding:10px;
}

.right_column a
{
font-size:medium;
}

.right_column a:hover
{
text-decoration:underline;
cursor:pointer;
}

h4
{
margin:0px;
padding:0px;
font-size: .8em;
color: #5987C6;
}

.form a
{
font-size:1em;
}

.badge
{
clear:both;
floaT:none;
}

.badge  a
{
font-size:medium;
color: #5987C6;
text-align:center;
border:0px;
}
.badge img
{
border:0px;
}

.card
{
width:90px;height:100px;border:1px solid #eeeeee;margin-right:5px;padding:10px;float:left;
}

.card:hover
{
width:90px;height:100px;border:1px solid #cccccc;margin-right:5px;padding:10px;float:left;
}