/*	=============================================================================================
	Author	:	James G Tank
	Email	:	james.tank@jamestank.com
	Website	:	http://www.jamestank.com/
	
	colors in use:
		87778a : lighter mutted purple
		43165e : dark purple
		ddc6e4 : mid-tone purple for highlighting navigation
		fafafa : light grey for navigation
		555555 : 
		cc0000 : red for error indicators
	============================================================================================= */

*	{
	border:0;
	margin:0;
	padding:0;
	}

a	{
	color:#00f;
	text-decoration:none;
	}

a:hover {
	color:#00f;
	text-decoration:underline;
	}
  
.error {
	font-weight: bold;
	color: #C00
	}

/*	=============================================================================================
	The following markup provides a centered visual formating model with a width of 750px and
	three rows where the second row contains two columns. The html document should contain four
	equal divisions with the names indicted.
	============================================================================================= */
	
body {
	width:750px;
	margin: auto;
	}
	
#header {
	width:750px;
	margin: 20px auto 5px auto;
	}
	
#left_column {
	float: left;
	width:150px;
	margin: 5px auto;
	}	

#right_column {
	float: right;
	width:585px;
	margin: 5px auto;
	}	

#footer {
	width:750px;
	margin: 20px auto;
	clear: both;
	}
	
/*	=============================================================================================
	body
	============================================================================================= */

body {
	color: #666666;
	font:0.8em Arial, Helvetica, "bitstream vera sans", sans-serif;
	}

/*	=============================================================================================
	header	============================================================================================= */

#header h1 {
	color:#43165e;
	font-size:225%;
	letter-spacing:-0.5px;
	text-align:right;
	}

#header h2 {
	color:#87778a;
	font-size:110%;
	letter-spacing:-0.2px;
	text-align:right;
	padding-bottom: 10px;
	}

/*	=============================================================================================
	navigation	============================================================================================= */

#navigation {
	background:#fafafa;
	border-top:1px solid #43165e;
	border-left:1px solid #43165e;
	border-bottom:1px solid #43165e;
	width:750px;
	height:35px;
	}

#navigation li {
	border-right:1px solid #43165e;
	float:left;
	width:149px;
	list-style:none;
	}

#navigation a {
	display:block;
	line-height:35px;
	color:#87778a;
	text-align:center;
	}

#navigation a:hover {
	background:#ddc6e4;
	color:#43165e;
	text-decoration:none;
	}

/*	=============================================================================================
	left_column
	============================================================================================= */

#left_column p {
	font-size:0.8em;
	padding:5px 0;
	}
	
/*	=============================================================================================
	content
	============================================================================================= */

#right_column h1 {
	border-bottom:1px solid #43165e;
	color:#43165e;
	font-size:175%;
	margin: auto auto 5px auto;
	}

#right_column h2 {
	color:#43165e;
	font-size:125%;
	clear: both;
	}

#right_column p {
	margin: 0.5em auto 0.5em auto;
	}
	
#right_column ul {
	margin: 0.5em auto 0.5em 20px;
	}
	
#right_column img {
	float: right;
	margin: auto auto 10px 10px;
	}
	
#right_column table {
		margin:2px 10px 2px 10px;
	}

#right_column td {
		vertical-align: top;
		min-width: 100px;
	}

/*	=============================================================================================
	footer
	============================================================================================= */

#footer {
	border-top:1px solid #43165e;
	font-size:0.85em;
	text-align:center;
	}