body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f8f9f9;
	background-image: url(media/bkg.gif);
	background-repeat: repeat-x;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #666666;}

body a:link { color: #333333; text-decoration: none; }
body a:visited { color: #333333; text-decoration: none;}
body a:hover { color: #999999; text-decoration: none; }

p { margin-top: 7px; margin-bottom:10px; }

h1 {color: #333333; font-size:17px; font-weight: bold; margin-top: 3px; margin-bottom: 15px;}
h2 {color: #333333; font-size:17px; font-weight: normal; margin-top: 3px; margin-bottom: 5px;}
h3 {color: #333333; font-size:15px; font-weight: normal; margin-top: 3px; margin-bottom: 5px;}

.errors { font-size:10px; color:#FF0000; }
.compulsary { font-size:18px; color:#FF0000 ; font-weight: bold; }


/*DIV STYLES BY ID*/
/*Padding must be subtracted from a DIV's width or height before applied.*/
/*Define text & link styles for footer & nav bars here.*/

#container {
	width: 800px;
	position: absolute;
	}
	
#header {
	width: 800px;
	height: 70px;
	position: relative;
	background-image: url(media/shell_01.jpg); }
	
#shellMain { 
	width: 800px;
	position: absolute;
	top: 70px;
	background-image:url(media/shell_02.jpg);
	background-repeat: no-repeat;
}
	
#mainContent {
	position: relative;
	width: 712px;
	background-color: #FFFFFF;
	border: 1px solid #a0a0a0;
	border-top: none;
	left: 81px;
}

#hangingTag {
	position: relative;
	width: 53px;
	height: 113px;
	top: 143px;
	right: 1px;
	background-image: url(media/shell_03.jpg);
}
	
		
#rightColumn {
	width: 232px;
	position: absolute;
	left: 529px;
	padding-left: 15px;
	padding-right: 30px;
	
	color: #999999; }

#rightColumn a:link { color: #999999; text-decoration: underline; }
#rightColumn a:visited { color: #999999; text-decoration: underline; }
#rightColumn a:hover { color: #999999; text-decoration: none; }
	
#nav {
	width: 713px;
	height: 36px;
	position: relative;
	top: 34px;
	left: 81px;
}

#gallery {
	width: 140px;
	padding: 15px;
	height: 487px;
	border: 1px solid #a0a0a0;
}

#bottomHeader {
	width: 713px;
	height: 165px;
	
	background-image: url(media/shell_04.gif);
	background-position: center;
	background-repeat: no-repeat;
}

#contentTable {
	width: 523px;
	padding-top: 20px;
	padding-left: 45px;
	padding-right: 25px;
}

#contentTableFull {
	width: 642px;
	padding-top: 20px;
	padding-left: 45px;
	padding-right: 25px;
}

#footer {
	width: 695px;
	height: 10px;
	position: relative;
	top: 20px;
	
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #898989;
	text-align: right; }

#footer a:link { color: #898989; text-decoration: none; }
#footer a:visited { color: #898989; text-decoration: none; }
#footer a:hover { color: #666666; text-decoration: none; }



/*TEXT SIZE AND COLOUR STYLES*/

.text9 { font-size:9px; line-height:13px; }
.text10 { font-size:10px; line-height:14px; }
.text11 { font-size:11px; line-height:15px; }
.text12 { font-size:12px; line-height:16px; }
.text13 { font-size:13px; line-height:17px; }
.text14 { font-size:14px; line-height:18px; }
.text18 { font-size:18px; line-height:22px; }

.black { color: #000000 }
.white { color: #ffffff }
.grey { color: #999999 }
.red { color: #CC0000 }
.space { line-height: 0px }

.blue { color: #577395}
.blue a:link { color: #577395; text-decoration: none; }
.blue a:visited { color: #577395; text-decoration: none; }
.blue a:hover { color: #A8B8CC; text-decoration: none; }
