@charset "utf-8";
/*
	Oaks Main Style Sheet
	- 	This style sheet aims to cover all of the commen elements by using a CSS reset to
		achieve consistent default styles e.g.
		default colours, font sizes, basic list and table layouts, floats and clearing,
		generic classes that can be used to apply extra styles or reset them.
			
	Colours;
	Blue - #007bc2
	Orange - #fa6911
	Grey - #BDBDBD
*/

/* =RESET
------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,cite,dfn,em,img,q,strike,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body {line-height: 1;}ol,ul {list-style: none;}blockquote,q {quotes: none;}blockquote:before,blockquote:after,q:before,q:after {content:'';content: none;}:focus {outline: 0;}table {border-collapse: collapse;border-spacing: 0;}a img {border:none;}

/* =CLEAR
------------------------------------- */
.clearfix:after, #main:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix, #main, .container {display:inline-block;} * html .clearfix, * html #main, * html .container {height:1%;} .clearfix, #main, .container {display:block;}

.clear					{clear:both}
.clearL					{clear:left}
.clearR					{clear:right}

/* =TYPOGRAPHY -GENERAL (EM Font Size Reference - http://pxtoem.com/ (Select 12px body font size))
------------------------------------- */
body					{ background: #f2f2f2; font-size: 75%; font-family: Arial, Helvetica, sans-serif; color: #818181; }

/* Headers */
h1, h2, h3, h4, h5, h6	{font-weight:normal;} /* Header styles are set by targeting elements with a class of "title". This means any of the H1-H6 tags can be used and they can be swapped later on for SEO */
h1						{ color: #BDBDBD; font-size: 0.917em; line-height: 1; margin: 0 0 7px; }
/* Text elements  */
p						{ line-height: 1.333; /* 16px */ margin: 0 0 1.5em; }
strong					{ font-weight: bold; }
em						{ font-style: italic; }
sup, sub				{ font-size: 85%; }
sup						{ vertical-align: super; }
sub						{ vertical-align: sub; }

/* =Lists
------------------------------------- */
li ul, 
li ol       			{ margin:0 1.5em; }
ul, ol      			{ margin: 0 1.5em 1.5em 1.5em; }

ul          			{ list-style-type: disc; }
ol          			{ list-style-type: decimal; }

dl          			{ margin: 0 0 1.5em 0; }
dd          			{ margin-left: 1.5em;}

/* =Tables
------------------------------------- */
/*table					{ width: 100%; } removed to fix calendar */
th          			{ font-weight: normal; text-align: left; vertical-align: bottom; }
td						{ text-align: left; vertical-align: top; }

/* Misc classes (#main .class is used to create a higher specificity to overwite styles in styles.css - http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html)
------------------------------------- */
#main .smaller      		{ font-size: 91.7%; line-height: 1.2; margin-bottom: 1em; } /* Decrease size relative to current elements size */
#main .larger      			{ font-size: 116.7%; line-height: 1.3; margin-bottom: 1.25em; } /* Increase size relative to current elements size */
#main .bold					{ font-weight: bold; }
#main .italic				{ font-style: italic; }
#main .hide       			{ display: none; }
#main .quiet      			{ color: #BDBDBD; } /* Light Grey */
#main .highlight  			{ color: #007bc2; } /* Blue Text */
#main .highlight2 			{ color: #fa6911; } /* Orange Text */

/* Remove margin and padding for required side */
#main .first      		{ margin-left:0; padding-left:0; }
#main .last       		{ margin-right:0; padding-right:0; }
#main .top        		{ margin-top:0; padding-top:0; }
#main .bottom     		{ margin-bottom:0; padding-bottom:0; }

/* Remove BG image and colour or borders */
#main .no-BG			{ background: none; }
#main .no-border		{ border: none; }

/* Float with a class */
#main .left				{ float: left; display: inline; }
#main .right			{ float: right; display: inline; }

/* Align text */
#main .align-left		{ text-align: left; }
#main .align-right		{ text-align: right; }
#main .align-center		{ text-align: center; }

/* Center Images */
#main img.align-center		{ display: block; margin-left: auto; margin-right: auto; }

/* Links
------------------------------------- */
a, a:visited 			{ text-decoration: none; color: #007bc2; }
a:hover 				{ color: #fa6911; }

/* Give only links inside content area a dotted bottom border on hover (avoids links and images in the sidebar etc picking up the same style) */
.content a:link, .content a:visited { text-decoration: none; color: #007bc2; border-bottom: 1px dotted #007bc2; }
.content a:hover 					{ color: #fa6911; border-bottom: 1px dotted #fa6911; }
/* Remove border from any title links in the content area */
.title a:link, .title a:visited		{ border-bottom: none; }

/* Form elements
------------------------------------- */
input.text, input.text-small, textarea			{ margin: 0; padding: 4px; border: 1px solid #DDD; }
select											{ padding: 3px; border: 1px solid #DDD; }
input.text, input.text-small, textarea			{ display: block; float: left; }
input, textarea, select							{ color: #9B9B9B; font-family: Arial, Helvetica, sans-serif; font-size: 1.083em; }
option											{ font-family: Arial, Helvetica, sans-serif; font-size: 100%; }
input.text:focus, input.text-small:focus, textarea:focus, select:focus	{ border: 1px solid #FCCDB1; }
select.dropdown									{ margin: 0; padding: 4px; border: 1px solid #DDD; display: block; float: left; }