/* @override http://localhost:8888/october/templates/unit/css/template_css.css */
/* @group Global Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


tbody tr td  {text-align: justify;}

:focus {outline: 0;}
body {line-height: 1;color: black;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
html {margin:0;padding:0;height: 100%;}
ul li,ul,li {margin: 0;list-style-position: inside;}
	/* @end */
	
	
	
	
body ,html{
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #ccc;
	font-size: 84.5%;
	margin: 0;
	padding:0;
	line-height: 1.4;
	text-align: justify;
	}

.top_container,.bot_container {height: 22px;padding: 0px 0px 0px 20px;width: 600px;}
.top_container {height: 22px}
.container{
	margin:0 auto;
	overflow: hidden;
	padding: 0px 0px 20px 20px;
	width: 600px;
	}

.wrapper,.logo,.outer {
margin: 0 auto;
width: 600px;
}

.logo {
height: 600px;
width: 600px;
margin: 0 auto;
background: url(../images/slider_logo.png) no-repeat right top;
padding-top: 0px;
margin-top: 60px;
float: left;

}

.wrapper {
margin-top: 110px
}

#banner {
width: 460px; margin: 0px 30px ;float: left;text-align: center;
}

#bottom {
width: 100%;padding: 0 10px;margin-top: 10px;
}
/* @group Tool Tips */
#side1 {
position: absolute;
left: 0;
top: 300px;
height: 121px;
width: 43px;
cursor: pointer;
}

#side2 {
position: absolute;
left: 0;
top: 165px;
height: 121px;
width: 43px;
cursor: pointer;
}

#side3 {
position: absolute;
left: 0;
top: 435px;
height: 121px;
width: 43px;
cursor: pointer;
}

div.tool-tip,.advert1,.advert2,.advert3 {
color: #fff;
width: 220px;
z-index: 13000;
padding-top: 0px;
}
 
.tool-title,.advert1-title,.advert2-title,.advert3-title {
text-align: left;
line-height: 140%;
font-size: 140%;
margin: 0;
color: #fff;
background: url(../images/bubble.png) top left;
width: 220px;

padding: 10px;
}
 
.tool-text,.advert1-text,.advert2-text,.advert3-text {
color: #fff;
font-size: 11px;
padding: 10px 10px 30px 10px;
background: url(../images/bubble.png) bottom left;
width: 220px;
}

/* @end */



/* @group Slider */
#panes {
MARGIN: 0px 0 0 20px;overflow: hidden;width: 540px;
}
.slide_content {
width: 540px;
}

#previous {
	FLOAT: left; CURSOR: pointer
}
#next {
	FLOAT: right; CURSOR: pointer
}



/* @end */

/* @group Images */
img.border_dark {
padding: 2px;background: #666;border: 1px solid #000;margin: 2px 6px;float: left;
}

img.border_light {
padding: 2px;background: #eee;border: 1px solid #666;margin: 2px 6px;float: left;
}

img.border_brown {
padding: 2px;background: #aa561c;border: 1px solid #333;margin: 2px 6px;float: left;
}

img.border_blue {
padding: 2px;background: #006699;border: 1px solid #333;margin: 2px 6px;float: left;
}

img.border_black {
padding: 2px;background: #444;border: 1px solid #000;margin: 2px 6px;float: left;
}

img.border_red {
padding: 2px;background: #700000;border: 1px solid #333;margin: 2px 6px;float: left;
}

img.border_green {
padding: 2px;background: #26833a;border: 1px solid #333;margin: 2px 6px;float: left;
}

img.border_blue2 {
padding: 2px;background: #90ddff;border: 1px solid #fff;margin: 2px 6px;float: left;
}

/* @end */

/* @group colours */
.brown {
color: #aa561c;
}

.blue {
color: #069;
}

.grey {
color: #444;
}

.light_blue {
color: #90ddff;
}

.red {
color: #700000;
}

.green {
color: #26833a;
}




div#HiddenElement1 {
font-size: 130%;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin: 0 0 10px 0;
}

div#HiddenElement2 {
font-size: 130%;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin: 0 0 10px 0;
}

div#HiddenElement3 {
font-size: 130%;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin: 0 0 10px 0;
}



/* @end */


/* @group Typography */
p {
margin: 10px 0;
}
h1 {
font-size: 200%;
}

h2,.contentheading {
font-size: 160%;border-bottom: 1px solid #ccc;padding-bottom: 4px;
}

h3,.moduletable h3 {
font-size: 130%;border-bottom: 1px solid #ccc;padding-bottom: 4px;font-weight: bold;margin: 0 0 10px 0;

}

h4 {
font-size: 120%;border-bottom: 1px solid #ccc;padding-bottom: 4px;
}

h5 {
font-size: 100%;
}

h6,.createdate,.modified {
font-size: 90%;


}

.blockquote {
font-size: 200%;font-style: italic;font-family: georgia;line-height: 120%;color: #f3f3f3;
}

.blockquote2 {
font-size: 140%;margin: 10px auto;width: 100%;display: block;
}



/* @end */

/* @group Alignments */

.left45 {
float: left;width: 45%;
}
.right45 {
float: right;width: 45%;
}
/* @end */

/* @group Keep Lightbox on top */
.lbcanvas,.lbimage {
z-index: 100000;
}

/* @end */

/* @group Lists */
ul {
padding: 4px;
}
ul li, ul ,li {
list-style-type: disc;
list-style-position: inside;
}

li {
padding: 3px 0;
}
/* @end */

/* @group Moo Ticker */
 #mooticker li {
position: absolute;
top: 0;
left: 0;
display: block;
padding: 2px 4px;
font-weight: bold;
font-size: 90%;
text-decoration: none;
}

#mooticker {
position: relative; /* important */
overflow: hidden; /* important */
width: 100%; /* important */
height: 40px; /* important */
}
/* @end */