body		{
			margin:0%;
			padding:0%;
			color:#666666;
			background-color:#ffffff;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			font-weight: normal;
		}

#outer 		{
			width: 820px;
			margin: 0 auto;
			background-color: #FFFFFF;
			text-align: left;
		}
		
#masthead	{
			font-size:2em;
			color:#000000;
			background-color:#ffffff;
			/*background-color:#cac9c8;*/
			/*padding:0.5em;*/
			margin-left: 0.5em;
			margin-top:  0.5em;
			text-align:left;
		}

#right
		{
			float:right;
			width:18%;
			height:auto;
			margin-left:0%;
			color:#3179ac;
			/*background: url(images/faux_right_silver.gif);*/
			background-color:#ffffff;
		}

#mainText	{
			margin:3% 3% 0 3%;
		}

#footer		{
			padding: .5em 1em;
			border-top: 1px solid #999;
			text-align: right;
			text-align:center;
			font-size:smaller;
			background-color:#bbbbdd;
		}
		
h1		{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12pt; 
			font-weight: bold;
			color:#000088;
			background-color:#ddddff;
		}

h1#error	{
			background-color:#ff8888;
		}

h1#verification	{
			background-color:#aaffaa;
		}

.dotted { border-bottom:dotted 1px #000000;}

a		{
			text-decoration:none;
			color:#5159ac;
			font-weight:bold;
		}
		
a:hover		{
			color:grey;
		}

#sidepanel 	{
			width: 16em;
			padding: 0 0 1em 0;
			margin-bottom: 1em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			background-color: #ffffff;
			color: #333;
		}

#button ul
		{
			list-style: none;
			margin-left: 20px;
			padding: 0;
			border: none;
		}
		
#button li	{
			border-bottom: 1px solid #ffffff;
			margin: 0;
		}

#button li a	{
			display: block;
			padding: 5px 5px 5px 0.5em;
			border-left: 5px solid #330099;
			border-right: 5px solid #7700dd;
			background-color: #5500bb;
			color: #fff;
			text-decoration: none;
			width: 100%;
			font-size: 1em;
			font-weight: lighter;
		}

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

#button li a:hover {
			border-left: 5px solid #5500bb;
			border-right: 5px solid #9900ff;
			background-color: #7700dd;
			color: #fff;
		}


/* Mainly blog navigation */
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 20px;
}

/* Snazzy contents from Stu Nichols */
.xsnazzy h1, .xsnazzy h2, .xsnazzy p { margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 { font-size:2.5em; color:#fc0;}
.xsnazzy h2 { font-size:2em; color:#234; border:0;}
.xsnazzy p { padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 { padding-top:0.5em; padding-left:10px;}
.xsnazzy { background: transparent; margin:1em;}

.xsnazzy em { display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #8888ff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em { width:24px; height:12px; width:0; height:0;}
.xsnazzy span { display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #8888ff; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span { width:20px; height:10px; width:0; height:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 { height:1px;}
.xb4, .xb5, .xb6, .xb7 { background:#ccc; border-left:1px solid #8888ff; border-right:1px solid #8888ff;}

/* Three layers on the top and bottom of the speech bubble */
.xb1 { margin:0 8px; background:#8888ff;}
.xb2 { margin:0 6px; background:#8888ff;}
.xb3 { margin:0 4px; background:#8888ff;}

/* Internal bits */
.xb4 { margin:0 3px; background:#ccccff; border-width:0 5px;}
.xb5 { margin:0 2px; background:#ccccff; border-width:0 4px;}
.xb6 { margin:0 2px; background:#ccccff; border-width:0 3px;}
.xb7 { margin:0 1px; background:#ccccff; border-width:0 3px; height:2px;}

.xboxcontent { display:block; background:#ccccff; border:3px solid #8888ff; border-width:0 3px; }
.xboxcontent p { color: #000066; }

/* Buttons from http://www.jankoatwarpspeed.com */
a.button
{ 
  /* Sliding right image */
  background: transparent url('/images/buttons/button_right.png') no-repeat scroll top right; 
  display: block;
  float: left;
  height: 32px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin-right: 6px;
  padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
  /* FONT PROPERTIES */
  text-decoration: none;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

a.button span
{ 
  /* Background left image */ 
  background: transparent url('/images/buttons/button_left.png') no-repeat; 
  display: block;
  line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
  padding: 7px 0 5px 18px;
}               

a.button:hover span
{ 
  text-decoration:underline;
}