/* 
Global Resets 
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
*/
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
Eduka CMS
Common Styles
	1. Formatting
	2. Logo
	3. Forms
	4. Alerts
	5. Skip Links
*/

/* 1. Formatting */
p, ul, ol, dl, blockquote, q, form, table, fieldset,.warning, .failure, .success{margin-bottom:1.5em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin-left:2em;}
a img {border: none;}
table{width:100%;}
table.SiteMap table{margin:0;}
table.SiteMap table .RootNode{padding-right:1.5em;}

/* 2. Logo*/
h1#logo a{
	background-repeat:no-repeat;
	display:block;
	text-indent:-999em;
}
/* 3. Forms */
fieldset {  
	float: left;  
	clear: left;  
	width: 100%;
}
legend {  
	margin-left: 1em;  
	color: #000000;  
	font-weight: bold;
}
fieldset ol {
	list-style: none;
}
fieldset li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding:0 0 1em 0;
	margin:0;
}
fieldset em, fieldset .error{
	color:red;
}
label {  
	float: left;  
	width: 12em;  
	margin-right: 1em;
}
.checkbox, .radio{
	float:left;
}
.textbox, .textarea, .select{
	width:15em;
}
fieldset .button{
	margin-left:14.3em;
}
.helplink{
	background:url(../images/gfx/help.png) no-repeat;
	width:16px;
	height:16px;
	display:inline-block;
	text-indent:-999em;
}
#sidecontent label,#sidecontent .edukaform li,
#sidecontent  .checkbox ,#sidecontent .radio,
#sidecontent .textbox
{float:none;}
#sidecontent label{display:block;}
#sidecontent .textbox,#sidecontent .textarea,
#sidecontent label,#sidecontent .edukaform span
{
	width:140px;
	display:block;
}
#sidecontent .edukaform .button{margin:0;}
#sidecontent .edukaform span{display:none}
#sidecontent #Contactusv21_vsSummary{display:none;}
#sidecontent .error{
	font-size:0.8em;
	display:block;
	margin:0;
	padding:0;
	line-height:1;
}
/* 4. Alerts */
.warning, .failure, .success{
	padding:5px 5px 5px 50px;
	clear:both;
	background-repeat:no-repeat;
	background-position:5px 5px;
	min-height:30px;
}
.warning{/*styles the warning messages*/
	background-color:#FFF4AD;
	background-image:url(../images/gfx/warning.png);
	border:3px solid #DAB100;
	color:red;
}
.warning a:link, .warning a:visited, .warning a:hover{
	color:#000 !important;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	color:#fff;
	background-image:url(../images/gfx/failure.png);
	border:3px solid #BF1212;
}
.failure a:link, .failure a:visited, .failure a:hover{
	color:#000 !important;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	color:#000;
	background-image:url(../images/gfx/success.png);
	border:3px solid #53AA4A;
}
.success a:link, .success a:visited, .success a:hover{
	color:#AF0000 !important;
}

/* 5. Skip Links */
ul.skiplinks, .skiplinks {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.skiplinks a:focus, ul.skiplinks a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #000; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  width : 6em;
  z-index : 9;
}

/*
-----------------------------------------------
text
----------------------------------------------- */
p,ul{
	margin-bottom:18px;
}
.grid_11 li{
	margin-left:40px;}

/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	margin:0;
	padding:0;	
	color: #231f20;
	font-family:verdana,tahoma,sasn-serif;
	font-size: 0.8em;
	line-height:18px;
}
.container_16{
	background:url(../images/gfx/container-background.png) 0 0 no-repeat;
}
body{
	background:url(../images/gfx/main-background.gif) 0 0 #513952;
}
/* anchors
----------------------------------------------- */
a {
	color: #67788f;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

#footer,#footer a:link, #footer a:active, #footer a:visited{
	color:#b7b7b7;
	text-decoration:none;

}
#footer a:hover{
	color:#a9a9a9;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12{
	background: url(../gfx/bg-container.jpg) top left repeat-y;
}
.container_12 .grid_5{
	width:400px;
}

.grid_15{
	float:none;
}
/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em; 
	margin-bottom:.3em; 
	font-weight:normal; 
	font-family:Arial, Helvetica, sans-serif;
	 color:#68798f;
}

