html {
	/*overflow-y:scroll;*/
	height: 100%; 
	margin-bottom: 1px;
}

body {
	margin:20px; 
	padding:0px;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
	font-size:13px;
	color:#000;
	text-align: left; 
	background-color:#b0bdcf;
	

}

h1 {
padding: 0 0 0 35px;
font: trebuchet, sans-serif, #FF333E;
font-size: 38px;
font-weight: normal;


}
		
#container{

	width:856px; /*one pixel larger than nav+content to fix ie6 pixel bug*/
	*width: 956px; /*for IE*/
	margin:0px auto;
	padding:10px;
	text-align:left;
	border: solid 1px #FF333E;
	/*background-color:#eee;*/
}
#header{

	display:block;
	clear:both;
	height:60px;
	width:856px;
	background-color:#b0bdcf;
	
	}
	
#menu_art{
	display:block;
	clear:both;
	height:30px;
	width:830px;
	background-color:#b0bdcf;
	 border-top:1px solid #5057A5; border-bottom:1px solid #5057A5;
	 padding: 0 0 0 25px;
	
	}	


#menu_writing{
	display:block;
	clear:both;
	height:30px;
	width:830px;
	background-color:#b0bdcf;
	 border-top:1px solid #d7560d; border-bottom:1px solid #d7560d;
	 padding: 0 0 0 25px;
	
	}	

#menu_boxing{
	display:block;
	clear:both;
	height:30px;
	width:830px;
	background-color:#b0bdcf;
	 border-top:1px solid #E20909; border-bottom:1px solid #E20909;
	 padding: 0 0 0 25px;
	
	}	

#menu_home{
	display:block;
	clear:both;
	height:30px;
	width:830px;
	background-color:#b0bdcf;
	 border-top:1px solid #FF333E; border-bottom:1px solid #FF333E;
	 padding: 0 0 0 25px;
	
	
	}
/*#content{
	display:block;
	clear:both;
	height:520px;	
	background-color:#fff;
	padding: 25px 0 0 35px;
	
	}	*/
	
form {
text-align:center;
}
	
.homeimg {
margin: 0;
padding:0;
border:1px solid #FF333E;
}	

	
#content{
	display:block;
	width:750px;
	clear:both;	
	min-height:550px;
	height: auto !important;
	height: 550px;
	background-color:#b0bdcf;
	padding: 25px 25px 0 35px;
	
	}		
	
#contentIntro{
	display:block;
	width:750px;
	clear:both;	
	min-height:550px;
	height: auto !important;
	height: 550px;
	background-color:#b0bdcf;
	padding: 25px;
	margin:0 0 0 20px;
	text-align:center;
	
	}		
	#content img.article{
	float:right;
	clear:both;
	padding: 0 20px;
	}


	#content img.gallery_single{
	float:right;
	clear:both;
	padding: 0 40px 10px 20px;
	}

#content img.gallery_left{
	float:left;
	clear:both;
	padding: 0 20px 10px 0;
	}

#content h1 {
font-size: 14px;
padding: 0;
font-weight: bold;
}
 
h2 {
	color: #d7560d;
}

#content h2 {
font-size: 13px;
padding: 0;
font-style: italic;
font-weight: normal;
}

#content p {
font-size: 13px;
text-align:justify;
line-height: 16px;
font-weight: normal;
}

#content p.quote {
font-size: 13px;
width: 650px;
text-align:center;
line-height: 16px;
font-weight: normal;
}

#content p.home {
font-size: 13px;
width: 700px;
text-align:center;
line-height: 14px;
font-weight: normal;
}


a.art_link {
text-decoration:none;
color:#5057A5;
}

a.art_link:hover {
text-decoration:none;
color:#000;
}


a.boxing_link {
text-decoration:none;
color:#E20909;
}

a.boxing_link:hover {
text-decoration:none;
color:#000;
}

a.writing_link {
text-decoration:none;
color:#d7560d;
}

a.writing_link:hover {
text-decoration:none;
color:#000;
}


a.home {
text-decoration:none;
color:#FF333E;
}

a.home:hover {
text-decoration:none;
color:#FF333E;
}


a.pdf_link {
text-decoration:none;
color:#d7560d;

}

a.pdf_link:hover {
text-decoration:none;
color:#000;
}




 
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== 

ART MENU
*/
#nav {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2;}
#nav {height:30px; padding:0;}

#nav ul {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2; border:1px solid #5057A5; background-color:#b0bdcf;}


#nav li {float:left;}
#nav li li {float:none; background:#b0bdcf;}




/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}
* html #nav li a {display:block; float:left; color:#000; margin:0 15px 0 5px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}

