@charset "utf-8";
html {
	background: url(../files/orchid.jpg) no-repeat 1em 2.5em;
	margin:0px;
	padding:0px;
	border:0px;
	height:100%;
	min-height: 100%; margin-bottom: 1px; /*Forces a Vertical Scrollbar*/
}
body {
	height:100%;
	margin:0px;
	padding:0px;
	border:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	line-height:1.8em;
	color: #555753;
	text-align:center; /*For ie5.5 */
}
div#container {
	width:760px;
	margin:0 auto;
	font-size: 1.2em;
	text-align:left;
	color: #808080;
}
div#banner {
	background: url(../files/logo.jpg) no-repeat bottom right;
	height:150px;
}

div#menu2 {
	font-size:1em;
}
/*START Styling for menu2 at bottom of pages*/
div#menu2 li {
	padding: 0 0.5em 0 0.7em;
	border-left: 0.08em solid #644;
	display: inline;
	text-align: center;
}
div#menu2 li.first {
	padding-left: 110px;
	border: 0;
}
/*END*/
div#content {
	clear: left;
	margin-top: 2em;
	min-height:350px; /* This is the height of the background images. It needs a hack for <IE7 to set height:350px*/
}
div#left {
	float:left;
	width:50%;
}
div#left2 {
	float:left;
	width:75%;
}
div#left2 p {
	padding:0 5px 0 220px;
}
div#left3 {
	float:left;
	width:63%;
}
div#right {
	float:right;
	width:50%;
}
div#right2 {
	float:right;
	width:25%;
}
div#right3 {
	float:right;
	width:37%;
}
div#right2 p, div#right3 p {
	padding:0 0 0 0;
}
div#table {
	padding:0 0 0 218px;
}
div#footer {
    clear:both;
}
div#pics {
	height:130px;
	padding-top:1em;
}
div#pics img {
	margin:0 0 0 0;
	float:left;
}
p {
	padding-left:220px;
	padding-right:50px;
	margin:0 0 0 0;
}
p.index, p.index2 {
	height:25px;
	text-align:right;
	padding:50px 0 0 0;
	background: url(../files/pinksq.jpg) no-repeat;
	background-position:315px 51px;
	letter-spacing:.8em;	
}
p.index2 {
	padding:0 25px 0 0;
	background-position:745px 1px;
}
p.index3 {
	margin-top:40px;
	padding:0 180px 0 0;
	text-align:right;
	letter-spacing:.8em;
}
div#indexpics {
	height:150px;
}
/*START coding for portfolio picture table*/
.row {
	padding-left:220px;
	height:auto;
}
.col {
	width:auto;
}
.col1, .col2, .col3 {
	width:170px;
	float:left;
}
.col img, .col1 img, .col2 img, .col3 img {
	margin:0 0 0 0;
	float:left;
}
.spacer {
	clear:both;
}
/*END coding for portfolio picture table*/
h1 {
	margin: 0 0 .5em 0;
	padding-left:220px;
	font-size: 1em;
	padding-top:.6em;
	color:#BB9A55;
	font-weight:bold;
	background: url(../files/pink.jpg) no-repeat;
	background-position:187px 13px;
}
h2, h3 {
	margin:1em 0 0 0;
	padding-left:220px;
	font-size: 1em;
	color:#BB9A55;
	font-weight:bold;
	background: url(../files/pinksq.jpg) no-repeat;
	background-position:50px top;
}
h3 {
	padding-left:246px;
	padding-right:8px;
	color: #808080;
	font-weight:normal;
	background: url(../files/brownsquare.gif) no-repeat;
	background-position:220px top;
}
#right3 h3 {
	padding-left:25px;
	background-position:0px top;
}
img {
	float:right;
	margin: 5px 0 5px 5px;
}
.onleft {
	float:left;
	margin:0 0 0 40px;
	}
.bold {
	font-weight:bold;
}
.brown {
	color:#BB9A55;
}
.grey {
	color: #808080;
}
.imgright {
	margin: 20px 0 20px 400px; /* This pushes the image over to the right and disallows any text on the left of it */
}
ul {
	list-style: none;
	text-align: center;
	margin:0;
	padding:0;
}
li {
	display: inline;
	text-align: center;
}
a img {
	border:0;
}
a:link, div#index3 a:link {
	text-decoration: none;
	color: #9933CC; 
	}
div#nav_wrapper a:link, div#menu2 a:link { 
	text-decoration: none; 
	color: #000000;
	}
a:visited {
	text-decoration: none;
	color: #808000;
	}
a:hover, div#nav_wrapper a:hover, a:active, a:focus { 
	text-decoration: underline; 
	color: #555753;
	}
/*START styling for main menu bar*/
#nav_wrapper {	/* needed to put background image behind menu bar accross the entire width of container */
	background-image: url(../files/menu_bar2.jpg);
	height:16px;
	margin-left:110px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav a {
	font-size:1em;
	display: block;
	width: auto;
}
#nav li { /* all list items */
	padding: 0 0.2em 0 0.2em;
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}
#nav li.first {
	padding-left: 21px;/*This pushes the 1st menu items over to the right - need to adjust to center it*/
	border: 0;
}
#nav li ul { /* second-level lists */
	font-size:1em;
	height:auto;
	position: absolute;
	background-image: url(../files/menu_bar2.jpg);
	/*background: #d4c29e; good colour to use if no background image required*/
	width: 13em;/* as you increase this, the width of the secondary list items increases. It needs width here for it to work in IE <7*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li {	/*gets rid of lhs border on all second-level list items*/
	border: 0;
}
#nav li ul a {
	width: 13em;
}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*END styling for main menu bar*/