@charset "UTF-8";
/* CSS Document */

#side_menu {
width:200px; margin:0 0 0 0; float:left;
}

#side_menu ul {
list-style:none; margin:0 0 0 -20px; display:block;
li
}

#side_menu li {
padding:5px 0 7px 5px;
background-color:rgb(77,33,119);
margin-bottom:2px;
width:195px;
margin-left:-20px;
*margin-left:0;
}

#side_menu li:hover {
background-color:#999999;
}
 #side_menu .steps_li {
padding:5px 0 5px 5px;
background-color:rgb(113,77,146);
margin-bottom:2px;
width:195px;
margin-left:-20px;
*margin-left:0;
font-size:80%;
}

#side_menu a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
display:block;
width:195px;
}

#side_menu a:hover {
text-decoration:underline;
}
/* brand sub menu colours*/
#side_menu .brand_sub {
background:#714d92;
color:#FFFFFF;
}

#side_menu .brand_subl2 {
background:#947aad;
color:#FFFFFF;
}

#side_menu .brand_subl3 {
background:#b8a6c9;
color:#FFFFFF;
}

/* brand tools menu colours*/

#side_menu .tool_sub {
background:#9db53e;
color:#FFFFFF;
}

#side_menu .tool_subl2 {
background:#b6c76d;
color:#FFFFFF;
}

#side_menu .tool {
background:rgb(134,162,11);
color:#FFFFFF;}

/* multimedia sub menu colours*/

#side_menu .multi {
background:#880265;
color:#FFFFFF;}

#side_menu .multi_sub {
background:#91255f;
color:#FFFFFF;
}

#side_menu .beaver {
background:#0099cc;
color:#FFFFFF;
}

#side_menu .cub {
background:#328a20;
color:#FFFFFF;
}

#content {
width:445px; margin:0 20px 0 0; float:right;
}

#top_banner {
margin-bottom:20px;
 }
 
h2 {
margin-top:0;
}

#step_content {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
padding:3px;
}

#step_content h3{
margin-top:0; 
margin-bottom:5px;
}
      
#step_content a{
text-decoration:none;
}

#step_content a{
text-decoration:underline;
}
     
.multimedi_centre {
background:transparent url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -126px;
color:#FFFFFF;
font-size:1.3em;
padding:6px 6px 3px 15px;
font-weight:bold;
width:275px;
}

.tools_resources {
background:transparent url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -43px;
background-color:rgb(134,162,11);
color:#FFFFFF;
font-size:1.3em;
padding:6px 6px 4px 15px;
font-weight:bold;
width:275px;
}

.brand_awarness {
background:transparent url(/images/gradient/grad_w_corn.jpg) no-repeat scroll left -465px;
color:#FFFFFF;
font-size:1.3em;
padding:6px 6px 3px 15px;
*padding:12px 12px 6px 15px;
font-weight:bold;
width:275px;}

#top_menu {
margin-top:40px; 
float:right;
}

#top_menu ul {
display:inline;
list-style:none;
}

#top_menu li {
display:inline;
}

#top_menu a {
color:#FFFFFF;
text-decoration:none;
}

input.username
	{
		width: 100px;
		background: #FFF;
		border: 1px solid #99CC00;
		font-size: 0.8em;
		margin: 0 0 5px 0;
	}


input.password
	{
		width: 100px;
		background-color: #FFF;
		border: 1px solid #99CC00;
		font-size: 0.8em;
		margin: 0 0 10px 5px;
	}


#login-errors
	{
		float: left;
		margin: 0 0 0 50px;
		color: #F00;
		text-align: center;
	}


#login-errors a
	{
		color: #F00;
	}	


 #login_form
	{
		float: right;
		width: 450px;
		text-align:right;
	}


#login-prompts
	{
		font-size: 0.8em;
		text-align: right;
		margin: -2px 0 0 0;
		color: #999;
	}


#login-prompts a
	{
		color:#333333;
	}
	
	
#login-prompts a.register
	{
		color: rgb(77,33,119);
	}

/*Broke the Banner*/

/*html>body #banner
	{
  		width: 65px;
	}*/
	
	
	/* Top Menu */
	
#top-menu
	{
		margin: -5px 0 5px 0;
		padding: 5px 0 2px 5px;
		width: auto;
		height: 25px;
		text-align: right;
		color: #4D1979;
		background-color: #FFF;
		font-size: .85em;
		border-bottom: 1px solid #baa3e2;
		*margin: 0 0 5px 0;
		*overflow:hidden;
		
	
	}


#mini_menu .title
	{
		font-size: 0.8em;
		color: red;
		font-weight: bold;
	}
	
#mini_menu ul
	{
		margin-top: 0px;
		padding-top:3px;
		width: 75%;
		float: right;
	}

	
#mini_menu ul li
	{
		display: inline;
		padding-right: 8px;
		font-size: 0.8em;
	}
	
	
#mini_menu ul li a
	{
		color: #4D1979;
	}
	
	
#mini_menu ul li a:hover
	{
		text-decoration: none;
	}



#content {
width:760;
margin: 0 0 0 20px;
}



/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
}

#simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
text-align: left;
padding: 2px 5px;
}