/*	dco-screen.css	Style sheet for Web pages
	Begun 13/05/08
*/

*	{
	margin:		0;
	padding:	0;
}

body	{
	background:		url( media/dcogradient.png ) repeat-x;
	font-size:		0.8em;
	font-family:	Calibri, 'Trebuchet MS', Helvetica, sans-serif
}

.central	{
	text-align:	center
}

.new-row	{
	clear:	both
}

.column	{
	float:		left;
	margin:		0 18px 0 0
}

.highlight	{
	padding:	0 0 5px 4px
}

/*	divisions	*/

div#content	{
	padding:	15px 0 20px 19px
}

div#logo	{
	width:		100%;
	padding:	0 0 5px 20px
}

#logo img	{
	float:		left;
	padding:	5px 39px 5px 0
}

#logo h1	{
	padding-top:	4px
}

div#main	{
	width:			950px;
	margin:			0 auto 15px;
	border-style:	outset
}

div#navbar	{
	width:	100%;
	float:	left
}

#navbar ul	{
	padding:	0 10px 0 20px;
	list-style:	none
}

#navbar li	{
	display:	inline;
	font-size:	95%
}

#navbar a, li#here span#outer	{
	float:				left;
	background:			url( media/edge.gif ) no-repeat left top;
	padding-left:		4px;
	text-decoration:	none
}

#navbar a:hover, li#here span#outer	{
	background-position:	0 -42px
}

#navbar a span, li#here span#inner	{
	float:		left;
	background:	url( media/base.gif ) no-repeat right top;
	display:	block;
	padding:	5px 15px 5px 10px
}

#navbar a:hover span, li#here span#inner	{
	background-position:	100% -42px
}

div.one	{
	width:	290px
}

div.two	{
	width:	391px
}

.two p	{
	line-height:	125%;
	margin-bottom:	10px
}

.two ul	{
	margin:				0 0 5px 35px;
	list-style-image:	url( media/arrow-red.gif )
}

/*	images	*/

img	{
	border:	0
}

img#dir1	{
	margin-top:	67px;
	float:		right
}

img#ICA-logo	{
	margin-top:	115px
}

img#ICA-logo1	{
	margin-top:	80px
}

img#our-offer	{
	margin-top:	188px;
	float:		right
}

img#server	{
	margin-top:	154px;
	float:		right
}

img#server2	{
	margin-top:	151px;
	float:		right
}

img#yourq	{
	margin-top:	224px;
	float:		right
}

/*	colours and backgrounds	*/

.highlight	{
	background:	url( media/tiny-gradient.gif ) repeat-x
}

h2.highlight, h3.highlight	{
	background:	url( media/double-gradient.gif ) repeat-x
}

.special	{
	background-color:	inherit;
	color:				#c11c1f	/* dark red from Institute badge */
}

a:visited	{
	background-color:	inherit;
	color:				navy
}

a:link, a:hover	{
	background-color:	inherit;
	color:				blue
}

body	{
	background-color:	#b2b2d4	/* blue-grey from gradient edge */
}

div#main	{
	background-color:	white
}

div#navbar	{
	background-color:	black;
	color:				white
}

#navbar a, #navbar a:hover	{
	background-color:	inherit;
	color:				white
}

h2	{
	background-color:	inherit;
	color:				#333	/* dark grey */
}

p.formal	{
	background-color:	inherit;
	color:				#c11c1f
}

/*	elements	*/

a:link, a:visited	{
	text-decoration:	none
}

a:hover	{
	text-decoration:	underline
}

h1	{
	font-size:	150%
}

h1.intro	{
	width:		290px;
	position:	relative;
	top:		31px;
	left:		-300px
}

h1#pageq	{
	padding-top:	5px
}

h1#placer	{
	padding-bottom:	5px
}

h1.running	{
	line-height:	100%
}

h2	{
	font-size:		180%;
	margin-bottom:	5px
}

h3.highlight	{
	font-size:		230%;
	line-height:	115%;
	padding-bottom:	27px
}

h4	{
	font-size:	110%;
	margin-top:	20px
}

h4#first	{
	margin-top:	2px
}

ol	{
	padding-left:	18px
}

ol li	{
	padding-top:	8px
}

p.address	{
	font-size:		120%;
	font-weight:	bold
}

p#links	{
	margin-left:	307px;
	padding-top:	12px
}

p#stamp	{
	font-size:		90%;
	padding-bottom:	30px
}

p#sum	{
	padding-top:	12px
}

p#tag	{
	font-size:		90%;
	line-height:	100%;
	padding-bottom:	6px
}

/*	EOF	*/