a:link { color: #3A8CB8; text-decoration: none; font-weight: normal }
a:visited { color: #3A8CB8; text-decoration: none; font-weight: normal }
a:hover { color: #3A8CB8; text-decoration: underline; font-weight: normal }
a:active { color: #3A8CB8; text-decoration: none; font-weight: normal }

a:link.article { color: white; text-decoration: none; font-weight: normal }
a:visited.article { color: white; text-decoration: none; font-weight: normal }
a:hover.article { color: white; text-decoration: underline; font-weight: normal }
a:active.article { color: white; text-decoration: none; font-weight: normal }

a.document, a.document:visited {
	font-weight: bold;
	color: #3985B7
}
a.document:hover, a.document:active {
	font-weight: bold;
	text-decoration: underline
}

body {
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	font-size: 10pt
}

dd {
	margin-top: 3px
}
dt {
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #fefefe;
	border-right: 1px solid #fefefe;
	background-color: #f5f5f5;
	padding: 3px;
	margin-top: 10px
}

.dropdown {
	position: absolute;
	background-color: #0a1f59;
	visibility: hidden;
	top: 112px
}
.dropdown ul {
	margin: 2px 0px 0px 0px;
	padding: 0px
}
.dropdown li {
	margin: 0px;
	list-style: none;
	font-size: 80%
}
.dropdown li a, .dropdown li a:visited {
	background-color: #0A1F59;
	color: #F3C110;
	width: 140px;
	padding: 5px 9px;
	display: block;
	text-decoration: none
}
.dropdown li a:hover {
	color: #F3C110;
	background-color: #215587;
	text-decoration: none
}
.dropdown hr {
	width: 140px
}

fieldset {
	color: #0A2457;
	background-color: #FAF6EE;
	border: 0px;
	padding: 5px;
	margin: 5px
}

h3 {
	color: #54A7CD
}
h3.heading {
	color: #4497BD
}
h4 {
	color: #0C3888
}

input, select, textarea {
	border: 1px solid black;
	font-family: verdana, sans-serif;
	font-size: 10pt
}
input.button {
	background-color: lightgray
}
input.checkbox, input.radio {
	border: 0px
}

legend { color: #0A2457; font-weight: bold }

li { font-size: 10pt }

p {
	margin: 2px 2px 8px 2px
}
p.article {
	color: white;
	padding: 5px;
	font-size: 8pt
}
p.competition_nav {
	text-align: center;
	background-color: #E3F2F7;
	padding: 3px;
	width: 95%;
	margin: 0px 5px;
}
p.copyright { text-align: center; font-size: 7pt; color: #454545 }
p.error { text-align: center; color: red }
p.file_format { text-align: center; font-size: 70% }
p.footnote { color: #0B2860; font-size: 70% }
p.inputdesc { text-align: right; color: #2567A8 }
p.navigation { line-height: 160% }
p.no_margin { margin: 0px }
p.table_heading { font-weight: bold; color: #0C3888; margin: 5px }
p.time { text-align: right }
p.training { font-size: 80%; text-align: center }
p.universities { font-size: 70% }

td { padding: 0px }
td.body { padding: 15px }
td.coloured_bg { background-color: #D1E7F1; padding: 5px }
td.coloured_bg_dark { background-color: #C2D8E2; padding: 5px }
td.copyright { background-color: #EBEBEB; padding: 5px }
td.darkblue { background-color: #0A1F59 }
td.nav_background { background-image: url('images/nav_background.gif'); background-repeat: repeat-x }
td.side_blue { background-color: #020C26; padding: 0px }
td.side_div { background-color: #E3F2F7; padding: 4px }
td.side_grey { background-color: #EBEBEB }
td.table_grey { background-color: #EDEDED; padding: 3px }
td.table_heading { background-color: #C2D8E2 }
td.yellow { background-color: #F3C110 }

textarea { border: 1px solid black }

tr.lightgrey { background-color: #F7F7F7 }

ul { margin: 3px; list-style-type: disc }

.article_date { color: #F4FAFF; font-weight: bold }
.article_title { color: #F3C110; font-weight: bold }
.name { color: #2567A8; font-weight: bold }
.subheading { font-weight: bold }
.university_name { font-weight: bold; color: #0C3888; font-size: 110% }

div.notice {
	width: 75%;
	margin: 5px auto;
	display: block;
	border: 1px dashed #4A99C4;
	padding: 3px;
	text-align: center;
	background-color: #FFFFE7
}
div.warning {
	width: 75%;
	margin: 5px auto;
	display: block;
	border: 2px dotted red;
	padding: 3px;
	text-align: center;
	background-color: #FFFFE7
}

#add_edit h4 {
	background-color: #F1F5F5;
	border: 1px solid #C2D8E2;
	padding: 3px;
	font-size: 10pt
}
#add_edit table {
	width: 100%;
	margin: 0px 0px
}
#add_edit table tbody td.error {
	text-align: center;
	color: red;
	font-size: 8pt;
	font-weight: bold
}
#add_edit table tbody td.heading, #add_edit table tbody td.heading_req {
	text-align: right;
	vertical-align: top;
	padding: 2px 3px 3px 3px;
	width: 25%;
	font-weight: bold;
	font-size: 9pt;
	color: #797777
}
#add_edit table tfoot td {
	text-align: center;
}

#calendar {
	width: 100%;
	border-collapse: collapse
}
#calendar thead td {
	background-color: #E3F2F7;
	text-align: center;
	color: #0C3888;
	padding: 3px;
	font-weight: bold
}
#calendar tbody h3 {
	background-color: #F1F1F1;
	text-align: right;
	font-size: 10pt;
	font-weight: normal;
	padding: 2px;
	margin: 0px
}
#calendar tbody td {
	border: 1px solid #dedede;
	width: 14%;
	vertical-align: top
}
#calendar tbody td.inactive {
	border: 1px solid #dedede
}
#calendar tbody td.inactive h3 {
	background-color: #fafafa;
	color: #ababab
}

.display {
	width: 98%;
	margin: auto;
	border-collapse: collapse
}
.display thead td {
	background-color: #C2D8E2;
	color: #0C3888;
	font-weight: bold;
	padding: 2px 2px 2px 4px;
	border-right: 1px solid white
}
.display tbody td {
	padding: 2px 2px 4px 2px;
	border-bottom: 1px solid #F3C110
}
.display tbody td.center {
	text-align: center
}
.display tbody td.error {
	text-align: center;
	color: red
}
.display tbody td.heading {
	width: 20%;
	text-align: right;
	font-weight: bold;
	padding: 3px;
	background-color: #dedede
}

#form {
	background-color: #FAF6EE;
	border: 1px solid #E7E3DB;
	padding: 15px
}
#form tbody td.heading {
	text-align: right
}
#form tfoot {
	text-align: center
}
#form tfoot td {
	padding-top: 10px
}

#image_preview {
	position: absolute;
	right: 25px;
	width: 200px;
	background-color: #FAF6EE;
	border: 1px solid #E7E3DB;
	padding: 5px;
	text-align: center
}
#image_preview p {
	text-transform: uppercase;
	font-size: 70%;
	color: white;
	background-color: #837F77;
	font-weight: bold;
	padding: 2px;
	margin: 0px
}
#image_preview img {
	margin-top: -15px;
	padding: 0px
}

#login {
	float: right;
	width: 300px;
	height: 18px;
	background-color: #FAF6EE;
	border: 1px solid #E7E3DB;
	padding: 5px;
	clear: both
}

#navigation {
	font-family: Tahoma, verdana, sans-serif;
	height: 34px
}
#navigation div {
	float:left;
	margin-left: 5px;
	position:relative;
	padding:0px;
	z-index:1000;
}
#navigation div div {
	margin: 0px
}
#navigation div ul {
	display:none;
	position:absolute;
	z-index:100;
	width: 165px;
	background: #0A1F5A;
	margin: 28px 0px 0px 0px;
	padding: 0px;

	border-bottom: 0px
}

#navigation div ul li {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#navigation img {
	float: left;
	margin-top: 13px
}
#navigation a {
	display: block;
	padding: 5px 9px 5px 9px;
	margin-top: 6px;
	font-size: 8pt;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold
}
#navigation a:hover {
	border: 1px solid #0A1F5A;
	padding: 4px 8px 4px 8px;
}
#navigation a.yellow {
	color: #F3F300;
}
#navigation div ul li a {
	display:block;
	margin-top: 0px;
	text-transform: none;
	font-weight: normal;
	color: #F3C110;
	font-size: 8pt;
	font-family: verdana, sans-serif
}
#navigation div ul li a:hover {
	border: 0px;
	padding:  5px 9px 5px 9px;
	background-color: #215587
}
/* ie hack  \*/
* html #navigation div ul li a{width:165px;}
/* end ie hack */
#navigation div:hover ul {
	display:block;
}

#registration {
	margin-top: 10px
}
#registration table {
	width: 100%;
	font-size: 9pt;
}
#registration tbody td.error {
	text-align: center;
	color: red
}
#registration tbody td.heading {
	width: 30%;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	color: #797777
}
#registration tbody td.input {
	width: 70%
}
#registration tfoot td {
	padding: 4px;
	text-align: center
}
#registration hr {
	color: #F3C110;
	background-color: #F3C110;
	border: 0px;
}