body { 	background: #eef5f5;
	color: #284d4d;
	font: 14px trebuchet, verdana, arial, sans-serif;
	margin: 0;
	padding: 0; }

body.admin { background: #FBE5DA; }

#masthead { border-bottom: 2px ridge;
        height: 104px;
	margin-top: 4px;
	padding-left: 20px;
	text-align: left; }

#adminhead {
float:right; text-align:center; padding: 10px;
}

#navmap { float: left;	border: 0; }

#smallmap { float: right; }

#main {	margin-right: 10px;
        margin-left: 170px;
	padding-left: 10px;
	background: url(images/dromenon-bkgr.jpg) no-repeat scroll center center; 
/*	background: url(map-bkgrnd.jpg) no-repeat scroll center center;  */
	border: 0;
	border-left: 2px ridge;
	border-top: 1px solid #eef5f5; }

#main-admin {	margin-right: 10px;
        margin-left: 170px;
	padding-left: 10px;
	background: url(images/admin/dromenon-bkgr-admin.jpg) no-repeat scroll center center; 
	border: 0;
	border-left: 2px ridge;
	border-top: 1px solid #eef5f5; }


.public {
        color: #284d4d;
        border: solid 3px;
        padding: 15px;
        background: #eef5f5 url(images/dromenon-bkgr.jpg) no-repeat scroll center center;

}

#footer { 
	padding: 10px;
	text-align: center;
	font-size: 85%;
	border-top: 2px ridge;
}

#titlepage { float: left;	margin-left: 20px;	text-align: center; }

#titlepagefull { float: center;	margin-left: 20px;	text-align: center; }

#navmapbottom {	float: center;	text-align: center; 	padding-top: 10px;
	padding-bottom: 10px;	border: 0;	border-top: 2px ridge; }

