/* Start of CMSMS style sheet 'Kanga Graphics' */
/* ---------------------------------------------------- IMAGES ------------------------------------------------- */

img {border:0;} 


/* ------------------------------------------------------ TEXT -------------------------------------------------- */

h5, p, div, table, input, select, label, li {font-size:1em;}
body {text-align:center;margin:5px auto;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:75%;color:#000000;}
.navbar h2 {padding:3px 0;margin:0;font-size:1.2em; font-weight:normal;letter-spacing:0.03em;line-height:1.4em;}
a {color:#274D74;text-decoration:underline;}
a:hover {text-decoration:none;}
h1 {font-size:13px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
.bold {font-weight:bold;}

p {margin:5px 0;letter-spacing:0.03em;line-height:1.4em;}
h1,h2,h3,h4,h5,h6{
margin-bottom: 0px;
padding-bottom: 0px;
}

#title {
	font-size: 24px;
}
.title {
	font-size: 24px;
	font-weight: bold;
}
price {
	font-size: 24px;
	color: #666;
}
#price {
	font-size: 18px;
	font-weight: bold;
	color: #666;
}

/* -------------------------------------------- TABLE BACKGROUNDS ---------------------------------------- */

td.bgproof{ 
background: url(http://www.kangagraphics.com.au/images/sidebar-proof-login.jpg); 
}
td.bgsidemenu{ 
background: url(http://www.kangagraphics.com.au/images/side-menu-bg.jpg); 
}
td.bghome{ 
background: url(http://www.kangagraphics.com.au/uploads/images/home-bg-pic.jpg); 
}

.tablebackgroundweather {
	background-image: url(uploads/images/localweather.gif);
	background-repeat: no-repeat;
}

table.zebra thead tr	{ background-color: #ccc; }
table.zebra tr.row1			{ background-color: #fff; }
table.zebra tr.row2		{ background-color: #efefef; }
table.zebra tr.row1hover		{ background-color: #999999; }
table.zebra tr.row2hover		{ background-color: #999999; }






/* ---------------------------------------------------- MENUS ------------------------------------------------- */


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


/* =============GENERAL INFO ============ */

.menu { 

	float:left;
	line-height:normal;
	padding-top: 0px;
	padding-left: 0px;
	height: 19px;
position:relative;
z-index:100;
border-right:0px solid #000;

}
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* keep the forth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul ul {visibility:hidden;}
/* make the forth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul{ visibility:visible;}

/* keep the fifth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul :hover ul ul {visibility:hidden;}
/* make the fifth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}

/* keep the sixth level hidden when you hover on first level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul ul {visibility:hidden;}
/* make the sixth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul :hover ul :hover ul{ visibility:visible;}



/* ============= TOP LEVEL ============ */

/* style the links for the top level */
.menu a {
	float:left;
	margin:0;
	padding:0.5px 5px 0.5px 5px;
	text-decoration:none;
	color: #86ACCE;
	font-size: 10px;
        display:block;
        height:19px;
        border:0px solid #000;
        border-width:0px 0 0px 0px;
        line-height:19px;
}

/* style the top level hover */
.menu li a:hover {background: #FFFFFF;
color: #000000;}
.menu li a.menuactive {background: #FFFFFF;
color: #000000;}

/* ============= SECOND LEVEL ============ */

/* style the second level links */
.menu ul ul a {background: #FFFFFF; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px; color: #000000;	filter:alpha(opacity=90);
	opacity:0.9;
}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}


/* style the second level hover */
.menu li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;	filter:alpha(opacity=100);
	opacity:1.0;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:19px;left:0; width:149px;border-top:1px solid #000;}

/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* ============= THIRD LEVEL =========== */

/* style the third level background */
.menu ul ul ul a {background:#FFFFFF;}

/* style the third level hover */
.menu li li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;border-top:1px solid #000;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}


/* ============= FORTH LEVEL =========== */

/* style the third level background */
.menu ul ul ul ul ul a, .menu ul ul ul ul a:visited {background:#FFFFFF;}

/* style the third level hover */
.menu li li li a:hover {background:#EAEAEA; color:#000000; border-bottom:1px solid #000000;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul ul ul {visibility:hidden;position:absolute;height:0;top:50px;left:0; width:149px;border-top:1px solid #000;}

/* position the third level flyout menu */
.menu ul ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul ul.left {left:-149px;}



#tabbed {
	float:left;
	line-height:normal;
	padding-top: 0px;
	padding-left: 0px;
	height: 19px;
}

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

#tabbed li {
	display:inline;
	height: 19px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}


#tabbed li a {
	float:left;
	margin:0;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	color: #86ACCE;
	font-size: 10px;
}	
	
#tabbed li a:hover {
background: #FFFFFF;
color: #000000;

}

#tabbed li a.menuactive {
background: #FFFFFF;
color: #000000;

}



  


#sub-menu {
	padding-top: 10px;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-bottom: 5px;
	}
#sub-menu ul {
        margin:0px;
        padding:8px;
	display: block;
	width: 110px;
	
	}

#sub-menu li {
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 130px;
	}

#sub-menu li a {
	color: #000000;
	text-decoration: none;
	margin-left: 0px;
}	
	
#sub-menu li a:hover {
	color: #FFFFFF
	text-decoration: none;
	margin-left: 0px;

}

#sub-menu li a.menuactive {
	color: #FFFFFF
	text-decoration: none;
	margin-left: 0px;

}



#sub-menu2 {
	padding-top: 10px;
	padding-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #002341;
	padding-bottom: 5px;
        font-weight: normal;
	}
#sub-menu2 ul {
        margin:0px;
       padding-left: 20px;
        
	display: block;
	width: 140px;
	
	}

#sub-menu2 ul li:before {
	content: "\00BB \0020";

	}
      
 #sub-menu2 li ul {
	font-size: 90%;
	font-weight: normal;
	}

#sub-menu2 li {
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 250px;
	}

#sub-menu2 a {
	color: #002341;
	text-decoration: none;
	margin-left: 0px;
	}

#sub-menu2 a.current {
	color: #CB231F;
	text-decoration: none;
	margin-left: 0px;
	}

#sub-menu2 a:hover {
	color: #4E5836;
	text-decoration: underline;
	}
#sub-menu2 a.current {
	color: #CB231F;
	text-decoration: none;
	margin-left: 0px;
	}

#sub-menu2 a:hover {
	color: #4E5836;
	text-decoration: underline;
	}

textarea#m3input_description {
	width: 600px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url();
	background-position: bottom right;
	background-repeat: no-repeat;
}
#myframe { height: 600px; }

#blue {
	
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-bottom: 5px;
	}

#blue ul{ margin:0; padding:0; list-style-type:none; display: block; width: 100%;}       

#blue a{ display: block;}
	

#blue ul li {position:relative; float:left; border-top:4px solid #005081; margin-right: 3px; margin-top: 3px; padding-left: 8px; padding-top: 7px; padding-bottom: 7px;background: #999999; width: 31.1%; list-style-type: none;}



#blue ul li:hover { border-top:4px solid #003859; background: #B0B0B0;}


/* ----------------------------------------------- IMAGE GALLERY -------------------------------------------- */

/* Image Gallery - Small Thumbnail Images */
	.thumb {
		margin: 2em 11em 0em 0; /* Space between images */
		padding: 2;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Set link formatting*/

		display: inline;
		padding: 0px; /* Image padding to form photo frame */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 0px solid #eee; /* Borders of photo frame */
		border-right: 0px solid #ccc;
		border-bottom: 0px solid #ccc;
		border-left: 0px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /*Background of photo on hover - sort of a light grey */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /*Background of photo on hover - sort of light blue/green */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
		width: 124px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}


	/* Image Gallery - Big Images */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /*Big Image Name - above image above .bigpicImageFileName (Without extension) */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		/* display: none;  if you do not want to display this text */
	}

	.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
			height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
		/* display: none;  if you do not want to display this text. Why? You Lose Navigation! */
	}

/* ------------------------------------------------ NEWS MODULE --------------------------------------------- */

div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/

.domain-register {
	background-image: url(uploads/template/Domain%20Names/registration.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	vertical-align: middle;
		height: 75px;

}
.domain-prices {
	background-image: url(uploads/template/Domain%20Names/prices.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	height: 39px;
}
.domain-manage {
	background-image: url(uploads/template/Domain%20Names/manage.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	height: 125px;
width: 363px;
}
.domain-whois {
	background-image: url(uploads/template/Domain%20Names/whois.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
	font-style: normal;
	font-weight: bold;
	height: 39px;
width: 100%;
}
/* End of 'Kanga Graphics' */