#nav li a {display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li a.select {display:block; float:left; color:#5057A5; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}


#nav li:hover {position:relative; z-index:3;}
#nav li:hover ul {left:0; top:28px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a
{text-decoration:none; color:#FF333E;}

#nav li:hover li a.current 
{text-decoration:none; color:#FF333E;}


#nav li.selected
{display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; white-space:nowrap; text-decoration:none; color:#5057A5;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}




/* 
WRITING MENU colour: d7560d
*/
#nav_2 {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2;}
#nav_2 {height:30px; padding:0;}

#nav_2 ul {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2; border:1px solid #d7560d; background-color:#b0bdcf;}


#nav_2 li {float:left;}
#nav_2 li li {float:none; background:#b0bdcf;}



/* a hack for IE5.x and IE6 */
* html #nav_2 li li {float:left;}
* html #nav_2 li a {display:block; float:left; color:#000; margin:0 15px 0 5px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}

#nav_2 li a {display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}
#nav_2 li li a {height:20px; line-height:20px; float:none;}

#nav_2 li a.select {display:block; float:left; color:#d7560d; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}


#nav_2 li:hover {position:relative; z-index:3;}
#nav_2 li:hover ul {left:0; top:28px;}
/* another hack for IE5.5 and IE6 */
* html #nav_2 li:hover ul {left:10px;}

#nav_2 ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav_2 ul {width:1px;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav_2 li:hover li:hover ul,
#nav_2 li:hover li:hover li:hover ul,
#nav_2 li:hover li:hover li:hover li:hover ul,
#nav_2 li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px; background-color:#b0bdcf;}

/* keep further levels hidden */
#nav_2 li:hover ul ul,
#nav_2 li:hover li:hover ul ul,
#nav_2 li:hover li:hover li:hover ul ul,
#nav_2 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav_2 li:hover a,
#nav_2 li:hover li:hover a,
#nav_2 li:hover li:hover li:hover a
{text-decoration:none; color:#d7560d;}

#nav_2 li:hover li a.current 
{text-decoration:none; color:#d7560d;}


#nav_2 li.selected
{display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; white-space:nowrap; text-decoration:none; color:#d7560d;}

/* hide futher possible paths */
#nav_2 li:hover li a,
#nav_2 li:hover li:hover li a,
#nav_2 li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}




/* 
BOXING MENU colour: #E20909
*/
#nav_3 {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2;}
#nav_3 {height:30px; padding:0;}

#nav_3 ul {margin:25px 0 0 0; padding:0; margin:0; list-style:none; position:relative; z-index:2; border:1px solid #E20909; background-color:#b0bdcf;}


#nav_3 li {float:left;}
#nav_3 li li {float:none; background:#fff;}



/* a hack for IE5.x and IE6 */
* html #nav_3 li li {float:left;}
* html #nav_3 li a {display:block; float:left; color:#000; margin:0 15px 0 5px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}

#nav_3 li a {display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}
#nav_3 li li a {height:20px; line-height:20px; float:none;}

#nav_3 li a.select {display:block; float:left; color:#E20909; margin:0 25px 0 10px; height:35px; line-height:35px; text-decoration:none; white-space:nowrap;}


#nav_3 li:hover {position:relative; z-index:3;}
#nav_3 li:hover ul {left:0; top:28px;}
/* another hack for IE5.5 and IE6 */
* html #nav_3 li:hover ul {left:10px;}

#nav_3 ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav_3 ul {width:1px;}

/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav_3 li:hover li:hover ul,
#nav_3 li:hover li:hover li:hover ul,
#nav_3 li:hover li:hover li:hover li:hover ul,
#nav_3 li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav_3 li:hover ul ul,
#nav_3 li:hover li:hover ul ul,
#nav_3 li:hover li:hover li:hover ul ul,
#nav_3 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav_3 li:hover a,
#nav_3 li:hover li:hover a,
#nav_3 li:hover li:hover li:hover a
{text-decoration:none; color:#E20909;}

#nav_3 li:hover li a.current 
{text-decoration:none; color:#E20909;}


#nav_3 li.selected
{display:block; float:left; color:#000; margin:0 25px 0 10px; height:35px; line-height:35px; white-space:nowrap; text-decoration:none; color:#E20909;}

/* hide futher possible paths */
#nav_3 li:hover li a,
#nav_3 li:hover li:hover li a,
#nav_3 li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}



/* table cv section */

table.cv {
border:none;
padding:20px 0;
}

table.cv td {
vertical-align:top;
padding: 10px 30px 0 0;
line-height: 18px;

}