h1, h2, h3, dt { color: #255454; }

a img { border: none; }

dt { font-weight: bold; color: #255454; }

dd { padding-bottom: 15px; }

#titletext { vertical-align: middle; }

table.admin {
  border: 0px; border-spacing: 0px; border-collapse: collapse; 
  text-align: center;  font-size: 80%; }

table.admin tr, table.admin td, table.admin th { 
  border: 1px dotted #255454; 
  padding: 3px; }

h1.title { font-size: 200%;	font-weight: bold;	text-align: center; }

h2.title { font-size: 150%;	font-weight: bold;	text-align: center; }

.warning { color: red; padding: 5px 0 0 0; font-weight: bold;}

h1 { }

h2 { }

h3 {	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

h4 {	font-size: 80%;
	font-style: italic;	
	font-weight: normal;
	text-align: center;
}

h5 {text-align: center; font-size: 100%;}

img.floatleft { float: left; margin: 4px; } 

.small {font-size: 90%;}

.nospace { padding: 0; margin: 0;}

.existingbody {background: #FFFFFF;}

.center, .centered { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.intro { color: #c33; }

.sample { color: #f60; }

.faq { color: #090; }

.testim { color: #09c; }

.authors { color: #03f; }

.order { color: #909; }

.curricnav { color: black; font-size: smaller;}

a.curricnav:link, a.curricnav:visited {
 text-decoration: none;
 color: black;
}

a.curricnav:hover, a.curricnav:active {
 text-decoration: underline;
 color: black;
}

.prop {	float: right;	clear: none;	height: 636px; 
	width: 1px;	border: 0; }

.propbottom {	clear: both;	height: 1px;	overflow: hidden;
	border: 0; }

/* set background images for rounded corner box */
.rbroundbox { background: url(images/rounded.gif) repeat; }
.rbtop div { background: url(images/tl.gif) no-repeat top left; }
.rbtop { background: url(images/tr.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* rounded corner box: height and width stuff, width not really nessesary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; color: #eef5f5;}
.rbroundbox { width: 75%; margin: 1em auto; }

.instructions { text-align: center; font-size: 90%;}
u.instructions { text-decoration: underline;}
em.instructions {font-style: italic;}
ul.instructions, li.instructions {text-align: left;}

/* end rounded box styles */

/****************** TESTIMONIALS styles *********************/

blockquote.testimquote {
margin: 25px;
padding: 0;
font-size: 100%;
line-height: 120%;
}

p.testimquote {
margin: 0;
padding: 0;
width: 400px;
}

p.testimattrib {
  font-style: italic;
  margin: 0 0 0 75px;
  padding: 0 0 30px 0;
}

.bqstart {
float: left;
height: 45px;
margin-top: -20px;
padding-top: 45px;
margin-bottom: -50px;
font-size: 700%;
color: #090;
font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;
}

.bqend {
float: right;
height: 25px;
margin-top: 0px;
padding-top: 45px;
font-size: 700%;
color: #090;
font-family: 'Lucida Grande', Verdana, helvetica, sans-serif;
}

/********************** tab navigation styles begin *********************/

ul#tabnav {
/* font: bold 11px verdana, arial, sans-serif; */
 font: 10px trebuchet, verdana, arial, sans-serif;
 text-align: center;
 list-style-type: none;
// padding-bottom: 24px;
 padding: 0 0 24px 10px;
 border-top: 2px solid;
 margin: 0;
}

ul#tabnav li {
 float: left;
 height: 32px;
 background-color: #FBE5DA;
 margin: 0 2px 2px 2px;
 border: 1px solid;
 border-top: 0px;
}

#tabnav a {
 float: left;
 display: block;
 color: #043264;
 text-decoration: none;
 padding: 4px;
}

#tabnav li.tab1 a, #tabnav li.tab2 a, #tabnav li.tab3 a,
#tabnav li.tab4 a, #tabnav li.tab5 a
 {
  color: #043264;
 }

#tabnav li.tab11 a, #tabnav li.tab12 a, #tabnav li.tab13 a,
#tabnav li.tab14 a, #tabnav li.tab15 a
 {
  color: #284d4d;
 }

#tabnav li.tab21 a, #tabnav li.tab22 a, #tabnav li.tab23 a,
#tabnav li.tab24 a, #tabnav li.tab25 a
 {
  color: #666;
 }


#tabnav a:hover {
 background: #fff;
}

  div#tab1 li.tab1 a, div#tab1 li.tab1 a:hover, div#tab1 li.tab1, 
  div#tab2 li.tab2 a,  div#tab2 li.tab2 a:hover, div#tab2 li.tab2, 
  div#tab3 li.tab3 a,  div#tab3 li.tab3 a:hover, div#tab3 li.tab3, 
  div#tab4 li.tab4 a,  div#tab4 li.tab4 a:hover, div#tab4 li.tab4,
  div#tab5 li.tab5 a,  div#tab5 li.tab5 a:hover, div#tab5 li.tab5
  {
   color: #eef5f5;
   background-color: #043264;
   font-weight: bolder;
  }

  div#tab11 li.tab11 a,  div#tab11 li.tab11 a:hover, div#tab11 li.tab11, 
  div#tab12 li.tab12 a,  div#tab12 li.tab12 a:hover, div#tab12 li.tab12, 
  div#tab13 li.tab13 a,  div#tab13 li.tab13 a:hover, div#tab13 li.tab13, 
  div#tab14 li.tab14 a,  div#tab14 li.tab14 a:hover, div#tab14 li.tab14,
  div#tab15 li.tab15 a,  div#tab15 li.tab15 a:hover, div#tab15 li.tab15
  {
   color: #eef5f5;
   background-color: #284d4d;
   font-weight: bolder;
  }

  div#tab21 li.tab21 a,  div#tab21 li.tab21 a:hover, div#tab21 li.tab21, 
  div#tab22 li.tab22 a,  div#tab22 li.tab22 a:hover, div#tab22 li.tab22, 
  div#tab23 li.tab23 a,  div#tab23 li.tab23 a:hover, div#tab23 li.tab23, 
  div#tab24 li.tab24 a,  div#tab24 li.tab24 a:hover, div#tab24 li.tab24,
  div#tab25 li.tab25 a,  div#tab25 li.tab25 a:hover, div#tab25 li.tab25
  {
   color: #eef5f5;
   background-color: #666;
   font-weight: bolder;
  }

#tabnav li.stab0 a, #tabnav li.stab1 a, 
#tabnav li.stab1 a, #tabnav li.stab2 a, #tabnav li.stab3 a, 
#tabnav li.stab4 a, #tabnav li.stab5 a, #tabnav li.stab6 a, 
#tabnav li.stab7 a, #tabnav li.stab8 a, #tabnav li.stab9 a, 
#tabnav li.stab10 a, #tabnav li.stab11 a, #tabnav li.stab12 a, 
#tabnav li.stab13 a, #tabnav li.stab14 a, #tabnav li.stab15
 { color: #284d4d; }

div#stab0 li.stab0 a, div#stab0 li.stab0 a:hover, div#stab0 li.stab0,
div#stab1 li.stab1 a, div#stab1 li.stab1 a:hover, div#stab1 li.stab1,
div#stab2 li.stab2 a, div#stab2 li.stab2 a:hover, div#stab2 li.stab2,
div#stab3 li.stab3 a, div#stab3 li.stab3 a:hover, div#stab3 li.stab3,
div#stab4 li.stab4 a, div#stab4 li.stab4 a:hover, div#stab4 li.stab4,
div#stab5 li.stab5 a, div#stab5 li.stab5 a:hover, div#stab5 li.stab5,
div#stab6 li.stab6 a, div#stab6 li.stab6 a:hover, div#stab6 li.stab6,
div#stab7 li.stab7 a, div#stab7 li.stab7 a:hover, div#stab7 li.stab7,
div#stab8 li.stab8 a, div#stab8 li.stab8 a:hover, div#stab8 li.stab8,
div#stab9 li.stab9 a, div#stab9 li.stab9 a:hover, div#stab9 li.stab9,
div#stab10 li.stab10 a, div#stab10 li.stab10 a:hover, div#stab10 li.stab10,
div#stab11 li.stab11 a, div#stab11 li.stab11 a:hover, div#stab11 li.stab11,
div#stab12 li.stab12 a, div#stab12 li.stab12 a:hover, div#stab12 li.stab12,
div#stab13 li.stab13 a, div#stab13 li.stab13 a:hover, div#stab13 li.stab13,
div#stab14 li.stab14 a, div#stab14 li.stab14 a:hover, div#stab14 li.stab14,
div#stab15 li.stab15 a, div#stab15 li.stab15 a:hover, div#stab15 li.stab15
  {
   color: #eef5f5;
   background-color: #284d4d;
   font-weight: bolder;
  }


#tabheader {
 background: #FBE5DA;
 color: #043264;
 float: center;
 margin: 0 10px 0 10px;
 padding: 5px 0 0 0;
 width: auto;
}

#tabheader h1 {
 margin-bottom: 2px;
}

/* tab navigation styles end */