/*===== Hex codes Red: #ff0000 Orange: #ffa500 Yellow: #ffff00 Green: #008000 Blue: #0000ff Indigo: #4b0082 Violet: #ee82ee *=====/
/*===== Sun Hex codes: #A9011A =====*/

/*===== Template page layout =====*/

#suninnclun
	{
	display: inline;
	position:absolute;
	top: 15px;
	left: 185px;
	width: 505px;
	height: 45px;
	text-align: center;
	z-index: 1;
	}
#sunpubsignlogo
	{
	display: inline;
	position:absolute;
	top: 10px;
	left: 10px;
	width: 160px;
	height: 160px;
	z-index: 2;
	}
#sunslideshow
	{
	display: inline;
	position:absolute;
	top: 10px;
	left: 700px;
	width: 240px;
	height: 160px;
	z-index: 3;
	}
#suninnwelcome
	{
	display: inline;
	position:absolute;
	top: 65px;
	left: 185px;
	width: 506px;
	height: 42px;
	z-index: 4;
	text-align: center;
	}
#suninnaddress
	{
	display: inline;
	position:absolute;
	top: 115px;
	left: 185px;
	width: 506px;
	height: 24px;
	z-index: 5;
	text-align: center;
	}
#suninnpagebody
	{
	display: inline;
	position:absolute;
	top: 181px;
	left: 10px;
	width: 930px;
	height: auto;
	z-index: 6;
	text-align: right;
	}
/*===== Template columns =====*/
#suncolumnleft
	{
	display: inline;
	position:absolute;
	top: 20px;
	left: 20px;
	width: 350px;
	height: 650px;
	background-color: #CFC;
	z-index: 1;
	}
#suncolumnmiddle
	{
	display: inline;
	position:absolute;
	top: 20px;
	left: 380px;
	width: 588px;
	height: 650px;
	background-color:#FFC;
	z-index: 2;
	}
#suncolumnright
	{
	display: inline;
	position:absolute;
	top: 20px;
	left: 820px;
	width: 380px;
	height: 650px;
	background-color: #FFC;
	z-index: 3;
	}

/*===== Template menu layout =====*/
#menubox
	{
	display: inline;
	position:absolute;
	top: 150px;
	left: 185px;
	height: 20px;
	width: 507px;
	z-index: 5;
	background-color: #A9011A;
	}
#menubox1
	{
	display: inline;
	position:absolute;
	top: 146px;
	left: 185px;
	height: 24px;
	width: 115px;
	z-index: 5;
	background-color: #A9011A;
	}
#menubox2
	{
	display: inline;
	position:absolute;
	top: 146px;
	left: 308px;
	height: 24px;
	width: 115px;
	z-index: 6;
	background-color: #A9011A;
	}
#menubox3
	{
	display: inline;
	position:absolute;
	top: 146px;
	left: 434px;
	height: 24px;
	width: 130px;
	z-index: 7;
	background-color: #A9011A;
	}
#menubox4
	{
	display: inline;
	position:absolute;
	top: 146px;
	left: 575px;
	height: 24px;
	width: 115px;
	z-index: 8;
	background-color: #A9011A;
	}

.menuwhitebold {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100%;
	text-align: center;
}


/*===== Site styles =====*/

body {
  margin: 0;
  padding: 10px 0;
  font-family: georgia, "times new roman", times, serif;
  font-size: 11pt; 
  line-height: 110%; 
  color: #333;
  background-color: #fff;
}


/*===== Link Styles =====*/

.linknone a:link {text-decoration:none;}
.linknone a:visited {text-decoration:none;}
.linknone a:hover {text-decoration:none;}
.linknone a:active {text-decoration:none;}

