/*-----------------------------------------------------------------------------
Sounion Designs Style Sheet 

version:   1.0
author:    dd@sounion designs
email:     webmaster@souniondesigns.com
website:   http://www.souniondesigns.com/
updated:  01-12-2008
revision history:
01122008:  added gradient image border
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
/* Zero down margin and padding on all elements */
/*
* {
  margin: 0;
  padding: 0;
}
*/

/* styles */
body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  text-align: center; 
  background-color: #ffffff;
  margin: 0;
}
body {
  text-align: center; 
/*  min-width: 800px;*/
/*  min-width: 80em;*/
max-width: 1000px;
min-width: 780px;
/*width:78em;*/
}

body{
	font-size: 0.9em;
	line-height: 1.1em;
	color: #000000;
}
#wrapper{background-color: #cccccc;
/*  border-left: 11px solid #666666;*/
/*  border-top: 7px solid #666666;*/
  position: relative;
/*  width: 780px;*/
  width:90%; 
  margin: 0 auto;
  text-align: left;
  overflow:auto;  /*  to clear the floats  */
  }

/* ***********/
#img_wrapper {/*border-left: 11px solid #666666;/**/
background: url(../images/border_left.gif) repeat-y left;/**/
}


/* Add some padding 
================================== */
/* Put padding  back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

h4 {
	font-family: Verdana, sans-serif, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode";
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	font-variant: normal;
}


/*p, li {
  font-size: 1.2em;
}*/

h1, h2, p {
  margin: 1em 0;
  color: #000099;    /*  added 1-9-2008  */  
}

#branding h1 {
  margin: 0;
}
/* =====  */

h1 {
  margin: 0;
  position:  absolute;
  top:  8px;
  left:  63px;
  width: 760px;
  height: 125px;
/*  background-color:#b0b0b0;*/
/*  border:2px dashed blue;*/
  background:  url(../images/sounion_heading-web2.gif) no-repeat;
  text-indent:  -9999px;
}

h1 a{
  display: block;
  height: 121px;
/*  width:760px;*/
  background:  url(../images/sounion_heading-web2.gif) no-repeat;
/*  border:5px dotted white;*/
    }
#branding {
  height: 135px;
  padding: 0;
/*  background-color:#b0b0b0;*/
/*  background-color:#ffffff/*#999999;*/
/*  padding: 3em; 
  padding: 0px;*/
/*  padding:1.4em 0 0 0;*/
/*  border: 1px dashed green;*/
}
/* ************* */
#img_branding {/*background-color:#CCCCCC;*/
/*  border-top: 7px solid #666666;*/
  position:  relative;
  width:  99%;  /*  reduct width to allow for left offset  */
  left:  9px;
background: url(../images/border_top.gif) repeat-x top;/**/}


/*  */
#content{ width:780px/*80%*/; background-color:#FF00FF; margin: 0;}
#content1{position:relative; float:right; width: 24%;/*165px;*/ /*background-color:#CCFFFF;*/} /*  is Nav */
#content2{position:relative; float:left; width:77%;/*590px;*/ margin: 5px 0 0; /*background-color: #cccccc;*/ overflow: auto;}
#content2_1{position:relative; float:right; width:68%;/*370px;*/ height: 80%; 
border-left: 1px solid #666666; border-right: 4px solid #666666; border-bottom: 5px solid #666666; 
padding: 0 0.3em 0; background-color: #ffffff; 
overflow: auto;}
#content2_2{position:relative; float:left; width:27%;/*205px;*/ /*background-color: #ffffff;*/ overflow:none;}
/*div#content2_2 { background-color: #ffffff;}*/

#content2 p {margin-left: 0.3em; margin-right: 0.3em;}
#content2_1 h4 {font-style:italic; font-weight:bold;}

/* =Main Nav
-----------------------------------------------------------------------------*/

#mainNav, #subNav {
  list-style: none;
/*  background-color:#ffffff;*/
}
#Nav { position: relative;  width: 20%;/*165px;*/
/*border: 1px dashed red;*/
margin: 2.4em 0 0 0.3em; 
  float: right;
  overflow: auto; 
}

#mainNav, #subNav {
/*border-left: 1px dotted #3333cc;*/
font-size:0.85em;
line-height: 1em;
  width: 98%;/*161px;*/
  float: left;
  overflow: auto;
  margin: 0;
  padding: 0.5em 0 0.3em 0.1em;
/*  padding: 0;*/
}

ul {margin:0; padding: 0; list-style: none; width:12.2em; color:#000000; /*border: 0.05em dotted black;*/}
ul li{line-height:1em; margin:0; /*border: 0.05em dotted green;*/}
ul ul {padding: 0 0 0 0.6em; margin:0; font-style:normal; /*border: 0.05em dotted blue;*/}
.li_heading {color:#3333CC; font-style:italic;}

ol {list-style-type:circle; list-style-position:outside; margin-left:0; padding-left: 1.4em; font-size: 0.8em;}
ol li.first, li.last{list-style-type:none; padding-left: 32px; padding-bottom: 10px; padding-top: 0;}
ol li.last{padding-top: 5px;}

/* =Sub Nav
-----------------------------------------------------------------------------*/
/* -----  */

a:link, a:visited, a:focus, a:hover, a:active { line-height: 1.2em; font-size: 0.9em; }
a:link	{color: #000000; text-decoration:none;}
a:visited	{color: #000000;  font-size: 0.9em; text-decoration:none;}
a:focus	{color: #000000; font-size: 1em;}
a:hover	{color: #3333cc; font-style:normal; font-size: 0.9em; text-decoration: underline; background-color:#ffffff;}
a:active {color: blue; font-variant:normal; font-size: 1em;}

#content2_1 a:link { color:#3333CC;}/*  testing */
#content2_2 a:link { color:#3333CC;}/*  testing */
#content2 a:hover {color: #660099;}

/*  --#text styles  */
.credits {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: normal;color: #000000;font-style: italic;}

/*  --#footer --  */
#footer {
  position: relative;
  width: 98%;
  margin: 0 auto; 
  padding: 0;
  text-align: center;
  overflow: auto;  /*  to clear the floats  */ 
}

#footer h4{font-weight: normal; font-style:normal; color: #3333CC; font-size:1em; height:0.9em; line-height:0.9em; padding:0; margin: 0.5em 0;}
#footer h5{font-weight: normal; font-style:normal; color: #000000; font-size:0.8em; line-height:0.8em; padding:0; margin: 0.5em 0;}
#footer h6{font-weight: normal; font-style:normal; color: #3333CC; font-size:0.9em; height:0.9em; line-height:0.9em; padding:0; margin: 0.5em 0; }
#footer p{font-weight: normal; font-style:normal; color: #000000; font-size:0.7em; line-height:0.8em;}


/*  --#Misc --*/
.alignLeft { float:left; margin-right: 1em; }
.alignRight { float:right; margin-left: 1em; }

.alignTextCenter { text-align:center; font-size: 1.2em;}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0/*1px solid #fff /* for testing*/;
}


/*  --#Tables -- */
/* -----------------------------------------------------------------------------*/
table { 
  border-spacing: 0;
  border-collapse: collapse;
}
th {
  text-align: center;
  margin: 0;
  padding:0;
	font-weight: normal;
	text-decoration:underline;
	font-size: 0.6em;
}
#table_caption{font-size:0.8em; font-style:italic; margin:0; padding:0;}

/* =Forms
-----------------------------------------------------------------------------*/
input:focus, textarea:focus { /*background: #fff; color #aaa;*/background-color: #ffffff;}