/*
	CSS file for screen
	Written by Simon Baxter
*******************************/
@import "../../css/sjac.css";


/*
	Header tag styling
******************************/
div#sidecontent h2 {
	background:#669900 url(../i/bg_sidecontent_h2_it.png) repeat-x top;
}

h1, h2 {
	color:#690;
}

h3 { font-size:22px; font-weight:bold }

h4 { font-size:12px; color:#666; margin:15px 0 10px; padding:2px 0; border-bottom:1px solid #ccc; border-top:1px solid #eee }

/*
	p, span, strong, address tag styling
*********************************************/
div#right p { padding:0 0 0 10px }


/*
	List styling
******************************/
dl { margin:0; padding:0 }
dt { font-weight:bold; color:#669900 }
dd { margin:0; padding:0 0 10px 16px; font-size:12px }
dd ul { margin:0; padding:0 }

ol#howto {
	line-height:20px
}
ol#howto li {
	border-bottom:1px solid #eee;
	padding:5px 0
}

/* Top menu styling
-------------------------------------------------------------*/
ul#menu_top li a {
	color:#690;
}

/*
	Link and menu styling
******************************/

a:link, a:visited {
	color:#669900;
}

a:link#sjac, a:visited#sjac {
	display:block;
	height:100px;
	width:255px;
	float:left;
	background:url(../i/bg_a_sjac_off.png) no-repeat top left
}

a:hover#sjac {
	background:url(../i/bg_a_sjac_hover.png) no-repeat top left
}

a:link#sjac_coach, a:visited#sjac_coach {
	display:block;
	height:100px;
	width:255px;
	float:left;
	background:url(../i/bg_a_sjac_coach_off.png) no-repeat top left
}

a:hover#sjac_coach {
	background:url(../i/bg_a_sjac_coach_hover.png) no-repeat top left
}

a.softwarelink { text-decoration:underline }

/*
	Main container divs
******************************/
div#header {
	border-bottom-color:#690;
	background-image:url(../i/bg_header_it.jpg);
}

/*
	Centre content divs
******************************/

div#access h3, div#access dt, a#accesslink { color:#A52860 }
div#access h4 {border-bottom-color:#A52860 }

div#excel h3, div#excel dt, a#excellink { color:#27610A }
div#excel h4 {border-bottom-color:#27610A }

div#outlook h3, div#outlook dt, a#outlooklink { color:#FFAC01 }
div#outlook h4 {border-bottom-color:#FFAC01 }

div#powerpoint h3, div#powerpoint dt, a#powerpointlink { color:#D81F00 }
div#powerpoint h4 {border-bottom-color:#D81F00 }

div#word h3, div#word dt, a#wordlink { color:#0F409C }
div#word h4 {border-bottom-color:#0F409C }


/*
	Left column styling
******************************/
div#msoffice_logos {
	text-align:center;
	margin:20px 0 10px;
}
div#msoffice_logos img { margin:0 20px }


/*
	Right column styling
******************************/


/*
	Misc div's
******************************/


/*
	Table styling
******************************/
table.courseinfo { width:99% }
table.courseinfo tr td { vertical-align:top; width:50% }

/*
	Image styling
******************************/


/*
	Form and field styling
******************************/

form { padding:0 }

.txtfld {
	width:220px;
	margin-bottom:10px;
}

input.btn {
	border:2px solid #669900;
	background:#fff;
	color:#669900;
	font-weight:bold;
}