
body
{
text-align: center;
}

div#container
{
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
}

#header {
width:900px;
height:110px;
float:left;
clear:both;
padding:0px;
margin:0px;
background-image:url(images/milltown-institute-logo.jpg);
background-position:left bottom;
background-repeat:no-repeat;
}

#searchbar {
width:900px;
height:31px;
float:left;
clear:both;
background-color:#000000;
color:#ffffff;
background-image:url(images/searchbar-bg.jpg);
background-position:right top;
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#container #searchbar #searchform {
	margin: 0px;
	margin-top:5px;
	padding: 0px;
	float: right;
	height: 26px;
}
#container #searchbar #searchform #sp-q {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0px;
	height: 16px;
	width: 109px;
	border:1px solid #006699;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container #searchbar #searchform #searchsubmit {
padding-top:0px;
margin-top:0px;
}
#container #main {
	padding: 0px;
	clear: both;
	float: left;
	width: 900px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(images/main-bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#container #main #left {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100%;
	width: 222px;
	background-color:#deddc9;
}

#container #main #right {
	margin:0px;
	padding:0px;
	float:right;
	width:677px;
	height: 100%;
	}
	
#container #main #right #mainPic {
	width:677px;
	height:195px;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	}
	
#container #main #right #rightOne {
	width:349px;
	margin:0px;
	padding:0px;
	padding-top:19px;
	padding-left:17px;
	float:left;
	/*background-color:#00CC66;*/
	}
#container #main #right #rightTwo {
	width:293px;
	margin:0px;
	padding-top:19px;
	padding-left:18px;
	float:right;
	/*background-color:#CC9966;*/
	}
	
#container #main #right #rightSingle {

width:660px;
padding-left:17px;
float:left;
clear:both;

}
	
	
#calltoactsmall {
width:291px;
padding-top:5px;
border: 1px #E7E7E7 solid;
}

#calltoactsmall ul {
list-style-type:none;
margin:0px;
padding:0px;
}

#calltoactsmall ul li a{
color:#283E6D;
text-decoration:none;
font-weight:bold;
width:220px;
height:25px;
display:block;
margin-left:5px;
margin-bottom:5px;
padding-top:12px;
padding-left:60px;
background-repeat: no-repeat;
background-position: 0px 0px;
}

#calltoactsmall ul li a.ctaenquiry {
	background-image: url(images/cta-enquiry.jpg);
}
#calltoactsmall ul li a.ctamoodle {
	background-image: url(images/cta-moodle.jpg);
}
#calltoactsmall ul li a.ctacontact {
	background-image: url(images/cta-contact.jpg);
}

#latestnews h2 {
border-top:1px solid #314770;
background-color:#a4a4a4;
color:white;
font-weight:bold;
font-size:11px;
padding-left:6px;
padding-top:8px;
padding-bottom:8px;
}

#latestnews h3 {
font-size:12px;
font-weight:bold;
color:#45771C;
padding:0px;
margin:0px;
}	

#latestnews h3 a:link, #latestnews h3 a:visited {
color:#45771C;
text-decoration:none;
}

#latestnews h3 a:hover{
color: #9c0000;
}

/* headings, fonts etc */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#403F3F;
}
	
h1 {
font-size:14px;
color:#45771C;
font-weight:bold;
padding:0px;
margin:0px;
}
h2 {
font-size: 12px;
color:#403F3F;
font-weight:bold;
padding:0px;
margin:0px;
}

#main #right p {
font-size:12px;
line-height:120%;
margin:0px;
padding:0px;
padding-bottom:20px;
}

#main #right img.calltoactbig {
width:349px;
height:132px;
float:left;
clear:both;
border:none;
padding:0px;
margin:0px;
padding-top:20px;
}

a:link, a:visited {
color:#9c0000;
text-decoration:none;
}



#container #footerOne {
	background-color: #E3EDED;
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
	height: 26px;
	width: 900px;
}
#container #footerOne a  {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#container #footerTwo {
	color: #403f3f;
	margin: 0px;
	height: 26px;
	width: 900px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align: center;
	clear: both;
	float: left;
}
#container #footerTwo a {
	color: #9c0000;
	text-decoration: none;
}


/* Menu Styles */

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {

}
#menu {
width: 222px;
padding-top:2px;
background-image:url(images/menu-bg.jpg);
background-position: top left;
background-repeat: repeat-x;

}
#menu dt {
	cursor: pointer;
	height: 25px;
	line-height: 20px;
	text-align: left;
	font-weight: normal;
	/*border: 1px solid gray; */
	background: #365E3C;
	width: 222px;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	/*padding-left:5px;*/
}

dl#menu dt.current a{
font-weight:bold;
}
#menu dd {
border: 0 none;
}
#menu dt {
color:#FFF;
}

#menu li {
text-align: left;

}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
padding-left:15px;
padding-top:2px;
padding-bottom:2px;
}
#menu li a {
color:#365e3c;
background-color:#DEDDC9;
padding-left:25px;
}
#menu li a:hover {
background:#BDBCAA;
}
#menu dt a:hover, #menu dt:hover {
background: #6e8a73;
}



#menu ul li ul li a{
color:#01100E;
font-size:11px;
font-weight:normal;
padding-left:35px;
}


#menu ul li a.current {
font-weight:bold;
color:#cc0000;
}
#menu ul li ul li a.current {
font-weight:bold;
color:#01100e;
}