.linkred a:link {color:#ff0000; text-decoration:none;}
.linkred a:visited {color:#ff0000; text-decoration:none;}
.linkred a:hover {color:#ff0000; text-decoration:none;}
.linkred a:active {color:#ff0000; text-decoration:none;}

.linkorange a:link {color:#ffa500; text-decoration:none;}
.linkorange a:visited {color:#ffa500; text-decoration:none;}
.linkorange a:hover {color:#ffa500; text-decoration:none;}
.linkorange a:active {color:#ffa500; text-decoration:none;}

.linkyellow a:link {color:#ffff00; text-decoration:none;}
.linkyellow a:visited {color:#ffff00; text-decoration:none;}
.linkyellow a:hover {color:#ffff00; text-decoration:none;}
.linkyellow a:active {color:#ffff00; text-decoration:none;}

.linkgreen a:link {color:#008000; text-decoration:none;}
.linkgreen a:visited {color:#008000; text-decoration:none;}
.linkgreen a:hover {color:#008000; text-decoration:none;}
.linkgreen a:active {color:#008000; text-decoration:none;}

.linkblue a:link {color:#0000ff; text-decoration:none;}
.linkblue a:visited {color:#0000ff; text-decoration:none;}
.linkblue a:hover {color:#0000ff; text-decoration:none;}
.linkblue a:active {color:#0000ff; text-decoration:none;}

.linkindigo a:link {color:#4b0082; text-decoration:none;}
.linkindigo a:visited {color:#4b0082; text-decoration:none;}
.linkindigo a:hover {color:#4b0082; text-decoration:none;}
.linkindigo a:active {color:#4b0082; text-decoration:none;}

.linkviolet a:link {color:#ee82ee; text-decoration:none;}
.linkviolet a:visited {color:#ee82ee; text-decoration:none;}
.linkviolet a:hover {color:#ee82ee; text-decoration:none;}
.linkviolet a:active {color:#ee82ee; text-decoration:none;}

.linkwhite a:link {color:#FFFFFF; text-decoration:none;}
.linkwhite a:visited {color:#FFFFFF; text-decoration:none;}
.linkwhite a:hover {color:#FFFFFF; text-decoration:none;}
.linkwhite a:active {color:#FFFFFF; text-decoration:none;}

.linkblack a:link {color:#000000; text-decoration:none;}
.linkblack a:visited {color:#000000; text-decoration:none;}
.linkblack a:hover {color:#000000; text-decoration:none;}
.linkblack a:active {color:#000000; text-decoration:none;}

.linksun a:link {color:#A9011A; text-decoration:none;}
.linksun a:visited {color:#A9011A; text-decoration:none;}
.linksun a:hover {color:#A9011A; text-decoration:none;}
.linksun a:active {color:#A9011A; text-decoration:none;}

.linkclaret a:link {color:#810005; text-decoration:none;}
.linkclaret a:visited {color:#810005; text-decoration:none;}
.linkclaret a:hover {color:#810005; text-decoration:none;}
.linkclaret a:active {color:#810005; text-decoration:none;}

/*===== Sun Red #A9011A line text styles =====*/

.sun9bold {
	font-size: 9pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
}
.sun10normal {
	font-size: 10pt;
	font-weight: normal;
	color: #A9011A;
	line-height: 110%; 	
}	
.sun10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
}
.sun10bold_75 {
	font-size: 10pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 75%; 	
}
.sun11 {
	font-size: 11pt;
	font-weight: normal;
	color: #A9011A;
	line-height: 110%; 	
}	
.sun11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
}
.sun11boldcentre {
	font-size: 11pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
	text-align: center;
	text-indent: 0px;
}
.sun12 {
	font-size: 12pt;
	font-weight: normal;
	color: #A9011A;
	line-height: 110%; 	
}
.sun12_150 {
	font-size: 12pt;
	font-weight: normal;
	color: #A9011A;
	line-height: 150%; 	
}
.sun12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%;
}
.sun12boldcentre {
	font-size: 12pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%;
	text-align: center;
}
.sun14bold {
	font-size: 14pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%;
}
.sun14boldcentre {
	font-size: 14pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%;
	text-align: center;
}
.sun16bold {
	font-size: 16pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
}
.sun18bold {
	font-size: 18pt;
	font-weight: bold;
	color: #A9011A;
    line-height: 110%; 
}
.sun24bold {
	font-size: 24pt;
	font-weight: bold;
	color: #A9011A;
	line-height: 110%; 	
}	

/*===== Title text styles =====*/
.titleindigo24bold {
	font-size: 24pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
	margin-top: 0pt; 	
}	
.titleindigo18bold {
	font-size: 18pt;
	font-weight: bold;
	color: #4b0082;
    line-height: 110%; 
	margin-top: 0pt; 
}
.titleindigo16bold {
	font-size: 16pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
	margin-top: 0pt; 
}	
.titleindigo14bold {
	font-size: 14pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
	margin-top: -3pt; 
}	
.titleindigo12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
	margin-top: 0pt; 
}	
.titleblue14bold {
	font-size: 14pt;
	font-weight: bold;
	color: 0000ff;
	line-height: 110%; 	
	margin-top: -3pt; 
}	
/*===== Black line text styles =====*/
.blacknormal12 {
	font-size: 12pt;
	font-weight: normal;
	color: #000000;
	line-height: 110%; 	
}	
.blacknormal12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	line-height: 110%; 	
}	
.blacknormal11 {
	font-size: 11pt;
	font-weight: normal;
	color: #000000;
	line-height: 110%; 	
}	
.blacknormal11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	line-height: 120%; 	
}	
.blacknormal10 {
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	line-height: 110%; 	
}	
.blacknormal10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	line-height: 120%; 	
}	
/*===== Red line text styles =====*/
.rednormal12 {
	font-size: 12pt;
	font-weight: normal;
	color: #ff0000;
	line-height: 110%; 	
}	
.redbold12 {
	font-size: 12pt;
	font-weight: bold;
	color: #ff0000;
	line-height: 110%; 	
}	
.rednormal11 {
	font-size: 11pt;
	font-weight: normal;
	color: #ff0000;
	line-height: 110%; 	
}	
.redbold11 {
	font-size: 11pt;
	font-weight: bold;
	color: #ff0000;
	line-height: 110%; 	
}
.red10 {
	font-size: 10pt;
	font-weight: normal;
	color: #ff0000;
	line-height: 110%; 	
}	
.redbold10 {
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
	line-height: 110%; 	
}	
/*===== Violet line text styles =====*/
.violet12 {
	font-size: 12pt;
	font-weight: normal;
	color: #ee82ee;
	line-height: 110%; 	
}	
.violet12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #ee82ee;
	line-height: 110%; 	
}
.violet11 {
	font-size: 11pt;
	font-weight: normal;
	color: #ee82ee;
	line-height: 110%; 	
}	
.violet11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #ee82ee;
	line-height: 110%; 	
}
.violet10 {
	font-size: 10pt;
	font-weight: normal;
	color: #ee82ee;
	line-height: 110%; 	
}	
.violet10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #ee82ee;
	line-height: 110%; 	
}
/*===== Green line text styles =====*/
.green12 {
	font-size: 12pt;
	font-weight: normal;
	color: #008000;
	line-height: 110%; 	
}	
.green12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #008000;
	line-height: 110%; 	
}	
.green11 {
	font-size: 11pt;
	font-weight: normal;
	color: #008000;
	line-height: 110%; 	
}	
.green11_125 {
	font-size: 11pt;
	font-weight: normal;
	color: #008000;
	line-height: 125%; 	
}	
.green11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #008000;
	line-height: 110%; 	
}	
.green10 {
	font-size: 10pt;
	font-weight: normal;
	color: #008000;
	line-height: 110%; 	
}	
.green10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #008000;
	line-height: 110%; 	
}	
/*===== Indigo line text styles =====*/

.indigo12 {
	font-size: 12pt;
	font-weight: normal;
	color: #4b0082;
	line-height: 110%; 	
}
.indigo12_150 {
	font-size: 12pt;
	font-weight: normal;
	color: #4b0082;
	line-height: 150%; 	
}
.indigo12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
}
.indigo12boldcentre {
	font-size: 12pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
	text-align: center;
}
.indigo11 {
	font-size: 11pt;
	font-weight: normal;
	color: #4b0082;
	line-height: 110%; 	
}	
.indigo11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
}
.indigo11boldcentre {
	font-size: 11pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
	text-align: center;
	text-indent: 0px;
	tex
}
.indigo10 {
	font-size: 10pt;
	font-weight: normal;
	color: #4b0082;
	line-height: 110%; 	
}	
.indigo10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
}
.indigo10boldclose {
	font-size: 10pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 75%; 	
}
.indigo10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 150%; 	
}
.indigo9 {
	font-size: 9pt;
	font-weight: normal;
	color: #4b0082;
	line-height: 110%; 	
}	
.indigo9bold {
	font-size: 9pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
}
.indigo24bold {
	font-size: 24pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
	text-align: center;
}	
.indigo18bold {
	font-size: 18pt;
	font-weight: bold;
	color: #4b0082;
    line-height: 110%; 
}
.indigo16bold {
	font-size: 16pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%; 	
}
.indigo14bold {
	font-size: 14pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
}
.indigo14boldcentre {
	font-size: 14pt;
	font-weight: bold;
	color: #4b0082;
	line-height: 110%;
	text-align: center;
}

/*===== White line text styles =====*/
.white8bold {
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%; 
}
.white9bold {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%; 
}
.white9bold100 {
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100%; 
}
.white10bold {
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;

}
.white11bold {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%; 
}
.white12bold {
	font-size: 12pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 110%; 
}
.white14bold {
	font-size: 14pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100%;
}
.white16bold {
	font-size: 16pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100%; 
}
.white18bold {
	font-size: 18pt;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100%;
}

/*===== List styles =====*/

.listbulletplain11normal {
	font-size: 11pt;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(http://www.thesunatclun.co.uk/assets/images/bullet.jpg);
	padding: '0' '0' '0' 'padding-left'; 
	color: #000000;
	margin-top: 4.0pt;
	margin-bottom: 4.0pt;
}
.listbulletplain12normal {
	font-size: 12pt;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(http://www.thesunatclun.co.uk/assets/images/bullet.jpg);
	padding: '0' '0' '0' 'padding-left'; 
	color: #000000;
	margin-top: 4.0pt;
	margin-bottom: 4.0pt;
}
.listbulletplain14normal {
	font-size: 14pt;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(http://www.thesunatclun.co.uk/assets/images/bullet.jpg);
	padding: '0' '0' '0' 'padding-left'; 
	color: #000000;
	margin-top: 4.0pt;
	margin-bottom: 4.0pt;
}
.listbulletplain16normal {
	font-size: 16pt;
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(http://www.thesunatclun.co.uk/assets/images/bullet.jpg);
	padding: '0' '0' '0' 'padding-left'; 
	color: #000000;
	margin-top: 4.0pt;
	margin-bottom: 4.0pt;
}