/* ---------------------------------------------------------------------------- */
/*                                                                              */
/* ineke-style.css                                                              */
/* copyright © Iain Fisher 2012                                          */
/*                                                                              */
/* ---------------------------------------------------------------------------- */




<style type= "text/css" media="all">

body {
background-color: blue;
}

h1 {
color:       "8080c0";
font-size:   "48";
text-align:  center;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

h2 {
color:       "8080c0";
font-size:   large;
text-align:  center;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

h3 {
color:       8080c0;
font-size:   medium;
text-align:  center;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

h4 {
color:       8080c0;
font-size:   small;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

h5 {
color:       8080c0;
font-size:   12;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
text-align:  center;
}

h6 {
color:       red;
font-size:   12;
font-family: Verdana, Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
text-align:  left;
}


p {
color:       black;
font-size:   small;
font-weight: bold;
text-align:  left;
font-family: Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

p2 {
color:       black;
font-size:   small;
font-weight: bold;
text-align:  right;
font-family: Garamond, "Palatino Linotype", Palatino, Arial, sans-serif;
}

/* ---------------------------------------------------------------------------- */
/*                                                                              */
/* links                                                                        */
/*                                                                              */
/* ---------------------------------------------------------------------------- */


a:link, a:visited {
text-decoration: none;
}

a:hover, a:active {
text-decoration: none;
}

a:link    {color:black;}   /* unvisited link  */
a:visited {color:blue;}    /* visited link    */
a:hover   {color:red;}     /* mouse over link */
a:active  {color:#0000FF;} /* selected link   */ 

/* ---------------------------------------------------------------------------- */
/*                                                                              */
/* tables                                                                       */
/*                                                                              */
/* ---------------------------------------------------------------------------- */


#table-text-image {
margin: 1px;
text-align: center;
border-collapse: collapse;
}
 
#table-text-image th {
text-align: center;
padding: 8px;
border-top: 0px none;
border-bottom: 0px none; 
}

#table-text-image td {
padding: 8px;
border-bottom: 0px none;
border-top: 0px none;
}

/* ---------------------------------------------------------------------------- */
/*                                                                              */
/* page layout                                                                  */
/*                                                                              */
/* ---------------------------------------------------------------------------- */




#container
{
	margin: 0 auto;
	width: 900px;
	background: #fff;
}

#header
{
	background: #ccc;
	padding: 20px;
}

#header h1 { margin: 0; }

#navigation
{
	float: left;
	width: 900px;
	background: #333;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navigation li a:hover { background: #383; }

#content-container
{
	float: left;
	width: 900px;
}

#content
{
	clear: left;
	float: left;
	width: 550px;
	padding: 20px 0;
	margin: 0 0 0 30px;
	display: inline;
}

#content h2 { margin: 0; }

#right-section
{
	float: right;
	width: 280px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
	background: #ccc;
}

#right-section-2
{
	float: right;
	width: 280px;
	padding: 5px 5px;
	margin: 0 20px 0 0;
	display: inline;
	background: #ccc;
}


#aside h3 { margin: 0; }

#footer
{
	clear: both;
	background: #ccc;
	text-align: right;
	padding: 20px;
	height: 1%;
}

</style>