/* ----- Structure and Layout ----- */

body {
	text-align : center;
	background-color: #cc99ff;
	min-width : 820px ;
	}

#wrapper {
	width : 820px;
	text-align : left ;
	margin-left : auto ;
	margin-right : auto ;

/* ----- Header----- */	}

#header {
	padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: right;
        background: #9966ff;
        border-bottom:1px solid #ffffff;
	}

#maincontainer {
	float: left;
	width : 820px;
	background-color: #ffffff;
	}

#padding {
	clear: both;
	padding: 10px 0 0 0;
	}

#content {
	float: left;
	width: 800px;
	padding: 0px 5px 10px 5px;
	}

/* ----- Navigation bar ----- */

#navbar {
	padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: left;
        background: #9966ff;
        border-bottom:5px solid #ffffff;
	}

/* ----- Columns ----- */

#leftcontent {
		float:left;
		width:40%;
                text-align:left
		background:#ffffff;
		border-right:0px solid #000000;
		border-bottom:0px solid #000000;
		margin-right:20px;
		padding-left:20px;
		padding-right:0px;
		padding-bottom:0px;
		}

#rightcontent {
		background:#ffffff;
		}

/* ----- Clear liners ----- */

#liner {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}

#liner2 {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}

#liner3 {
	text-align:left;
	clear:both;
	font-size: 1.0em;
	color: #000000;
	}
	

/* ----- Typography ----- */

body {
	font: small Comic Sans MS, Sans-serif;
	line-height: 1.6em;
	color: #000000;
	}

h1 {
	padding-top: 10px;
	font-size: 2.0em;
	color:#000066
	}
h2 {

	font-size: 1.2em;
	color:#000066
	}

h3 {
	padding-top: 10px;
	font-size: 1.2em;
	color:#000000
	}
h4 {
	padding-top: 10px;
	font-size: 1em;
	color:#000066
	}


h5 {
	font-size: 1em;
	font-style:italic;
	color: #000000;
	}


/* ----- Links ----- */

.class1 a:link {color:#ffffff; text-decoration: none;}
.class1 a:visited {color:#ffffff; text-decoration: none;}
.class1 a:active {color: #99ffff; text-decoration: none;}
.class1 a:hover {color: #99ffff; text-decoration: underline;}

.class2 a:link {text-decoration: none;}
.class2 a:visited {text-decoration: none;}
.class2 a:active {text-decoration: none;}
.class2 a:hover {color:#ff00ff; text-decoration: underline;}

/* ------ Footer ----- */

#footer {
	text-align: center;
	clear:both;
	font-size: .8em;
	color: #000000;
	}