.grid_3 h1, .grid_9 h1, h3{
	font-size:1.7em;
	margin-top:0.5em;
}

h2{
	font-size:1.8em;
	margin-bottom:1em;
	color:#742678;
	font-weight:bold;
	font-family:'Trebuchet MS', Tahoma, Arial, sans-serif;
}
h3{
    font-size:1.6em;
	color:#231f20;
	color:#742678;
	margin-top:0;
	line-height:normal;
	font-size:1.2em;
}




/* branding
----------------------------------------------- */
#masthead{
	height:169px;padding-left:100px;
}
h1#logo {
	margin-top:40px;
	}
h1#logo a{
	text-align:center;
	padding:0;
	margin-bottom:0;
	background:url(../images/gfx/logo.png) no-repeat top;
	height:105px;
	width:271px;
	display:block;
}


/* content */	
.grid_15,.grid_12,#right-content{
	float:right
}
#content.grid_12{
	width:682px;
	border-bottom:1px solid #dadada;
	margin-bottom:19em;
}
* html #content.grid_12{margin-bottom:19em;}/*for ie6*/
blockquote{
	background:url(../images/gfx/quotes.gif) 0 0 no-repeat transparent;
	padding:1em 1.5em;
	margin:18px 0;
	min-height:1%;
}
li{
    list-style-type:disc;
    margin-left:1em;
}
#main.grid_15{	
	background:url(../images/gfx/content-background.gif) 0 0;
	position:relative;
}
#sidecontent{
	position:relative;
	z-index:10;
	background:url(../images/gfx/sidecontent-back.gif) 0 0 no-repeat;
}
#sidecontent li,.pieces li,.more-info li{
    margin:0;
    list-style-type:none;
}
#listMenuRoot{
	padding-top:52px;
	min-height:319px;
}
#listMenuRoot{
	background:url(../images/gfx/menu-background.gif) 0 100% transparent no-repeat;
}

.more-info{
	border:1px solid #c1bfbd;
	margin-top:10px;
	margin-bottom:30px;
	position:relative;
}

.more-info,.pieces h3{
	background:url(../images/gfx/content2-background.png) 0 0;	
}
.more-info p{
	text-transform:uppercase;
	margin:0;
	overflow:hidden;
	position:relative;
}
.more-info div,.more-info p{padding:3px 5px;}
.more-info span{
	display:block;
	position:absolute;
	right:5px;top:0;
}
.more-info a,.more-info a:link,.more-info a:visited,.more-info a:hover{
	color:#742678;
	text-decoration:none;
}
.breadcrumbs{

	font-size:0.85em;
	text-align:right;
	margin:-2em 0 1.5em;
}
.breadcrumbs a{
	text-decoration:none;
	color:#333;
}

#left-side-content{
	margin-top:1.4em;
	margin-left:69px;
}
#left-side-content h4{
	color:#8f867d;
	font-weight:bold
}
#sidecontent .deewr,#sidecontent .det,#sidecontent .jf,#sidecontent .lw{
	display:block;
	text-indent:-9999px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:transparent;
	width:151px;
	margin-bottom:0.7em;
}
#sidecontent .deewr{
	background-image:url(../images/gfx/deewr-logo.gif);
	height:94px;
}
#sidecontent .det{
	background-image:url(../images/gfx/det-logo.gif);
	height:89px;
}
#sidecontent .lw{
	background-image:url(../images/gfx/lottery-west-logo.gif);
	height:89px;
}
#sidecontent .jf{
	background-image:url(../images/gfx/jobfutures-logo.gif);
	height:49px;
}
#sidecontent.alpha{
	margin-left:-60px;	
}
#social-networking{
	overflow:hidden;
}
#social-networking li{
	display:inline;
}
#sidecontent .facebook, #sidecontent .myspace{
	float:left;
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:transparent;
	width:32px;
	height:32px;
	margin-right:0.4em;
}

#sidecontent .myspace{
	background-image:url(../images/gfx/myspace.png);
}
#sidecontent .facebook{
	background-image:url(../images/gfx/facebook.jpg);
}
#footer{
	background:url(../images/gfx/footer-background.jpg) 0 0 no-repeat;
	padding-top:1.5em;
	font-size:0.8em;
	text-align:center;
	overflow:hidden;
	margin-bottom:1em;
}

