/** 
 * MITS Website Stylesheet
 * 
 * @version 		2.0
 * @created at		12/06/07
 * @last modified	27/06/07
 */
 
/* =Overrides
--------------------------------------------------*/
/* 
Due to the new UWI template on 01/09/07 a few
styles needed to be overriden for the MITS site to
work properly.
*/
#singlecol2 {
	width: 760px;
}

#singlecol2 #content * {
	font-family: 'Lucida Grande', Arial, sans-serif;
}

#singlecol2 #sidebar h3,
#singlecol2 #secondaryContent h3 {
	border: none;
	font-size: 12px;
	font-weight: bold;
}

#singlecol2 #mainContent h3 {
	border: none;
}

.monaBody ul li,
#singlecol2 ul li {
	list-style-type: none;
	margin-left: 0;
}

/* =General
--------------------------------------------------*/

#content * {
	margin: 0; 
	padding: 0;
	font-family: 'Lucida Grande',Arial,sans-serif;
	font-size: 12px;
	line-height: 18px;
}

#content {
	padding: 0 0 10px 0;
}


/* =Sections
--------------------------------------------------*/
#sidebar {
	float: left;
	margin: 10px 10px 0 0;
	width: 180px;
	color: #000;
}

#mainContent {
	float: left;
	margin: 10px 10px 0 0;
	width: 370px;
}

#secondaryContent {
	float: left;
	margin: 10px 0 0 0;
	width: 180px;
	color: #000;
}

/* =mainContent
--------------------------------------------------*/

#singlecol2 #mainContent h2 {
	color: #000;
	padding: 3px 0 0 0;
	margin: 10px 0 5px 0;
	font-size: 18px;
	text-transform: uppercase;
}

#mainContent h3 {
	padding: 3px 0 0 0;
	margin: 10px 0 10px 0;
	font-size: 16px;
	font-weight: bold;	
}

#mainContent p {
	margin: 0 0 10px 0;
	text-align: justify;
}

#mainContent .box {
	background: url(../images/maincontent-bg.jpg) repeat-y top left;
	color: #fff;
}

#mainContent .box p {
	margin: 5px;
}

#mainContent .box h2 {
	margin: 0;
	color: #fff;
	background: url(../images/welcome-header2.jpg) no-repeat top left;
	text-indent: -9999px;
	height: 87px;
}

#mainContent .box .box-bottom {
	background: url(../images/maincontent-bottom.jpg) no-repeat bottom left;
	padding-top: 10px;
}

#mainContent ul {
	margin: 5px 0 5px 5px;
	list-style: none;
}

#mainContent ul li {
	padding: 0 0 0 20px;
	background: transparent url(../images/bullet_red.gif) no-repeat 0 0;
}

/* =Sidebar and SecondaryContent
--------------------------------------------------*/
#sidebar .box,
#secondaryContent .box {
	margin-bottom: 10px;
	background: url(../images/sidebox-bg.jpg) repeat-y top left;
}

#sidebar .box .inner,
#secondaryContent .box .inner{
	background: url(../images/sidebox-top.jpg) no-repeat top left;
}

#sidebar .box p,
#secondaryContent .box p {
	padding: 0 10px;
}

#sidebar .box h3,
#secondaryContent .box h3 {
	padding: 5px 0 0 25px;
	color: #CC3300;
}

#secondaryContent .box h3#news {background: transparent url(../images/newspaper.gif) no-repeat 3px 4px;}
#secondaryContent .box h3#events {background: transparent url(../images/group.gif) no-repeat 3px 4px;}
#secondaryContent .box h3#links {background: transparent url(../images/link.gif) no-repeat 3px 4px;}
#sidebar .box h3#pages {background: transparent url(../images/page.gif) no-repeat 5px 4px;}
#sidebar .box h3#support {background: transparent url(../images/wrench.gif) no-repeat 3px 4px;}


#sidebar .box .box-bottom,
#secondaryContent .box .box-bottom {
	background: url(../images/sidebox-bottom.jpg) no-repeat bottom left;
	padding-top: 10px;
	clear: both;
}

#sidebar .box ul,
#secondaryContent .box ul {
	margin: 5px 0 0 0;
	list-style: none;
}

/*#sidebar .box ul li,*/
#secondaryContent .box ul li {
	padding: 0 0 0 20px;
	background: #f0f0f0 url(../images/bullet_orange.gif) no-repeat 0 0;
}

/* Suckerfish dropdowns */
#sidebar .box #subNav,
#sidebar .box #subNav ul {
	float: left;
	/*margin-left: 5px;*/
	width: 180px;
	/*list-style: none;*/
}

#sidebar .box #subNav li { 
	position : relative;
	float : left;
	margin: 0;
	width: 180px;
}

#sidebar .box #subNav li ul { 
	position : absolute;
	left: -999em;
	margin-left : 180px;
	margin-top : -28px;/*-1.50em*/;
	list-style: none;
	border: 1px solid #CC3300;
	width: 180px;
}	

#sidebar .box #subNav li a {
	width: 160px;
	display : block;
	padding : 5px 0 5px 20px;
	background: #f0f0f0 url(../images/bullet_orange.gif) no-repeat 0 5px;
}

#sidebar .box #subNav li a:hover {
	background-color: #E5E5E5;
}

#sidebar .box #subNav li:hover ul, 
#sidebar .box #subNav li li:hover ul, 
#sidebar .box #subNav li li li:hover ul, 
#sidebar .box #subNav li.sfhover ul, 
#sidebar .box #subNav li li.sfhover ul, 
#sidebar .box #subNav li li li.sfhover ul { 
	left: auto;
	z-index: 99;
}

/* =Images
--------------------------------------------------*/
#content .inline-graphic {
	display: block;
	/*
	padding: 0 4px 4px 0;
	background: url(../images/photo-frame.gif) no-repeat bottom right;
	*/
}

#content .inline-left {
	float: left; 
	margin: 0 10px 5px 0;
}

#content .inline-centre {
	margin: 5px auto;
}

#content .inline-right {
	float: right; 
	margin: 0 0 5px 10px;
}

#sidebar side-img {
	margin: 10px 0 0 0;
}

/* =Forms
--------------------------------------------------*/
/* fieldset styling */
#mainContent fieldset {
	margin: 20px 0; /*  space out the fieldsets a little*/
	border: none;
}

/* legend styling */
legend {
	font-weight: bold;
	font-size: 14px;
}

form p {

}

/* style for  labels */
label {
	/*font-weight: bold;
	display: block;*/
}

input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 200px;
}

#mainContent input.radio,
#mainContent input.checkbox {
	margin: 0 1em;
}

/* style form elements on focus */
input:focus, textarea:focus {
	background: #ffc;
}

textarea {
	width: 300px;
	height: 100px;
}


/* =Miscellaneous
--------------------------------------------------*/
div.hr {
	background: transparent url(../images/dotted-line.jpg) repeat-x bottom center;
	height: 1px;
}

hr {
	height: 0;
	display: none;
}

#errorBox {
	display: none
}

.error {
	font-weight: bold;
	color: #FF0000;
}