@charset "utf-8";

/* 	CSS Reset
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }




/* 	Default Properties 
*/

body { background-color: #FFF; color: #606060; font-family: Arial, Helvetica, sans-serif; font-size: 72%; margin: 0 0 30px 0; }


/* 	Template Properties 
*/

.topbarbg { background-image: url(../images/template/bg_lightgrey.gif); background-repeat: repeat-x; height: 40px; border-bottom: 2px solid #686868; }
.topbar { width: 991px; margin: auto; }
.search { float: left; width: 200px; background-image: url(../images/template/search.gif); background-repeat: no-repeat; padding: 10px 0 0 65px; }
.formButton { vertical-align: top; margin-left: 3px; }
.tabmenu { float: right; margin-top: 14px; margin-bottom: -3px; }
.tabmenu li { float: left; list-style: none; }

.feature { background-image: url(../images/template/feature.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.feature-home { background-image: url(../images/template/feature_home.jpg); background-repeat: no-repeat; background-position: center; height: 271px; }
.feature-learners { background-image: url(../images/template/feature_learners.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.feature-employers { background-image: url(../images/template/feature_employers.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.feature-rtos { background-image: url(../images/template/feature_rtos.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.nomenu-feature { background-image: url(../images/template/feature_nomenu.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.nomenu-feature-learners { background-image: url(../images/template/feature_learners_nomenu.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.nomenu-feature-employers { background-image: url(../images/template/feature_employers_nomenu.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.nomenu-feature-rtos { background-image: url(../images/template/feature_rtos_nomenu.jpg); background-repeat: no-repeat; background-position: center; height: 107px; }
.banner-home {margin: 0px auto; width: 991px;}

.menubg { background-image: url(../images/template/bg_menu.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.menubg-home { background-image: url(../images/template/bg_menuhome.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.menubg-learners { background-image: url(../images/template/bg_menu_learners.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.menubg-employers { background-image: url(../images/template/bg_menu_employers.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.menubg-rtos { background-image: url(../images/template/bg_menu_rtos.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.nomenu-bg { background-image: url(../images/template/bg_nomenu.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.nomenu-bg-learners { background-image: url(../images/template/bg_nomenu_learners.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.nomenu-bg-employers { background-image: url(../images/template/bg_nomenu_employers.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }
.nomenu-bg-rtos { background-image: url(../images/template/bg_nomenu_rtos.jpg); background-repeat: no-repeat; background-position: center; height: 43px; }

.normalbg { background-image: url(../images/template/bg_content_rtos.gif); background-repeat: repeat-x; }
.rtosbg { background-image: url(../images/template/bg_content_rtos.gif); background-repeat: repeat-x; }
.learnersbg { background-image: url(../images/template/bg_content_learners.gif); background-repeat: repeat-x; }
.employersbg { background-image: url(../images/template/bg_content_employers.gif); background-repeat: repeat-x; }
.nomenunormalbg { background-image: none; background-repeat: repeat-x; }
.nomenurtosbg { background-image: none; background-repeat: repeat-x; }
.nomenulearnersbg { background-image: none; background-repeat: repeat-x; }
.nomenuemployersbg { background-image:none; background-repeat: repeat-x; }

.container-big { width: 991px; margin: auto; padding: 35px 0; }
.container-big .content { padding: 15px 27px 0 12px; width: 965px; }
.container-big h1 { width: 965px; }
.container-rc { width: 991px; margin: auto; padding: 35px 0; }
.container-rc .menurc { float: left; width: 200px; }
.container-rc .content { float: right; width: 770px; }
.container-rc h1 { margin: 0 0 20px 0; border-bottom: 1px solid #C0C0C0; width: 770px; font-family: "Trebuchet MS"; color: #BEBEBE; font-weight: normal; font-size: 2.2em; }
.container { width: 991px; margin: 35px auto; }
.container .content { float: left; padding: 15px 27px 0 12px; width: 700px; }
/* Security Resource Specific */
.container-sec .content { float: right; width: 580px; padding: 0px 10px; /*border-right: 1px solid #C0C0C0;*/ }
.vertaligntop { vertical-align:top; margin-top:0;} 
.container-sec .menuleft ul li a {padding-left: 0px;}	
.container-sec .menuleft strong {text-transform: uppercase; font-size: 17px; margin-left: 0px;}
.container-sec-noright .menuleft strong {text-transform: uppercase; font-size: 17px; margin-left: 0px;}

.container-sec h1 {width: 580px; }
.secpagetitle h1 {margin-left: 230px; width: 730px;}
table.dvd {border: #ccc 1px solid; text-align: left; padding: 10px;}


.panel { float: left; width: 250px; }
.panelitem { background-color: #F1F1F1; border-bottom: 7px solid #FFF; padding: 12px 17px; }
.panelitem h2 { margin: 0 0 0 0; }
.panelitem p { font-size: 0.95em; margin-bottom: 5px; }
.panelitem .button { background-image: url(../images/bg_button.gif); background-repeat: no-repeat; text-align: center; height: 24px; font-weight: bold; line-height: 22px; }
.panelitem .button a { color: #434343; }

.partnersbg { background-color: #ECECEC; padding: 5px 0; }
.partners { width: 991px; margin: auto; padding: 4px; }
.partners .cmc { float: right; }
.partners .isc { padding-top: 20px; }

.footerbg { background-image: url(../images/template/bg_darkgrey.gif); background-repeat: repeat-x; height: 45px; clear: both; }
.footer { width: 991px; margin: auto; color: #CCC; padding-top: 15px; font-size: 0.95em; }
.footer .links { float: right; margin-top: -4px; }
.footer .links li { float: left; text-transform: lowercase; margin: 0 5px 0 10px; list-style: none; }
.footer .links a { color: #CCC; }


/* 	Menu Styles 
*/

#topmenu { font-family: Arial, sans-serif; font-size: 1.1em; line-height: 1.2em; margin: auto; width: 980px; height: 43px; border-collapse: collapse; }
#topmenu td { padding: 0; vertical-align: top; }
#topmenu a { padding: 4px 12px 0 23px; color: #FFF; text-decoration: none; float: left; background-repeat: no-repeat; height: 39px; }
#topmenu a#menu1 { background-image: url(../images/template/bg_menuitem_first.gif); padding: 13px 12px 0 19px; }
#menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10 { background-image: url(../images/template/bg_menuitem.gif); }
#topmenu a#menu4, #topmenu a#menu5, #topmenu a#menu8, #topmenu a#menu9 { padding: 13px 12px 0 23px; white-space: nowrap; }
#topmenu a#menu10 { padding: 13px 10px 0 23px; }


/* 	Resource Centre Menu
*/

.menuleft { background-image: url(../images/template/bg_menurc.gif); background-repeat: repeat-y; padding-bottom: 40px; }
.menuleft-top { background-image: url(../images/template/bg_menurc_top.gif); background-repeat: no-repeat; height: 10px; }
.menuleft-end { background-image: url(../images/template/bg_menurc_end.gif); background-repeat: no-repeat; height: 10px; }
/* Level 1 */
.menuleft ul { margin: 0 9px 0 9px; }
.menuleft ul li { list-style: none; line-height: 1.3em; margin: 0; font-weight: bold; border-bottom: 1px solid #CCC; padding: 5px 2px; }
.menuleft ul li a { color: #305280; }
.menuleft ul li .open { color: #3F72BE; }
.menuleft ul li .current { color: #CC0000; }
/*Level 2 */
.menuleft ul li ul { margin: 0 0 0 6px; }
.menuleft ul li ul li { font-size: 1em; font-weight: normal; border: none; padding: 3px 0; }
.menuleft ul li ul li a { color: #305280; }
.menuleft ul li ul li .open { font-weight: bold; color: #305280; }
.menuleft ul li ul li .current { font-weight: bold; color: #CC0000; }
/*Level 3 */
.menuleft ul li ul li ul { margin: 0 0 0 9px; }
.menuleft ul li ul li ul li { font-size: 0.95em; padding: 2px 0; }
.menuleft ul li ul li ul li a { color: #305280; }
.menuleft ul li ul li ul li .open { font-weight: bold; color: #305280; }
.menuleft ul li ul li ul li .current { color: #CC0000; }
/*Level 4 */
.menuleft ul li ul li ul li ul { margin: 0 0 0 9px; }
.menuleft ul li ul li ul li ul li { font-size: 1em; padding: 2px 0; }
.menuleft ul li ul li ul li ul li a { color: #305280; }
.menuleft ul li ul li ul li ul li .open { font-weight: bold; color: #305280; }
.menuleft ul li ul li ul li ul li .current { color: #CC0000; }
/*Level 5 */
.menuleft ul li ul li ul li ul li ul { margin: 0 0 0 9px; }
.menuleft ul li ul li ul li ul li ul li { font-size: 0.95em; padding: 2px 0; }
.menuleft ul li ul li ul li ul li ul li a { color: #305280; }
.menuleft ul li ul li ul li ul li ul li .open { color: #305280; }
.menuleft ul li ul li ul li ul li ul li .current { color: #CC0000; }



/* 	Content Styles 
*/

.clear, .spacer { clear: both; }
p { line-height: 1.6em; margin-bottom: 15px; }
ul { margin: 0 0 15px 20px; }
li { line-height: 1.6em; list-style: square; }
td { line-height: 1.2em; vertical-align: middle; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; }
strong { font-weight: bold;}
h1 { margin: 0 0 0 12px; border-bottom: 1px solid #C0C0C0; width: 712px; font-family: "Trebuchet MS"; color: #BEBEBE; font-weight: normal; font-size: 2.2em; }
.rtosbg h1, .learnersbg h1, .employersbg h1 { color: #080E4A; border-bottom: 1px solid #BEB6A0; }
h2, .headerSub, .header { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: normal; font-size: 1.5em; }
h3 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.3em; }
h4 { margin: 30px 0 15px 0; font-family: "Trebuchet MS"; color: #384772; font-weight: bold; font-size: 1.1em; }
.yellow { color: #E2B208; }
.textError { color: #CC0000; }
.imgright { float: right; margin: 0 0 10px 10px; }
.imgleft { float: left; margin: 0 10px 10px 0; }
.textBold { font-weight: bold; }
.textHighlight { background-color: #f7f7f7; padding: 10px; border: 1px solid #CCCCCC; color: #666; }
.textLink { background-image: url(../images/link.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 10px; }
.yellowbox { border: 2px solid #FDE480; padding: 10px; }
.yellowbox h2 { margin: 0 0 15px 0; }
.floatedMenuRight {float: right; width: 150px; margin: 0px 0px 50px 20px; text-align: center;}
.floatedMenuRight img{display: block; margin: 0px auto;}
.floatedMenuRight strong {font-size: 18px; color: #EBB716; }
.floatedMenuRight a {color: #EBB716; text-decoration: underline;}
.floatedMenuRight a:hover {font-weight: bold;}
.floatedMenuRight ul {text-align: left; }	
.floatedMenuRight li {margin: 5px 0px; }
.floatedMenuRight p {text-align: center; }


/* 	Homepage 
*/

.welcome { float: left; width: 540px; margin-bottom: 20px; }
.buttons { float: left; width: 150px; margin-left: 20px; margin-bottom: 20px; margin-top: 18px; }
.buttons .homebox { font-size: 0.95em; line-height: 1.3em; background: url(../images/bg_homebox.gif) no-repeat; width: 123px; height: 40px; padding: 15px 5px 5px 22px; color: #284776; margin-bottom: 11px; }
.buttons .homebox a { color: #284776; }
.news { float: right; width: 260px; margin-bottom: 20px; }
.news .hd { margin-bottom: 2px; }
.news .scroller { border: 1px solid #D9D9D9; width: 260px; height: 200px; }
.news .scroller .more { text-align: right; padding-right: 5px; font-style: italic; }
.news .scroller .more a { color: #6986A6; }
.banners { margin: 0 0 5px 0; clear: both; }
.banners .resources { margin-right: 25px; }
.banners .userguides { margin-right: 50px; }

/* 	Rounded box
*/
.roundimage { float: right; width: 430px; margin-bottom: 40px; }
.editablebuttons { float: left; align:top; margin-bottom: 40px; width: 520px;}
.EditableButton1 { float: left; width: 170px; height: 150px; border: 1px solid #D9D9D9; padding: 5px; background-color:#F0F0F0; margin-left: 45px;}
.EditableButton2 { float: right; width: 170px; height: 150px; border: 1px solid #D9D9D9; padding: 5px; background-color:#F0F0F0; margin-right: 45px;}
.t {background: url(/resources/rounded_box/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(/resources/rounded_box/dot.gif) 0 100% repeat-x}
.l {background: url(/resources/rounded_box/dot.gif) 0 0 repeat-y}
.r {background: url(/resources/rounded_box/dot.gif) 100% 0 repeat-y} 
.bl {background: url(/resources/rounded_box/bl2.gif) 0 100% no-repeat}
.br {background: url(/resources/rounded_box/br2.gif) 100% 100% no-repeat}
.tl {background: url(/resources/rounded_box/tl2.gif) 0 0 no-repeat}
.tr {background: url(/resources/rounded_box/tr2.gif) 100% 0 no-repeat; padding:10px} 
.round {vertical-align: top; border: 1; }

.roundtd {background-color: #e7f6fb; height: 100%;}



/* 	Forms and Datagrids 
*/

.formFieldSearch { background-color: #FFF; border: 1px solid #B6B6B6; padding: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; width: 140px; }
.formLabel { background-color: #F5F5F5; font-size: 1em; padding: 10px; color: #4E4E4E; }
.formLabelTop { vertical-align: top; border: 1px solid #CCCCCC; background-color: #f7f7f7; font-size: 1em; padding: 8px; color: #666666; }
.formField { border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-size: 0.9em; padding: 8px; vertical-align: top; }
.formFieldTop { border-bottom: solid 1px #CCCCCC; border-top: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-size: 0.9em; padding: 8px; vertical-align: top; }
.formFieldSmall { font-size: 12px; color: #000000; width: 75px; border: 1px solid #CCCCCC; }
.formFieldMedium { font-size: 12px; color: #000000; width: 220px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
.formFieldLarge { font-size: 12px; color: #000000; width: 350px; border: 1px solid #ACB8B9; }
.formButton { font-weight: bold; color: #663366; background-color: #FFFFFF; font-size: 12px; border: 1px solid #CCCCCC; }

#dgDataGrid { margin-top: 20px; }
.dgHeader { background-color: #2E517F; padding: 5px; color: #FFF; font-weight: bold; font-size: 1em; text-transform: uppercase; }
.dgHeader a { color: #FFF; text-decoration: none; }
.dgRow, .dgAlternateRow { border-bottom: 1px solid #CCC; padding: 5px; color: #000; font-size: 1em; vertical-align: top; }
.dgHeaderSub { font-size: 1em; font-weight: bold; color: #CC0000; padding-top: 15px; }
.dgFooter { font-size: 1em; font-weight: bold; padding-top: 20px; }
.dgLabel { font-size: 1em; text-transform: uppercase; color: #666666; font-weight: bold; padding-right: 10px; }
.tableResource td { border: 1px solid #ccc; padding: 10px; vertical-align: top; line-height: 1.6em; }
.tableResource th { background-color: #757575; color: #fff; border: 1px solid #ccc; padding: 10px; }



/* 	Calendar 
*/

.calendar { border-collapse: collapse; width: 216px; float: left; margin-right: 25px; margin-bottom: 10px; }
.calendar th { background-color: #96A9BF; color: #FFF; border-bottom: 1px solid #FFF; padding: 3px; }
.calendar .month { background-color: #2E5380; font-size: 1.3em; font-family: "Trebuchet MS"; padding: 5px 3px; }
.calendar td { border: 1px solid #e5e5e5; text-align: center; padding: 4px 2px; color: #333; }
.calendar a { font-weight: bold; background-color: #FECD04; padding: 3px 5px; }


/* 	Resource Centre 
*/

.bg-purple, .bg-orange, .bg-blue, .bg-red, .bg-green, .bg-yellow { background-repeat: no-repeat; width: 230px; height: 105px; padding: 10px; vertical-align: middle; text-align: center; color: #FFF; font-size: 1.3em; }
.bg-yellow { color: #000; }
.bg-purple-sm, .bg-orange-sm, .bg-blue-sm, .bg-red-sm, .bg-green-sm, .bg-yellow-sm { background-repeat: no-repeat; width: 105px; height: 105px; padding: 10px; vertical-align: middle; text-align: center; color: #FFF; font-size: 1em; }
.bg-orange-sm, .bg-green-sm, .bg-yellow-sm { color: #000; }
.bg-purple a, .bg-purple-sm a, .bg-orange a, .bg-blue a, .bg-blue-sm a, .bg-red a, .bg-red-sm a, .bg-green a { color: #FFF; }
.bg-orange-sm a, .bg-green-sm a, .bg-yellow a, .bg-yellow-sm a { color: #000; }
.bg-purple { background-image: url(../images/resource-centre/bg_purple.gif); }
.bg-purple-sm { background-image: url(../images/resource-centre/bg_purple_sm.gif); }
.bg-orange { background-image: url(../images/resource-centre/bg_orange.gif); }
.bg-orange-sm { background-image: url(../images/resource-centre/bg_orange_sm.gif); }
.bg-blue { background-image: url(../images/resource-centre/bg_blue.gif); }
.bg-blue-sm { background-image: url(../images/resource-centre/bg_blue_sm.gif); }
.bg-red { background-image: url(../images/resource-centre/bg_red.gif); }
.bg-red-sm { background-image: url(../images/resource-centre/bg_red_sm.gif); }
.bg-green { background-image: url(../images/resource-centre/bg_green.gif); }
.bg-green-sm { background-image: url(../images/resource-centre/bg_green_sm.gif); }
.bg-yellow { background-image: url(../images/resource-centre/bg_yellow.gif); }
.bg-yellow-sm { background-image: url(../images/resource-centre/bg_yellow_sm.gif); }
.bg-round-yellow { background-image: url(../images/resource-centre/bg_round_yellow.gif); background-repeat: no-repeat; vertical-align: middle; width: 280px; height: 180px; padding: 10px; text-align: center; color: #000; font-size: 1.3em; }
.bg-round-yellow a { color: #000; }
.bg-round-blue-sm { background-image: url(../images/resource-centre/bg_round_blue_sm.gif); background-repeat: no-repeat; vertical-align: middle; width: 140px; height: 90px; padding: 5px; text-align: center; color: #FFF; font-size: 1em; }
.bg-round-blue-sm a { color: #FFF; }
.bg-flowchart { background-image: url(../images/resource-centre/bg_flowchart.gif); background-repeat: no-repeat; width: 614px; height: 335px; }
.bg-flowchart .box01 { color: #FFF; text-align: center; padding: 15px 0; width: 150px; height: 30px; margin: 0 0 0 232px; }
.bg-flowchart .box05 { color: #FFF; text-align: center; padding: 15px 0; width: 150px; height: 30px; margin: 5px 0 0 0; float: left; }
.bg-flowchart .box02 { color: #FFF; text-align: center; padding: 15px 0; width: 150px; height: 30px; margin: 5px 0 0 314px; float: left; }
.bg-flowchart .middlearea { color: #FFF; text-align: center; font-size: 1.3em; margin: 10px 0 0 217px; width: 180px; height: 65px; clear: left; }
.bg-flowchart .box04 { color: #FFF; text-align: center; padding: 15px 0; width: 150px; height: 30px; margin: 46px 0 0 53px; float: left; }
.bg-flowchart .box03 { color: #FFF; text-align: center; padding: 15px 0; width: 150px; height: 30px; margin: 46px 0 0 208px; float: left; }
.bg-flowchart a { color: #FFF; }

/* 	Tables 
*/

/* table_orange */
table.table_orange {
	border: 1px solid #993300;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 99.5%;
}

table.table_orange th, table.table_orange td {
	background-color: #fff;
	border: 1px solid #993300;		
	padding: 10px;
	vertical-align: top;
}

table.table_orange th {
	background-color: #993300;		
	color: #fff;
	font-weight: bold;
}

/* table_black */
table.table_black {
	border: 1px solid #000;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 99.5%;
}

table.table_black th, table.table_black td {
	background-color: #fff;
	border: 1px solid #000;		
	padding: 10px;
	vertical-align: top;
}

table.table_black th {
	background-color: #000;		
	color: #fff;
	font-weight: bold;
}	

/* table_blue */
table.table_blue {
	border: 1px solid #384772;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 99.5%;
}

table.table_blue th, table.table_blue td {
	background-color: #fff;
	border: 1px solid #384772;		
	padding: 10px;
	vertical-align: top;
}

table.table_blue th {
	background-color: #384772;		
	color: #fff;
	font-weight: bold;
}		

/* diagrams */
/* Blue squares with yellow arrows */
#diagram
{
	font-family: "Trebuchet MS" , sans-serif;
	font-size: medium;
	background: url(/images/diagrams/Diagram_Background.png) no-repeat 0 0;
	background-size: 100%;
	height: 375px;
	overflow: hidden;
	width: 500px;
	-moz-background-size: 100%;
    	-moz-border-radius: 20px;
    	-webkit-background-size: 100%;
    	-webkit-border-radius: 20px;
}

#diagram ul
{
	height: 375px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 500px;
}

#diagram li
{
	height: 60px;
	width: 150px;
	display: block;
	overflow: hidden;
	background-image: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	position: absolute;
}

#diagram .link_1
{
	left: 175px;
	top: 40px;
}
#diagram .link_2
{
	left: 325px;
	top: 140px;
}
#diagram .link_3
{
	left: 285px;
	top: 280px;
}
#diagram .link_4
{
	left: 75px;
	top: 280px;
}
#diagram .link_5
{
	left: 20px;
	top: 140px;
}

#diagram a
{
	color: #fff;
	text-decoration: underline;
	margin-top: auto;
	margin-bottom:auto;
	line-height: 80%;
}

#diagram a:hover
{
	text-decoration: none;
}

/* Yellow squares with Blue arrows */
#diagram_alt
{
	font-family: "Trebuchet MS" , sans-serif;
	font-size: large;
	background: url(/images/diagrams/Diagram_Background_alt.png) no-repeat 0 0;
	background-size: 100%;
	height: 375px;
	overflow: hidden;
	width: 500px;
	-moz-background-size: 100%;
    	-moz-border-radius: 20px;
    	-webkit-background-size: 100%;
    	-webkit-border-radius: 20px;
}

#diagram_alt ul
{
	height: 375px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 500px;
}

#diagram_alt li
{
	height: 60px;
	width: 150px;
	display: block;
	overflow: hidden;
	background-image: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	position: absolute;
}

#diagram .link_1
{
	left: 175px;
	top: 40px;
}
#diagram .link_2
{
	left: 325px;
	top: 140px;
}
#diagram .link_3
{
	left: 285px;
	top: 280px;
}
#diagram .link_4
{
	left: 75px;
	top: 280px;
}
#diagram .link_5
{
	left: 20px;
	top: 140px;
}

#diagram_alt a
{
	color: #000;
	text-decoration: underline;
	margin-top: auto;
	margin-bottom:auto;
	line-height: 80%;
}

#diagram_alt a:hover
{
	text-decoration: none;
}