/* CSS Document */

* {
		margin:0;
		padding:0;
}

body {
		padding:20px 0;
		text-align:center; /*will center #container in IE 5.x */
		font-size:62.5%; /*so 1em = 10px - which is too small, but gives nice easy rounding*/
		font-family:Arial, Helvetica, sans-serif;
		color:#273057;
		background:#d5d8df;
}


#containerWrapper {
		width:760px;
		margin:0 auto;
		padding-bottom:12px;
		text-align:left; /*return to normal after IE 5.x centering */
		background:url(images/containerBottom.gif) bottom left no-repeat;
}

#container {
		/*overflow:hidden; wraps floats*/
		padding-bottom:10px;
		background:#ffffff url(images/containerRight.gif) top right repeat-y;
}

#header {
		background:url(images/containerTop.gif) top left no-repeat;
		padding:20px 20px 10px 10px;
}

#headerQuote	{
		text-align:right;
		font: bold italic 16px Arial, Helvetica, sans-serif;
		height:50px; /*ensures it is shown in IE*/
}

#headerQuote cite		{
		text-align:right;
		font:normal 14px Arial, Helvetica, sans-serif;
}

.clearer {
	clear:both;
}


/*--- images --*/
.imageLeft {
		float:left;
}

.headerStripes {
		float:right;
		margin-top:0.4em;
}

.imageRight {
		float:right;
		margin:0 0 10px 10px;		
}

/* -------- navigation -------*/

#navcontainer {
		padding-left: 0;
		margin-left: 0;
		margin-top:1em;
		background-color: #ffffff;
		float:right;
		color:#273057;
		width:550px;
		font-family: arial, helvetica, sans-serif;
		font-size:1.2em;
		list-style:none;
}

#navcontainer li { 
		display: inline; 
}

#navcontainer li a {
		padding: 0em 0.4em;
		background-color: #ffffff;
		color:#273057;
		text-decoration: none;
		float:right;
		border-right:1px solid #43003a;
}


#navcontainer li a:hover {
		background-color: #43003a;
		color: #ffffff;
		text-decoration:none;
}

#navcontainer li a.current {
		color:#273057;
		text-decoration:underline;
}

#navcontainer a.last {
		border-right:0;
}

#navcontainer li a.current:hover {
		color:#273057;
		text-decoration:underline;
		background-color:#FFFFFF;
}


/* --------- main content --------  */
#content {
		width:730px;
		background-color:#ffffff;
		margin-top:0.2em; /*to allow the space to remain between #content & #header on re-sizing of fonts*/
		margin-left:10px;
		margin-right:20px;
		font-size:1.4em;
		line-height:1.2;
}

#content p {
		margin-bottom:1em;
		padding-left:1em;
		padding-right:1em;
}


#homepage_left {
		float:left;
		width:400px;
		background-color:#ffffff;
}

#homepage_right {
		float:right;
		width:320px;
		background-color:#e9eaef;
}

#video	{
		padding-top:1em;
		background-color:#ffffff;
}

#button_holder {
		margin-top:10px;
		width:400px;
		background-color:#FFFFFF;
}

#footer {
		width:730px;
		background-color:#ffffff;
		margin-top:1em; /*to allow the space to remain between #content & #header on re-sizing of fonts*/
		margin-left:10px;
		margin-right:20px;
		font-size:1.2em;
		line-height:1.5;
}

#footer ul {
		padding-top:0.5em;
		text-align:left;
}
#footer li {
		display:inline;
		padding:2em 0.5em;
}

#footer a {
		color:#273057;
		text-decoration:underline;
}

#footer a:hover {
		text-decoration:none;
}
.bottom_bars	{
		display:block;
}