/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

/* Reset all default margins and padding */
* {
	margin:0; 
	padding: 0; 
} 

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */

body {
	font-family:trebuchet ms,trebuchet,arial,helvetica; 
	font-size:0.7em;
}

body.site {
	margin: 0;
	background-color: #84BA1C;	
} 

/* Content styles */
/* Try to put padding on the parent div, rather than margins on the element */

p, h1, h2, h3 {
	margin: 0 0 0.8em 0;
}

ul, ol { 
	margin: 15px 35px; 
}

h1 {
	color: #002147;
	padding: 0 0 5px 0;
	font-size: 140%;
}

h2 {
	font-size:1.3em;
}

h3 {
	font-size:1.2em;
}

a {
	color:#05F; 
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}

img {
	border:0;
}

#skipLinks {
	display:none;
}
#printTitle {
	display:none;
}

/* Page building styles */
#container {
	margin: 0 auto;
	width:900px;
	position: relative;
	background: url(/cms/outertemplates/images/container_bg.png) repeat-y;
	position:relative;
}

#wrap {
	width:100%; 
	position:relative;
}

#header {
	width:900px;
	height: 145px;
	background-image: url(/cms/outertemplates/images/header_bg.png);
	background-repeat: no-repeat;
	clear: both;
}

#middleWrap {
	width:900px; 
	background-image:url(/cms/outertemplates/images/container_bg.png); 
	background-repeat:repeat-y;
}

/*#leftCol { width: 190px; float:left; border: 1px dashed black; padding:5px;}*/
#content {
	width: 522px; 
	background: url(/cms/outertemplates/images/content_bg.png) repeat-y; 
	float: left; 
	padding: 0 20px 0 78px; 
}

#content img 
{
	border: 0;
}

/*#rightCol { width: 190px; float:left; border: 1px dashed black; padding:5px;}*/

#content.noleftcol { width: 726px; margin:0; }
#content.norightcol { width: 726px; margin:0; }
#content li ul {margin-top: 5px;}

#fixedLinks li { display:inline; list-style:none; } 

#divbreadcrumb {margin-left: 45px;}
#divbreadcrumb p { float:left; margin:5px; }
#divbreadcrumb ul { float:left; margin: 5px; }
#divbreadcrumb li { display:inline; padding: 0 2px 0 10px; background:url(/cms/outertemplates/images/breadcrumb.gif) left no-repeat; }

#footer {
	font-size: 1em;
	background-image: url(/cms/outertemplates/images/footer_bg.png);
	background-repeat: no-repeat;
	background-color:#84BA1C;
	width: 900px;
	padding: 30px 0 10px 0;
	margin: 0 auto;
}

#footer p {
	text-align:center;
	color: #fff;
	clear: both;
}

#footer p a:link, #footer p a:visited, #footer p a:active {
	text-align:center;
	color: #fff;
	clear: both;
}

#footer p a:hover {
	text-align:center;
	color: #7FD5FF;
	clear: both;
}

.useful-links 
{
	margin: 0 0 12px 50px;
	float: left;
	display: inline;
}

#news ul { margin: 5px 5px 5px 25px; }



/* Box styles */
.box1
{
	float:right;
	width:248px; /* When using the corners include this must be an even number 
					or IE6 displays the bottom and right corners wrong */
	border: 1px solid #96D6F1;
	background:#D1EBF6;
	padding:8px;
	position:relative;
	margin:5px;
}

.box2
{
	float:left;
	width:230px; /* When using the corners include this must be an even number 
					or IE6 displays the bottom and right corners wrong */
	background:#c5eff2;
	border:1px solid #54bbc1;
	padding:8px;
	position:relative;
	margin:5px;
}

.mapBox
{
	width: 350px;
	background: #D1EBF6;
	border: 4px solid #96D6F1;
	text-align: left;
	padding: 10px;
	color: #000;
	position: fixed;
	display:none;
	position:fixed;
	bottom:10px;
	left:10px;
	font-size:12px;
}

.mapBox a
{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}

.mapClose
{
	position:absolute;
	top:-12px;
	right:-12px;
	cursor:pointer;
}

.box2 .tl { background-image: url(/cms/outertemplates/images/box2-tl.gif); }
.box2 .tr { background-image: url(/cms/outertemplates/images/box2-tr.gif); }
.box2 .bl { background-image: url(/cms/outertemplates/images/box2-bl.gif); }
.box2 .br { background-image: url(/cms/outertemplates/images/box2-br.gif); }
.box2 .btm { background-image: url(/cms/outertemplates/images/box2-btm.gif); }


/* Tabbed links */
ul.tabs
{
	clear:both;
	position:absolute;
	top:-26px;
	right:10px;
	margin:0;
}

ul.tabs li
{
	list-style:none;
	float:left;
	background:#c5eff2 ;
	border-top:1px solid #54bbc1;
	margin:0 2px;
	line-height:26px;
	height:25px;
}
ul.tabs li a
{
	position:relative;
	top:-1px;
	height:26px;
	display:block;
	float:left;
	background: #54bbc1 url(/cms/outertemplates/images/green-tab-right.gif) bottom right no-repeat;
	text-decoration:none;
	cursor:pointer;
	color:#FFF;
}
ul.tabs li a:hover, ul.tabs li.active a
{
	background: url(/cms/outertemplates/images/green-tab-right.gif) top right no-repeat;
	color:#54bbc1;
}

