/* CSS Document */


/*-------------nav bar----------------*/
#logo {
	z-index: 2;
	padding: 0;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 10px;
}

#nav {
	margin-left: 330px;
	margin-top: -55px;
}

#nav ul {
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
}


#nav ul li {
	display: block;
	float: left;
	margin: 15px 0 23px 0;
	text-align: center;
	width: 105px;
	xwidth: 19.9%;
		/* if the width is 20%, then IE/Win does
		   very scary things when you resize the page! */
}


#nav a {
	display: block;
	padding: 0.20em ;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: 700;
	text-decoration: none;

}

#nav a:link {
	color: #660000;
}

#nav a:visited {
	color: #660000;
}

#nav a:hover {
    background-color: #D6D6C5 ;
}

/* 
#activepage {
    background-color: #D6D6C5 ;
}
*/



/*------------Text format------------*/

body
{
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	/*text-align: left;  needed to center the container in IE5.x because it doesn't like 'margin: 0 auto' */
    color: #1B1B1B;
	background: #fff; /* defines the colour as well as the background image so that an average colour is shown while the image loads */
	width: 800px;
	border-top: 12px solid #336;    /* background-color:#F1F1E7;*/
}



h1
{
	margin-top: 0;
	margin-left: 25px;
	margin-right: 7px;
	margin-bottom: 0;
	padding: 1.5px 0px 1.5px 4px;
	font-size: 15px;
	font-weight: 400;
}



h1.nolink {
    padding-top: 20px;
	font-weight: 700;
	font-size: 20px;
	/*border-bottom: 1px solid #336;
	border-spacing: 1px; */
}

h2
{
	padding: 7px 0px 0px 30px;
	font-size: 14px;
	font-weight: 100;
	
}

h3
{
	padding-top: 3px;
	padding-left: 2%;
	margin-top: 7px;
	margin-left: 20px;
	margin-right: 7px;
	margin-bottom: 0;
	font-size: small;
	font-weight: 400;
}

 p
{
	padding-top: 6px;
	padding-left: 4%;
	margin-top: 0;
	margin-left: 12px;
	margin-right: 0px;
	margin-bottom: 6px;
	line-height: inherit;
	font-size: 14px;
}



strong {
	font-weight: 700;
}


img.border {
	border: 1px solid #525252;
	padding: 0px;
}

img.noborder {
	border: 0px;
	padding: 0px;
}

p span {
	display: block;
	padding: 0 4em 1em 4em;
}

 a:link {
	color: #660000;
	text-decoration: none;
	font-weight: 600;
}

 a:visited {
	color: #000066;
	/*color: #060;*/
	text-decoration: none;
	font-weight: 600;
}

 a:hover {
	color: #000066;
	text-decoration: underline;
	font-weight: 600;
}




/*------------Portfolio layout------------*/

#header
{
	height: 50px;
	border-bottom: 1px none #999;

}

#breadcrumb
{
	height: 20px;
	margin-bottom: 1em;
	border-bottom: 1px solid #999;
	background-color: #DDDFFF;

}

.gutter
{
	float: left;
	width: 100%;
	height: 30px;
}

.sectionbreak
{
	clear: both;
	height: 15px; 

}

.col1
{
	float: left;
	width: 160px;
	margin-top: .25em;
	margin-bottom: 1em;
	margin-left: 4%;
	display: inline;
}

.col2
{
	float: left;
	width: 60%;
	margin-bottom: 1em;
	margin-left: .25%;
	display: inline;
}


.col3
{
	float: left;
	width: 13%;
	margin-top: 1.5em;
	margin-bottom: 1em;
	margin-left: .25%;
	display: inline;
	font-size: xx-small;
	font-weight: 100;
	line-height: normal;
	color: #9B9B9B;
}

.col4
{
	float: left;
	width: 280px;
	margin-bottom: 1em;
	margin-left: .25%;
	display: inline;
}



.rightcol
{
	float: left;
	width: 75%;
	margin-bottom: 1em;
	margin-left: 1%;
	display: inline;
}

.maincol
{
	margin-top: 3em;
	float: left;
	width: 95%;
	display: inline;
	line-height: 150%;
	font-size: 14px;
}


.moveleft  a {
	position: relative;
	left: 30px;
}

.moveleft  img {
	position: relative;
	left: 30px;
}

.alignright {
	margin-right: 20px;
	margin-top: -24px;
	text-align: right;
}

#footer
{
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	height: 70px;
	border-top: 2px solid #336;
	padding: .5em;
	text-align: right;
}

.subnav a {
    font-family: sans-serif;
	font-size: 15pt;
	font-weight: 600;
	text-decoration: none;
    /*display: block;
	padding: 0.15em .35em;
	color: #fff;
	text-decoration: none;
	text-align: left;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	}

.subnav a:link {
    color: #660000;
}

.subnav a:visited {
    color: #000066;
}

.subnav a:hover {
    color: #000066;

}


/*------------Poster details------------*/
#content {
	margin-left: 20px;
	position: relative;
}

#poster {
	left: 20px;
	border: thin outset #333333;
	float: left;
}

#zoom {
	border: thin outset #333333;
	margin-left: 20px;
	margin-top: 25px;
	position: absolute;
}

#left {
	float: right;
	padding-right: 20px;
}

#right {
	float: right;
	padding-right: 20px;
}

/*------------Homepage details------------*/

#income {

	z-index: 1;
    background: url(images/bg_homepage.gif);
    margin-top: -130px;
    height: 702px;
	width: 800px;
	background-color: white;}


.bigtext
{
	font-size: 36px;
	font-weight: lighter;
	line-height: 2ex;
	left: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/*------------Home page extras------------*/

#infotext {
	z-index: 2;
	left: 14px;
	top: 105px;
	position: absolute;
}


/* Background images */
#homeimage {
	display: block;
  	z-index: 1;
	background: url(images/bg_homepage.gif) no-repeat;
	height: 702px;
	width: 800px;
	margin-left: 25px;
}

#homeimage a{
	display: block;
    height: 702px;
	width: 800px;}
	
#homeimage a:hover{
	background: url(images/bg_rollover.gif) no-repeat;
}




.col5
{
    float: left;
	width: 40%;
	margin-bottom: 5em;
	margin-left: 0;
	display: inline;
}

.sidebar {

	font-size: 12px;
	font-weight: 400;
	padding-left: 1%;
	padding-bottom: 3%;
}




.captions {
	font-size: 10px;
	font-weight: 400;
	line-height: 2.9ex;
}

.smalltitle {
	line-height: 5ex;
	font-size: 10px;
	font-weight: 700;
}


.bigtitle {
	font-size: 14px;
	font-weight: 800;
}

.bigtitle2 {
	margin-top: 1ex;
	margin-left: 3.5%;
	font-size: 14px;
	font-weight: 800;
}