/*==========================================
COLOURS
--------------------------------------------

Orange		:	#F58B25
Blue		:	#00AEEF
Gray		:	#808080

==========================================*/

#FooterContainer a:link, #FooterContainer a:visited, #FooterContainer a:active
{
	color:#FFFFFF;
	text-decoration: none;}
#FooterContainer a:hover
{
	color:#F58B25;
	text-decoration: underline;}

#Content p
{
	padding:10px;
	background-image:url(/Images/General/leftVgradient_gray.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#353535}
#Content div.define
{	
	padding:10px;
	background-image:url(/Images/General/leftVgradient_gray.jpg);
	background-position:top left;
	background-repeat:repeat-y;
	background-color:#353535}
.outlineContent
{
	border: 3px solid #353535;
	padding: 8px;}

#pics
{
	width:100%;
	text-align:center;}
#pics a img
{
	border:none;}
#pics .thumbnail{
	padding: 3px 3px 8px 3px;
	background-color: #222;
	border: 1px solid #2a2a2a;
	display:inline-block;
	margin-right: 10px;}
#pics .thumbnail:hover
{
	border: 1px solid #ffffff;}
.grid
{
	margin:0 auto;}
.DataList
{
	width:100%;}
hr
{
	width:100%;
	border:0;
	border-bottom:1px dashed silver;}
.heading
{
	color: #F58B25;
	font-weight: bold;
	margin-bottom:3px;}
.subHeading
{
	font-size:1.3em;
	position:relative;
	top:3px;}
.singleBreak
{
	margin-top:25px;}
.doubleBreak
{
	margin-top:50px;}
.col150
{
	width:150px;
	display:inline-block;
	zoom:1;}
.col120
{
	width:120px;
	display:inline-block;
	zoom:1;}
.col200
{
	width:200px;
	display:inline-block;
	zoom:1;}
.col3
{
	margin-left:25px;}
.defineContent
{
	border:1px solid #F58B25;
	padding:10px;}
.iframeCalendar
{
	border:1px solid #F58B25;
	width:100%;
	height:600px;}
	
.blueFont
{
	color:#00AEEF;}
.orangeFont
{
	color:#F58B25;}
.blackFont
{
	color:Black;}
.grayFont
{
	color: #808080;}
.bottomTab
{
	position:relative;
	background-image:url(/Images/General/bottomTabs_tile.jpg);
	background-repeat:repeat-x;}

/*===============================
	ELEMENTS - DataLists
===============================*/
.dataListEntry
{
	padding:5px;
	background-image:url(/Images/General/leftVgradient_gray.jpg);
	background-repeat:repeat-y;
	margin-bottom:10px;
	padding-bottom:10px;}
.entryTitle
{
	font-weight:bold;
	color:White;
	margin-left:10px;}
.entryDate
{
	font-size:1.2;
	color:gray;}
.entryPerson
{
	margin-top:10px;}
.eInfo
{
	color:gray;
	text-align:left;
	font-size:.8em;}
.eInfo a:active, .eInfo a:link, .eInfo a:visited
{
	color:gray;
	text-decoration:none;}
.eInfo a:hover
{
	text-decoration:underline;}
.eUserMail
{
	text-align:right;}
.eMessage
{
	background:#f0f0f0;
	padding:5px;}
.Admin_controls
{
	text-align:right;}
	
/*===============================
	Contact Form
===============================*/
.contactForm_lbl
{
	border-bottom:1px dashed silver;
	margin-right:25px;}
.contactFormVspace
{
	margin-top:2px;}
table tr
{
	vertical-align:top;}
	
/*===============================
	Administration - Lists,...
===============================*/
.AdminList 
{
	margin-top:15px;}
.AdminList ul
{}
.AdminList ul li {
	list-style-position: inside;
	list-style: circle;}
.AdminList ul li ol li {
	list-style-position: inside;
	list-style: decimal;}	
	
/*===============================
	Tag css
===============================*/
a:link, a:visited, a:active
{
	color:#F58B25;
	text-decoration:none;}
a:hover
{
	color:Orange;}
a:link img, a:visited img, a:active img
{
	border:none;}
a:hover img
{
	border:none;}

#NoticeArea table
{
	text-align:center;}
#NoticeArea table tr
{	
	vertical-align:middle;}
#NoticeArea table tr td
{
	border:none;}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */