/* ********************************
Assist You Website (c) 2006
css by jade-design.co.nz
******************************** */

/* ********************************
	HTML Tags
******************************** */

* { 
	margin:0; 
	padding:0; 
}
body,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #CCCCCC;
	background-position: center;
}

h1 {
	font-size: medium;
	color: #000000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}
h2 {
	font-size: medium;
	color: #000000;
	font-weight: normal;
}
h3 {
	font-size: xx-small;
	color: #000000;
}

h4 {
	font-size: x-small;
	color: #000000;
	font-weight: bold;
}

h5 {
	font-size: small;
	color: #000000;
	font-weight: bold;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #333333;	
}

.workshop {color: #000066;font-weight: bold;}

hr {
	border-top: 1px dashed #000000;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0 0 3em;
	font-size: 1px;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.better{
font-size:medium;
font-weight:bold;
color:#000000;
}

.smarter{
font-size:medium;
font-weight:bold;
color:#990000;
}

a:link {
	color: #CC0000;
}
a:visited {
	color: #CC0000;
}
a:hover {
	color: #999999;
}
a:active {
	color: #CC0000;
}

p {
	padding-bottom: 10px;
}


/* ********************************
	Layout tags
******************************** */

#container {
	padding: 0px 0px 0px;
	width: 740px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CC0000;
	border-left-color: #CC0000;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #FFFFFF;
	background-image: url(images/bg_06.gif);
	background-repeat: repeat-y;
}

#errorcontainer{width:740px;overflow:hidden;margin-right:auto;margin-left:auto;position:relative;text-align:left;border-right-style:solid;border-left-style:solid;border-right-color:#C00;border-left-color:#C00;border-right-width:1px;border-left-width:1px;background-color:#FFF;padding:0;}

#wrapper { 
	overflow:hidden; 
}

#header {
	background: #ffffff;
}

#tagline {
	background-color: #CC0000;
	background-position: left;
	text-align: right;
	vertical-align: text-bottom;
	float: right;
	width: 740px;
	height: 1em;
}

#bannerpic {
	background-color: #ffffff;
	background-position: center;
	float: right;
	background-image: url(images/homeheader_03.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 92px;
	width: 740px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
}

.border{
	border: 1px solid #000000;	
}

.borderGrey{
	border: 1px solid #CCCCCC;	
}

.greyTab{
	border: 1px solid #CCCCCC;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
}
.vdate{
	font-size: x-small;
}

/* ********************************
	Navigation Column
******************************** */
#leftSide {
	float:left;
	width: 130px;
	height: auto;
	border: 0px solid #FF00FF;
}

.column{
	padding:1em;
}

#button {
	border-right: 0px none;
	padding: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: small;
	font-weight: bold;
}

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

#button li a {
	display: block;
	padding:6px 0px 6px 0px;
	color: #CC0000;
	text-decoration: none;
	width: 100%;
	text-indent: 0em;
	margin-right: 0em;
	margin-left: 0em;
	list-style: none;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
	color: #000000;
}

#button a.selected {
	color: #000000;
	}
#links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 108px;
	border: 1px solid #CCCCCC;
	padding:.5em;
}



/* ********************************
	Ezine Form
******************************** */
#ezinelrg{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 300px;
	border: 1px solid #CCCCCC;
	padding: 3em;
}

#ezinethanx{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 300px;
	border: 1px solid #CCCCCC;
	padding: 3em;
}

#loginbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 300px;
	border: 1px solid #CCCCCC;
	padding: 3em;
}

#incorrectbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 300px;
	border: 1px solid #CCCCCC;
	padding: 3em;
}

.admin{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 80%;
	border: 1px solid #CCCCCC;
	padding: 3em;
}

#ezine{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 110px;
	border: 1px solid #CCCCCC;
	padding: .5em;
}


/* ********************************
	Center content
******************************** */
#centerContent {
	float: left;
	width: 54%;
	margin: auto;
	border: 0px solid #00FF00;
}

.columncenter{
	padding:1em;
}
.tdpad{
	padding: 1em;
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
}

.backto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-align: right;
}

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

#before li{
		display: block;
	list-style: none;
}
#before {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}


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

#after li{
		display: block;
	list-style: none;
}

#after {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.msoffice{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;
}

#officeqtips, #computershortcut, #organized, .topborder, .success{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}

/* ********************************
	Right Column
******************************** */
#rightSide {
	float: right;
	width: 120px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;

	font-weight: normal;
	text-align: left;
	padding-top: 20px;
	border: 0px solid #0000FF;
	padding:1.5em;
}

.columnright{
	padding:1.5em;
}

.success{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
}

#choice{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-image: url(images/greybg.gif);
	background-repeat: repeat;
	height: auto;
	width: 105px;
	border: 1px solid #CCCCCC;
	padding: .5em;
	font-style: normal;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
}
.noilatic{
	font-style: normal;	
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}
.address{
	font-style: normal;	
}
/* ********************************
	Footer
******************************** */
#footer {
	clear:both;
	width: 740px;
}

#ads {
	clear:both;
	background: #FFFFFF;
	width: 740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CC0000;
	border-right: 0px none;
	border-left: 0px none;
	float: left;
}

#address {
	clear:both;
	background: #FFFFFF;
	width: 740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #CC0000;
	border-right: 0px none;
	border-bottom: 1px solid #CC0000;
	border-left: 0px none;
	font-weight: bold;
	text-align: center;
}

#copyrite {
	clear:both;
	background: #CC0000;
	width: 740px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #ffffff;
	border-top: 1px solid #CC0000;
	border-right: 0px none;
	border-bottom: 1px solid #CC0000;
	border-left: 0px none;
	font-weight: normal;
	text-align: center;
}


li {
	display: list-item;
}