HTML, table
{
font-size: 12px;
font-family: Verdana, Helvetica;
color: #232323;
}

BODY
{
background-color: #CCCCCC;
background-image:url(http://www.creativemastery.com.au/creative/images/background.gif);
}


a				{ color: #003399; text-decoration: none; }
a:active		{ color: #003399; text-decoration: none; }
a:visited		{ color: #4569AF; text-decoration: none; }
a:hover			{ color: #003399; text-decoration: underline; }

hr.orange {
	border: 0;
	color: #FF6600; /*#FFB380;*/
	background-color: #FF6600; /*#FFB380;*/
	height: 2px;
}

#BiteSize, #BiteSize table {
	color: #FF6600;
}

#BiteSize a				{ color: #FF6600; text-decoration: none; }
#BiteSize a:active		{ color: #FF6600; text-decoration: none; }
#BiteSize a:visited		{ color: #FF6600; text-decoration: none; }
#BiteSize a:hover			{ color: #FF6600; text-decoration: underline; }

#BiteSize a.downloadlink 				{ color: #003399; text-decoration: none; }
#BiteSize a.downloadlink:active		{ color: #003399; text-decoration: none; }
#BiteSize a.downloadlink:visited		{ color: #4569AF; text-decoration: none; }
#BiteSize a.downloadlink:hover			{ color: #003399; text-decoration: underline; }

#BiteSize li {
	list-style-image: url(/images/bullet_orange.gif);

	/*float:left;*/
	margin-left: 2em;
}

#BiteSize .GreyBox {
	background-color: #ECECEC;
	float: right;
	margin-left: 0px;
}

#BiteSize .GreyBox ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#BiteSize .GreyBox li {
	margin-left: -20px;
}

#BiteSize .BiteSizeTitle
{
	font-size:30px; 
	font-family: arial, verdana; 
	/*color:#808080;*/
	/*font-weight:bold;*/
}

#BiteSize .BiteSizeTitleSmall
{
	font-size:15px; 
	font-family: arial, verdana; 
	/*color:#808080;*/
}

#BiteSize .SectionTitle
{
	font-size:16px; 
	font-family: verdana, arial; 
	color:#FF6600;
	font-weight:bold;
}

h2{
	font-size:16px; 
	font-family: verdana, arial; 
	color:#000000;
	font-weight:bold;
	margin:0px;
}

#BiteSize .SectionSubTitle
{
	font-size:14px; 
	font-family: verdana, arial; 
	color:#FF6600;
	font-weight:bold;
}
h1{
	font-size:14px; 
	font-family: verdana, arial; 
	color: #000000;
	font-weight:bold;
	margin:0px;
}
h3{
	font-size:12px; 
	font-family: verdana, arial; 
	color: #000000;
	font-weight:bold;
	margin:0px;
	}
	
.OverallBox
{
border: 1px solid #999999; 
background-image:url(http://www.creativemastery.com.au/creative/images/back3.jpg);
font-size: 12px;
font-family: Verdana, Helvetica;
color: #232323;
}

.TileBox
{
border-top: 1px solid #FFFFFF; 
border-left: 1px solid #FFFFFF; 
border-right: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC; 
background-color: #EFEFEF;
}

.ContentBox
{
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC; 
border-right: 1px solid #CCCCCC; 
border-bottom: 1px solid #CCCCCC; 
background-color: #FFFFFF; /*#EAEAEA; */
font-size:12px; 
font-family: verdana, arial; 
color:#232323;
padding: 10px 10px 10px 10px;
}

.TableData
{
	border: 1px solid #000000;
	font-size:12px; 
	font-family: verdana, arial; 
}

.TableData th
{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size:12px; 
	font-family: verdana, arial; 
}

.TableData td
{
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size:12px; 
	font-family: verdana, arial; 
}


.QuizData
{
	font-size:11px; 
	font-family: verdana, arial; 
	
}

.QuizData td
{
	vertical-align: top;
	
}


.SectionTitle
{
	font-size:16px; 
	font-family: verdana, arial; 
	color:#232323;
	font-weight:bold;
}

.SectionSubTitle
{
	font-size:14px; 
	font-family: verdana, arial; 
	color:#232323;
	font-weight:bold;
}

.FooterText
{
	font-size:10px; 
	font-family: verdana, arial; 
	color:#5E5E5E;
}

.FooterText a	{ color: #4C68A2; text-decoration: none; }
.FooterText a:active		{ color: #4C68A2; text-decoration: none; }
.FooterText a:visited		{ color: #4C68A2; text-decoration: none; }
.FooterText a:hover		{ color: #4C68A2; text-decoration: underline; }


.QuoteText /* Famous quotes */
{
	font-size:12px; 
	font-family: verdana, arial; 
	color:#3E3D66;
}



/**************** menu coding *****************/
#menu {
width: 12em;
/*background: #E3E3E3;*/
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu .MenuItem a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 3px 3px;
color: #000;
background: #efefef;
text-decoration: none;
}

#menu .MenuHeader a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 3px;
color: #000;
border-width: 0px;
border-style: solid;
border-color: #E3E3E3;
text-decoration: none;
}

#menu .MenuHeader a:hover {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 3px 3px;
color: #000;
border-width: 0px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}