@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('opensans-semibold-webfont.eot');
    src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont.woff') format('woff'),
         url('opensans-semibold-webfont.ttf') format('truetype'),
         url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: #bdbdb3;
	font-family: open_sansregular, sans-serif;
	margin: 0px;
	padding:0px;
	font-size: 10pt;
}

/** Start General Sections and Containers **/

#hoodie {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center; 
	background-color: #bdbdb3;
	margin: 0 auto;
	width: 824px;
	/** overflow: auto;**/
	padding:0px;
	position: relative;
}

#header{
	text-align:center;
	width: 780px;
	padding: 0px;
	height: 149px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#navigation {
	text-align:center;
	width: 758px;
	height: 16px;
	font-size: 13px;
	padding: 10px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#torso{
	width:780px;
	padding: 0px;
	height: 400px;
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#subpagetorso{
	width:780px;
	padding: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#onecolumn{
	width:719px;
	padding: 30px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#buildingpicsbox{
	width: 500px;
	height: 380px;
	padding: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	margin: 0 auto;
	background: #ffffff;
	position: relative;
}

#gym1pic{
	width: 240px;
	height: 180px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position: absolute;
	left: 0px;
	top: 0px;
}

#gym2pic{
	width: 240px;
	height: 180px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position: absolute;
	left: 250px;
	top: 0px;
}

#kitchenpic{
	width: 240px;
	height: 180px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position: absolute;
	left: 0px;
	top: 190px;
}

#cafepic{
	width: 240px;
	height: 180px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #ffffff;
	position: absolute;
	left: 250px;
	top: 190px;
}

#rightcolumn{
	display: inline;
	float: right;
	position: relative;
	width:259px;
	padding: 5px;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

#leftcolumn{
	display: inline;
	float: left;
	position: relative;
	width:498px;
	padding: 5px;
	background: #ffffff;
	margin: 0px 0px 0px 0px;
}

#footer{
	text-align:center;
	width: 780px;
	height: 20px;
	font-size: 13px;
	padding: 0px;
	margin: 0 auto;
	background: #ffffff;
}

#footer-events{
	text-align:center;
	width: 780px;
	height: 35px;
	font-size: 13px;
	padding: 0px;
	margin: 0 auto;
	background: #ffffff;
}

#socks {
	background-image: url(../images/bgtoe.jpg);
	background-position: center;
	background-color: #bdbdb3;
	margin: 0 auto;
	width: 824px;
	height:12px;
	padding:0px;
}

/** Start Nav Bar Stuff **/

#navwrap {
	width: 770px;
	float: left;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	border: 0px;
}

#nav {
	width: 762px;
	float: left;
	margin: 0 0 1em 0;
	padding: 0;
	background-color: #ffffff;
	border-bottom: 0px; 
	position: relative;
}

#nav ul {
	list-style: none;
	width:572px;
	margin: 0 auto;
	padding: 0; 
}

#nav li {
	float: left; 
}

#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	color: #000088;
	border-right: 1px solid #ccc; 
	border-bottom: none;
}
	
#nav li:first-child a {
	border-left: 1px solid #ccc; 
	border-bottom: none;
}
	
#nav li a:hover {
	color: #000000;
	background-color: #d3d3c2;
	border-bottom: none;
}

.ten-center-gry {
	text-align: center;
	font-size: 10px;
	color: #999991;
}
.ten-left-gry {
	text-align: left;
	font-size: 10px;
	color: #999991;
}

/** Start General Link Stuff **/

A:link {text-decoration: none; border-bottom:1px dotted  #0000b9; color: #000066;}
A:visited {text-decoration: none; border-bottom:1px dotted #0000b9; color: #000066;}
A:active {text-decoration: none; border-bottom:1px dotted #0000b9; color: #000066;}
A:hover {text-decoration: none; border-bottom:1px solid #000000; color: #000000;}

A.button:link {text-decoration: none; border:1px solid #0000c8; color:  #0000c8;}
A.button:visited {text-decoration: none;  border:1px solid #0000c8; color:  #0000c8;}
A.button:active {text-decoration: none; border:1px solid #0000c8; color:  #0000c8;}
A.button:hover {text-decoration: none; border:1px solid #666666; color:  #000066;}

A.noline:link {text-decoration: none; color: rgb(0, 0, 80);}
A.noline:visited {text-decoration: none; color: rgb(0, 0, 80);}
A.noline:active {text-decoration: none; color: rgb(0, 0, 80);}
A.noline:hover {text-decoration: none; color: rgb(0, 0, 0);}

A.credits:link {text-decoration: none; border-bottom:none; color: #999991;}
A.credits:visited {text-decoration: none; border-bottom:none; color: #999991;}
A.credits:active {text-decoration: none; border-bottom:none; color: #999991;}
A.credits:hover {text-decoration: none; border-bottom:1px dotted  #999991; color: #000000;}

/** Start Text Position Stuff **/



#centerindentedbubble{
width: 87%;
margin: 0 auto;
text-align:center;
}

#leftindentedbubble{
width: 87%;
margin: 0 auto;
text-align: left;
}

#contactpagesqueezebubble{
width: 83%;
margin: 0 auto;
}

/** Start Text Size Stuff **/

.eight {
	font-size: 8pt;
}

.nine {
	font-size: 9pt;
}

.ten {
	font-size: 10pt;
}

.twelve {
	font-size: 12pt;
}

.thirteen {
	font-size: 13pt;
}

.fourteen {
	font-size: 14pt;
}

.fifteen {
	font-size: 15pt;
}

.sixteen {
	font-size: 16pt;
}

.eighteen {
	font-size: 18pt;
}

.twenty {
	font-size: 20pt;
}

.sectiontitle{
	text-align: left;
	font-family: open_sanslight, sans-serif;
	font-weight: normal;
	font-size: 26px;
	color: #000000;
}

.itemtitle{
	text-align: left;
	font-family: open_sanslight, sans-serif;
	font-weight: normal;
	font-size: 18px;
	color: #000000;
}

.itemrunning{
	text-align: left;
	font-family: open_sansregular, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

#itemflowing { 
 width:510px;
 color: #333;
 background: #ffffff;
 border-left:1px solid #868686;
 border-top:1px solid #868686;
 border-right:1px solid #868686;
 border-bottom:0px solid #868686;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
}
#itembottom { 
 width: 510px;
 color: #333;
 background: #ffffff;
 border-left:1px solid #868686;
 border-top:1px solid #868686;
 border-right:1px solid #868686;
 border-bottom:1px solid #868686;
 margin:0px 0px 0px 0px;
 padding-top:20px;
 padding-left:30px;
 padding-right:30px;
 padding-bottom:20px;
}
#sectiontitle { 
 width: 700px;
 background: #ffffff;
 border:0px;
 margin:0px 0px 0px 0px;
 padding-bottom:20px;
 height:20px;
}