ul.tabs li a span
{
	height:26px;
	display:block;
	padding:0 10px;
	background: url(/cms/outertemplates/images/green-tab-left.gif) bottom left no-repeat;
	float:left;
}
ul.tabs li a:hover span, ul.tabs li.active a span {	background-position:top left; }


/* Reusable classes */
p.left { text-align:left }
p.right { text-align:right; }
.red { color:#F00; }
div.left, input.left { float:left; }
div.right, input.right { float:right; }
img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }
.left2Col { float:left; width:50%; }
.right2Col { float:right; width:50%; }
.hidden {display:none; }
.bold {font-weight:bold;}
table.table td, table.table th {padding:5px; border: solid 1px #555; }
table.table th {background:#84BA1C; }
table.table td.footer { background:#EEE; }
.note {font-size:0.8em; font-style:italic;}

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
p.indent { margin: 0 0 0 25px; }
span.underline { text-decoration: underline; }

div.clear { clear:both; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

	
/*GF - Home page styles 9.9.08 */

#logo
{
	width: 330px;
	height:145px;
	float:left;
}
#logo img
{
	display: inline;
	margin:0 0 0 50px;
}
#unilogo
{
	width:570px;
	height:70px;
	float:left;
}
#unilogo img
{
	float: right;
	border: none;
	margin: 0 50px 0 0;
}

#leftcol
{
	width: 280px;
	float: left;
	position: relative;
}

#login, #search, #polls, #calendar
{
	padding: 0 0 10px 10px;
}

#login
{
	width: 266px;
	border: 2px solid #C63;
	background-color: #fff;
    clear: both;
}

#subnav 
{
    margin: 0 0 0 20px;
}

#login ul 
{
    display: block;
    clear: both;
}

#login ul li
{
	width: 90%;
	list-style-type: none;
	font-size: 1.2em;
}

#login h2
{
	text-align: right;
	color: #CC6633;
	margin: 10px 30px;
}
#login p
{
	margin: 10px 0 0 106px;
	font-weight:bold;
}
#login a
{
	color:#CC6633;
	text-decoration: none;
}
#login a:hover
{
	text-decoration: underline;
}

#login .form-row 
{
	float: right;
}

#login .form-row label
{
	font-weight: bold;
}

#login .button
{
	background-color: #FFAB6B;
	border: 2px solid #CC6633;
	margin: 0 0 0 106px;
	color: #fff;
	font-weight:bold;
}
#register, #advancedSearch
{
	float: right;
	margin: 0;
	width: 120px;
	line-height: 30px;
	text-align: center;
}

#register a, #advancedSearch a
{
	color: #fff;
	text-decoration: none;
}
#register a:hover, #advancedSearch a:hover
{
	text-decoration: underline;
}

#register
{
	background-color: #c63;
	text-align:center;
	line-height: 30px;
}

html>body #registerBtn, html>body #advancedSearchBtn
{
	*margin: -5px 0 0 0;
}


#search, #polls, #calendar
{
	width: 266px;
	border: 2px solid #074C6F;
	background-color: #fff;
	margin: 20px 0 0;
}

#search .form-row label 
{
	font-weight: bold;
}

#search .button, #polls .button
{
	background-color: #0E9DEA;
	border: 2px solid #002147;
	margin: 5px 0 0 106px;
	color: #fff;
	font-weight:bold;
}

#polls .button {margin: 5px 5px 0;}

#search h2, #polls h2, #calendar h2
{
	text-align: right;
	color: #002147;
	margin: 10px 30px 10px 30px;
	padding: 0 0 5px 0;
	font-size: 130%;
}

#search p
{
	margin: 10px 0 0 106px;
	font-weight:bold;
}
#advancedSearch
{
	background-color: #002147;
}
.searchBtn
{
	background-color: #0E9DEA;
	border: 2px solid #002147;
	margin: 0 0 0 106px;
	color: #fff;
	font-weight:bold;
}
.separator
{
	clear:both;
	height:20px;
}

#leftcol label
{
	width:100px;
	text-align: right;
	margin:0 5px 0 0;
}

#rightcol
{
	width: 620px;
	display: block;
	float: left;
	position: relative;
}



#fixedLinks ul { 				/* all lists */
	list-style: none;
	margin: 0;
}

#fixedLinks
{
	margin: 0 50px 0 0;				
	float: right;
	display: inline;
	color: #375300;
}

#fixedLinks ul li, #fixedLinks a:link, #fixedLinks a:hover, #fixedLinks a:visited { 
	width: auto;
	font-weight: bold;
	font-size: 12px;
	display:inline;
	color: #fff;
	margin: 0 0 0 5px;
} 

.dub3Content
{
	padding: 0;
	margin: 0;
}


/* ADDED BY SHANE */

.content-header {
	background: url('/cms/outertemplates/images/content_header.png') no-repeat left top;
	height: 25px;
	width: 620px;
	clear: both;
}

.content-footer {
	background: url('/cms/outertemplates/images/content_footer.png') no-repeat left top;
	height: 25px;
	width: 620px;
	clear: both;
}

.detailsSection img {
	border: solid 1px #000;
}


a.more, a.edit
{
    width: 48px;
    height: 64px;
    background: #fff url('/cms/outertemplates/images/morelink.gif') no-repeat top center;
    display: block;
    text-indent: -999em;
    overflow:hidden;
}

a.edit { background: #fff url('/cms/outertemplates/images/editlink.gif') no-repeat top center;}

.pollColour {background:#C63;}