/*LAYOUT STYLES*/
html, body {height:100%}
body {
	padding:0;
	margin:0;
	background-color:#000;
}
img{border:none;}
#outer{
	width:850px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	height:100%;
	min-height:100%;
	background-image:url(../elements/orange.gif);
	margin-bottom:-20px;
	color: #000000;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#header{
height:96px;
text-align:center;
position:relative;
margin:0 0;
}
/* mac hide \*/
* html #header{
	height:96px;
	he\ight:96px;
}/* height needed for ie to force layout*/
/* end hide*/
#logo{
width:254px;
height:96px;
float:left;
background-image:url(../elements/logo.gif);
}
#roundels{
width:49px;
height:48px;
position:relative;
float:right;
top:19px;
background-image:url(../elements/roundels.gif);
}
#name{
width:228px;
height:48px;
position:relative;
float:right;
top:19px;
background-image:url(../elements/name.gif);
}
#gradient{
width:269px;
height:48px;
position:relative;
float:right;
top:19px;
background-image:url(../elements/longgradient.gif);
}
#section{
width:118px;
height:29px;
position:relative;
float:right;
top:19px;
}
#smallcurves{
width:50px;
height:29px;
position:relative;
float:right;
background-image:url(../elements/smallCurves.gif);
top:19px;
}
#breadcrums {
position:relative;
width:530px;
height:16px;
margin-top:30px;
margin-bottom:12px;
margin-left:172px;
z-index:3;
}
#centrecontent {
position:relative;
width:600px;
height:auto;
margin-top:0px;
margin-bottom:12px;
margin-left:210px;
}/* combat IE's 3 pixel jog */
#left {
position:relative;/*ie needs this to show float */
width:172px;/* same as the left margin on #outer*/
height:auto;
float:left;
margin-left:0;/*must be 1px less than width otherwise won't push footer down */
z-index:1;
}
#galdiv {
position:relative;
float:left;
width:150px;
height:150px;
text-align:center;
border: 1px #edac12 solid;
}
#menu {
width:200px;
height:auto;
position:absolute;
float:left;
z-index:2;
}
#curves{
	width:42px;
	height:108px;
	position:absolute;
	float:left;
	left:147px;
	background-image:url(../elements/curves.gif);
	z-index:1;
}
#footer {
width:750px;
height:20px;
margin-left:auto;
margin-right:auto;
clear:both;
text-align:center;
position:relative;
}
#copyright {
width:611px;
height:20px;
position:relative;
float:right;
}

* html #footer {/*only ie gets this style*/
\height:22px;/* for ie5 */
he\ight:20px;/* for ie6 */
}
#clearfooter{clear:both;height:20px;}/*needed to make room for footer*/
div,p {margin-top:0}/*clear top margin for mozilla*/

.thumbnail {
float:left;
width:70px;
margin-left:10px;
margin-right:10px;
margin-bottom:20px;
padding: 5px;
text-align:center;
}

/*COPY STYLES*/

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #f4db9e;
}
.project {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #f4db9e;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #ae6b2a;
text-decoration:underline;
}
.content {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #d8a838;
}
.link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f4db9e;
text-decoration:none;
}
.link:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
text-decoration:none;
}
.copyr {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #f4db9e;
}
.gallink{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #f4db9e;
text-decoration:none;
}
.gallink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #fff;
text-decoration:none;
}
.galthumb{
margin-top:13px;
margin-bottom:7px;
}
.thumblink{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f4db9e;
text-decoration:none;
}
.thumblink:hover{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f4db9e;
text-decoration:none;
}

.myframe{
	width:200px;
	height:300px;
	background:none;
}

.menutitle{
margin-top:8px;
}
.mLink {
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f4db9e;
text-decoration:none;
}
.mLink:hover {
margin-left:10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #f4db9e;
text-decoration:underline;
}