body {
	background-color : #333;
	color : #fff;
	font-size : small;
	font-family : Verdana, Tahoma, Helvetica, Arial, sans-serif;
}

a {
	color : #999;
	text-decoration : none;
}

a img {
	border : none;
}

.site-logo {
	display : block;
	float : left;
}

.site-navigation {
	white-space : nowrap;
}

.site-navigation, .sub-navigation {
	float : right;
	padding : 3em 0px 0px 0px;
	margin : 0;
	font-size : 95%;
}

.sub-navigation {
	padding : 1em 0px 0px 0px;
	clear : both;
}

.site-navigation li {
	float : left;
	padding : 0px 0px 0px 15px;
	margin : 0 0 0 20px;
	color : #999;
	letter-spacing : 0.02em;
	list-style-type : none;
	background-repeat : no-repeat;
	background-position : 0% 50%;
}
.site-navigation li {
	background-image : url("../img/bullet-small.png");
}
.site-navigation li.current {
	background-image : url("../img/focus-bullet-small.png");
}
.site-navigation li a {
	color : #999;	
}

.sub-navigation li {
	float : left;
	margin : 0 0 0 2em;
	padding : 0px;
	list-style-type : none;
	font-size : 95%;
	color : #999;
	letter-spacing : 0.02em;
}

.sub-navigation li.current {

	list-style-type : none;
}
.sub-navigation li a {
	color : #707070;	
}
.sub-navigation li.current, .sub-navigation li.current a {
	color : #ee1c39;
}

.page-wrapper {
	width : 740px;
	margin : 0 auto;
	padding-top : 10px;
}

.page-header {
}

.page-header img {
}

.page-sub-header {
	clear : both;
}

.page-body {
	clear : both;
	padding-top : 15px;
}

.page-content {
	margin : 1em 0em 1em 0em;
	padding : 0em 0em 0em 1em;
}

.page-content-end {
	border-bottom : 1px solid #707070;
	padding : 0em 0em 12em 0em;
	clear : both;
}

.page-content-start {
	border-top : 1px solid #707070;
}

.page-content-container {
	/* default bg and fg colour */
	background-color:#fff; 
	color:#333;
}

.page-footer {
	
}

.page-content p {
	font-size : 98%;
	letter-spacing : 0.02em;
	padding : 0em 1em 1em 2em;
	margin : 0;
}

.page-body  h1 {
	color : #ee1c39;
	font-size : 1.2em;
	font-weight : normal;
	letter-spacing : 0.05em;
	margin : 0;
	padding : 0px 0px 0px 25px;
	background-image : url("../img/focus-bullet-large.png");
	background-repeat : no-repeat;
	background-position : 0% 50%;
}

.page-content h1 {
	color : #d7d7d7;
	margin : 0.2em 0 0 0.2em;
	padding : 0em;
	font-size : 1.2em;
	font-weight : bold;
	letter-spacing : 0.05em;
	background : transparent;
}

.page-content-container h1 {
	color : #000;
	padding : 1em 1em 0em 2em;
	margin : 0;
}
 
.page-content h2.headsep {
	background-color : #d7d7d7;
	margin : 0;
	padding : 2em 0em 0em 2em;
	color : #000;
	font-size : 100%;
	font-weight : bold;
	letter-spacing : 0.05em;
	border-top : 1px solid #333;
}

.page-content-container h2 {
	font-size : 1.1em;
	font-weight : bold;
	letter-spacing : 0.05em;
	color : #000;
	padding : 2em 1em 0em 2em;
	margin : 0;
}

.page-content h3, .page-content h4, .page-content h5, .page-content h6 {
	font-size : 100%;
	font-weight : bold;
	letter-spacing : 0.05em;
	padding : 1em 1em 0em 2em;
	margin : 0;
}

.page-content-container img {
	margin : 10px;
}

.page-footer p {
	text-align : right;
	color : #999;
	font-size : 100%;
}
.page-footer p .copyright {
	text-transform : uppercase;
}

.page-footer a {
	text-decoration : underline;
	color : #aaa;
}

.photo-gallery-image a {
	border : none;
}

.photo-gallery-image {
	width : 185px;
	float : left;
	padding : 5px 0px;
	margin-bottom : 0;
	text-align : center;
}
.photo-gallery-image p.caption {
	text-align : right;
	font-size : 90%;
	width : auto;
	margin : 0;
	padding : 0px;
}

.photo-detail {
	width : 590px;
	text-align : center;
	overflow : auto; /* force scrollbars horizontally when appropiate in non overflow-x browsers */
	overflow-x : auto; /* force scrollbars horizontally when appropriate in supporting browsers */
	overflow-y : visible;/* make sure no vertical scrollbars appear */
}

.photo-detail img {
	margin : 0 auto;
	display : block;
}

.photo-meta {
	font-size : 95%;
	text-align : right;
	color : #fff;
	padding : 8px;
}

.photo-detail-links {
	text-align : left;
	width : 100px;
	float : left;
}
.photo-detail-links img {
	margin : 0;
}

.photo-wrapper a {
	color : #333;
}

span.previous, span.next {
	color : #bbb;
	cursor : help;
}
a.previous, span.previous {
	margin-right : 0.5em;
}

a.next, span.next {
	margin-left : 0.5em;
}

br.break {
	clear : both;
}