body {
	background-image: url(media/bg.gif);
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, p {
	padding-left: 12px;
	padding-right: 12px;
	
}

h1 {
	color: #002072;
	font-size: 80%;
	font-weight: bold;
	padding-top: 12px;
	margin-top: 0px;
}
h2 {
	color: #333333;
	font-size: 95%;
	font-weight: 500;
	padding-top: 12px;
	margin-top: 0px;
}
p {
	color: #333333;
	font-size: 76%;
	line-height: 160%;
}
strong {
	color: #555555;
}

table {
	color: #333333;
	font-size: 80%;
	margin-left: 10px;
}
ul {
	padding: 0;
	margin: 0;
	
}

.content ul {
	margin-left: 18px;

	
}
.content ul li {
	margin-left: 12px;
	margin-bottom: 10px;

	
}

.content a, .content a:visited {
	color: #e87928;
	text-decoration: none;
}
.content a:hover {
	text-decoration: none;
	
}

li {
	font-size: 80%;
	padding-bottom: 4px;
	padding-right: 8px;
	color: #333333;
}
li li {
	font-size: 100%;
	padding-top: 4px;
	padding-right: 8px;
	color: #333333;
}
.shadow {
	width: 766px;
	margin: auto;
	background-image: url(media/shadow.gif);
	background-repeat: repeat-y;
}
.maincontainer {
	width: 760px;
	margin: auto;
	background-color: #ffffff;
}
.headerstrip {
	background-image: url(media/topcolourstrip.gif);
	background-repeat: no-repeat;
	width: 760px;
	height: 8px;
	font-size: 1%;
	
}
.logo {
	width: 760px;
	height: 76px;	
}
.logo img {
	padding-left: 187px;
	padding-top: 13px;
}
.mainpic {
	width: 760px;
	height: 164px;	
}
.mainnav {
	background-image: url(media/topshadow.gif);
	background-repeat: no-repeat;
	background-color: #000;
	width: 760px;
	padding-top: 4px;
	padding-bottom: 3px;
}

.mainnavpadd {
	padding-top: 3px;
	padding-bottom: 3px;
}
.mainnav ul {
	
	line-height: 0;

}
.nav li {
	padding: 0px;
	padding: 0px;
	display: inline;
	color: #fff;
	font-size: 59%;
	line-height: 100%;
	font-weight: 500;
}
.nav li span {
	padding-left: 14px;
	padding-right: 10px;
	border-left: 1px solid #fff;	
}
.nav li span.firstnavitem {
	padding-left: 12px;
	border-left: 0px solid #fff;	
}
.nav li a, .nav li a:visited {
	color: #fff;
	text-decoration: none;
}
.nav li a:hover, .nav li span.firstnavitem a:hover {
	color: #fff;
	text-decoration: none;
}
.nav li a.on, .nav li a:visited.on {
	color: #888;
}
.orangebar {
	background-image: url(media/orangebar.gif);
	background-repeat: repeat-x;
	width: 760px;
	height: 6px;
	font-size: 1%;
}
.mainpicoverlay {
	width: 760px;
	height: 8px;
	display: inline;
	
			
}

.contentrow {
	float: left;
	background-image: url(media/contentbg.gif);
	background-repeat: repeat-y;
}
.nocolour {
		background-image: none;

}

.leftnav {
	float: left;
	width: 175px;
	display: block;
	min-height: 100px;
}
.navhead {
	background-image: url(media/navhead.gif);
	background-repeat: repeat-x;
	width: 175px;
	height: 22px;
		
}
.leftnav ul {
	margin: 0;
	list-style: none;
}
.leftnav ul li {
	padding-left: 12px;
	padding-top: 2px;
	padding-bottom: 4px;
	border-bottom: 1px solid #fff;
	color: #fff;
	margin-top: 0px;
	font-size: 60%;
	line-height: 140%;
	font-weight: 500;
}
.leftnav li a, .nav li a:visited {
	color: #fff;
	text-decoration: none;
}
.leftnav li a:hover {
	color: #fff;
	text-decoration: none;
}
.leftnav .on {
	color: #888;
	background-color: #54A2DB;
}


.content {
	float: right;
	width: 585px;
	background-color: #fff;
	padding-top: 12px;
	padding-bottom: 12px;
	display: block;

}

.footer {
	background-image: url(media/bottom_bar.gif);
	background-repeat: repeat-x;
	background-color: #002072;
	color: #fff;
	width: 760px;
	height: 27px;
	font-size: 60%;
	
}
.footer .left {
	float: left;
	width: 275px;
	padding-left: 22px;
	padding-top: 6px;
	
}
.footer .right {
	float: right;
	width: 275px;
	text-align: right;
	padding-right: 22px;
	padding-top: 6px;
	
}


hr {
	height: 1px;
	margin: 0px 10px 0px 10px;
	font-size: 1%;
}

/* Gilder/Levin home page image replacement */

.hometext p {
	display:block;
	width:698px;
	height:272px;
	position:relative;
}
.hometext p span{
	position:absolute;
	width:100%;
	height:100%;
	background:url(media/home_text3.jpg) top left no-repeat;
}

/* Accordian */

#accordion {
	
}

.accordion .accordHeader {
	border-top: 1px solid #ccc;
}

.accordion h5 {
	
	padding-top: 3px;
	margin-bottom: 0px;
	cursor: pointer;
}

.accordion .intro {
	font-weight: normal;
}

.accordion .more {
	font-size: 80%;
}



    /* styling for elements inside overlay */
.details {
    /*position:absolute; */
    top:15px;
    right:15px;
    color:#000;
    height: 505px;
    background: url('images/logobg.jpg') bottom right no-repeat;
}

/* overlays */


/* the overlayed element */
.apple_overlay {

    /* initially overlay is hidden */
    display:none;

    /* growing background image */
    background-image:url(images/white.png);

    /*
        width after the growing animation finishes
        height is automatically calculated
    */
    width:640px;

    /* some padding to layout nested elements nicely  */
    padding:35px;

    /* a little styling */

}

    .apple_overlay img {
        float: left;
        margin-top: 9px;
        padding-right: 10px;
    }

/* default close button positioned on upper right corner */
.apple_overlay div.close {
    background-image:url(images/close.png);
    position:absolute; right:5px; top:5px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* tweak the wider image overlays */
.wide .details {
	background: url('images/logobg_narrow.jpg') bottom right no-repeat;
}

area {
	cursor: pointer;
}

#georgiepic, #deedeepic, #jempic, #lukepic, #suzypic, #marciepic, #angelapic, #adampic, #alexpic {
 position: absolute; top: 0; left: 0;	
}




/* tooltips */

#demotip {
	position: absolute;
    background:transparent url(images/black_arrow.png); 
    font-size:12px; 
    height:30px; 
    width:154px; 
    padding:25px 15px; 
    color:#000;
    z-index: 100;
    min-height: 30px;
    display: none;
    
}

.details h2 {
	color:#e87928;
	font-weight: bold;
}