@charset "utf-8";

body{
background:url(assets/tile.jpg) repeat-x; /*----------------------------------------------------------- Change Background */
margin:0px;
padding:0px;
}

/*----------------------------------------------------------- NAV */
.nav_bar {
background:url(assets/nav_bg.jpg) no-repeat center; /*----------------------------------------------------------- Change Nav Background */
height:32px; /*----------------------------------------------------------- Change Nav Height */

}

ul.ul_nav{
list-style-type:none;
margin: 0 auto;
text-align:center;
}

ul.ul_nav li{
display:inline;
}

ul.ul_nav li a.li_end{
border-right:none;
}

ul.ul_nav li a {
font-family: Arial, Helvetica, sans-serif; 
font-size: 13px; /*----------------------------------------------------------- size of nav */
font-weight:bold;
color:#ffffff; /*----------------------------------------------------------- Colour of nav text */
text-decoration:none;
border-right: 1px solid #ffffff; /*----------------------------------------------------------- Colour of spacers */
padding-right:8px; /*----------------------------------------------------------- Change spacing of main nav */
padding-left:8px;  /*----------------------------------------------------------- Change spacing of main nav */
text-transform: uppercase;
}

ul.ul_nav a:hover {
color:#007FA8; /*----------------------------------------------------------- Hover Colour of Nav */
}

/*----------------------------------------------------------- CONTENT */

#tablemain{
width:819px;
margin: 0 auto;
}

.content_box {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background:#FFFFFF;
	padding:10px; 
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; /*----------------- content Font + Size + colour*/
}

.content_box h1{
font-family:Arial, Helvetica, sans-serif; font-size:18px; color: #333333; /*-----------------------Heading Colour + Size + colour*/
}

.content_box a{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; font-weight:bold; text-decoration:none; /*----------------- Link Size + colour*/
}

.content_box a:hover{
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #FF3300; font-weight:bold; /*----------------- Link Size + colour*/
}

.heading h1{
font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666666; /*-----------------------Heading Colour + Size + colour*/
padding-left:22px; padding-right:20px;
text-transform:uppercase;
}

/*----------------------------------------------------------- FOOTER */

#footer {
font-family:Arial, Helvetica, sans-serif; 
size:30px;
height:80px;
padding:8px;
background-color:#000000; /*----------------- Footer colour */
width:800px; /*----------------- Footer width */
margin: 0 auto;
}

#footer p {
font-size:12px;
text-align:center;
color:#DFE0F5;
font-size:10px;
}

#footer a { 
text-decoration:none;
color:#ffffff;
}

#footer a:hover {
color:#333333;
}