﻿/*
	Initalize
	===================================================
*/
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, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 1em; font-family: Arial,Times; vertical-align: top; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
h1 { font-size: 1.4em; line-height: 120%; }
h2 { font-size: 1.1em; }
ul { margin-left: 5px; list-style: "•"; }
ul li { padding-left: 5px; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { display: block; text-decoration: none; text-decoration: none; }
a:hover { text-decoration: underline; }


/*
	Colour
	===================================================
*/
/* AA */
h2, h3, strong em { color: #1f7cb6; }
a { color: #595757; }
a.Hover { background-color: #005c9a !important; color: #fff !important; }
ul { color: #008fd3; }

#SkipToContent a { border-color: #000; }

/* AAA */
h2, h3, strong em { color: #175d89; }


/*
	Skip To Content Button
	===================================================
 */
#SkipToContent { }
#SkipToContent a { display: block; position: fixed; top: -1000px; text-align: center; height: auto; padding: 10px; border-style: solid; border-bottom-width: 1px; }
#SkipToContent a:focus { position: static; }


/*
	Main
	===================================================
 */
#MainBlock { }
.Hidden { display: none; }


/*
	Responsive
	===================================================
	Priority:	Size Max > Size Min > General
*/
@media screen and (min-width:1024px) {
	#MainBlock.Index { width: 1000px; min-height: 800px; margin: 0 auto; }
}

@media screen and (max-width:768px) {
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:320px) {
	#MainBlock.Index { width: auto; margin: 0; }
}