#footer li{
	display:inline;	
}
#footer .left{float:left}
#footer .right{float:right;margin-top:0;}
.edukaform{
	margin-bottom:1em;
}
.edukaform li{
	margin-left:0;

	list-style-type:none;
}
table td{border:#fff 1px solid;padding:0.2em;}
/* SUBNAV ---------------------*/
#subnav{
	border:1px solid #c1bfbd;
    background:url(../images/gfx/content2-background.png) 0 0;	
    overflow:hidden;
    padding:10px 5px;
	
}
#subnav li.current{
    width:100%;
    float:none;
    margin-bottom:0.5em;
    font-size:1.2em;
	color:#742678;

	
	
	
}
#subnav li{
    list-style:none;margin:0;
    float:left;
    width:32%;
    margin-left:0.2em;
}
#subnav li a{
    padding-left:1em;
    background:url(../images/gfx/orange-arrow.png) no-repeat 0 5px;
    text-decoration:none;
    color:#333;
    display:block;
    padding-right:0.2em;
}
.subnav-special{
	border:1px solid #c1bfbd;
	background:url(../images/gfx/content2-background.png) 0 0;	
	overflow:hidden;
	padding:5px;
}
.subnav-special li{margin:0;padding:0;list-style:none;}
.subnav-special li{float:left;width:49%;}
.subnav-special strong{display:block;}
.subnav-special li li{float:none;width:100%;}
.subnav-special a{
    padding-left:1em;
    background:url(../images/gfx/orange-arrow.png) no-repeat 0 5px;
    text-decoration:none;
    color:#333;
    display:block;
    padding-right:0.2em;
}

/* -- Accordion styles --  */
.pieces{
	border:1px solid #c1bfbd;
	margin-bottom:18px;width:200px;
	
}
.pieces h3{
	text-align:center;
	color:#231f20;
	padding:0.3em;
}
.pieces ul{
	padding:0.2em;
	font-size:0.9em;
	line-height:normal;
	margin:0;
	overflow:hidden;
}
.pieces li{
	padding:3px 0 3px 0;}
.pieces ul ul{
	font-size:1em;
}
.accordion1 li{
	list-style:none;
	margin:0;padding:0;
}
.accordion1 li li{
	list-style:disc;
	margin-left:2em;
}
.pieces span,.pieces .ui-state-active,.pieces li li,.accordion1 h3{
	background-position:0 6px ;
	background-repeat:no-repeat;
	background-color:transparent;
}
.pieces span,.accordion1 h3{
	display:block;
	padding:0 0.9em;
	margin-left:0.2em;
	background-image:url(../images/gfx/orange-arrow.gif);
	background-position:0 4px;	
}

.pieces .wrap,.accordion1 h3{
	cursor:pointer
}
.accordion1 p{
	margin-left:1em;
}
.pieces .ui-state-active,.pieces li li,.accordion1 h3{
	background-image:url(../images/gfx/purple-arrow.gif) ;
}
.accordion1 div{height:auto}
.accordion1 .ui-state-active {
	background-image:url(../images/gfx/purple-arrow-down.gif) ;
}
.pieces li li{
	padding:0 0.6em;
	margin-left:1em;
}
.internal{
	overflow:hidden;
	position:absolute;
	left:185px;
	bottom:0;	
}
.contacts{overflow:hidden;position:relative}
* html .contacts{height:1%}

.contacts .pieces,.internal .pieces{
	float:left;
	margin-right:1em;
	min-height:12em;	
}

.internal .pieces{
	width:190px;
	
}
.contacts .pieces{
	min-height:160px;
	padding-bottom:40px;
	width:190px;
}
.contacts p {
	margin:0;
	padding:0;
	position:absolute;
	bottom:30px;
	width:185px;
	padding-left:0.3em;
}
.more{
	margin:0;
	padding:0;
	padding-left:0.3em;
}
.pieces h4{color:#333;font-weight:bold;margin-bottom:0;padding-left:0.3em;}
/* use this class to make sure that images won't get iconized */

.imageLink {
	padding-right: 0px !important;
	background: none !important;
}

h3 em{
	text-decoration:underline;
	font-weight:bold;
	
}