@import url("/dev/lightbox/css/lightbox.css");
/* === Color Swatch  === */
/*
Medium Red: #9f4a5c
Bright Orange: #FF9900; 
Bright Green: #99CC00
Light Blue: #6699FF
Dark Blue: #2D3954
Beige: #EDEBD5
Dark Gold: #696952
*/



* {margin: 0; padding: 0}

img, img a {border: 0; margin: 5px;}

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 20px 10px 10px;
	background-color:#e0d7bb;
}

p {margin: 3px; padding: 2px;}

ul {margin: 5px 0px; padding: 10px;}
ul li {list-style-type: square; padding: 5px; margin: 5px; margin-left: 15px;}


ul.skills li {list-style-type: none; background-image:url(../images/bullet3.gif); background-position: center left; background-repeat:no-repeat;  padding: 2px; margin: 3px; margin-left: 10px; padding-left: 20px;}

.portfolioImg {border: dashed 2px #bbb; padding: 10px; margin: 10px 0;}
.portfolioImg a img  {border: solid 1px #999; border-right: solid 2px #666; border-bottom: solid 2px #666;}

form {background-color: #fff; margin: 5px; margin-top: 25px;}
form table {border: solid 1px #999; padding: 5px; }
.textfield { 
	font-size: 10px;
	color: #333333;
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	padding-left: 1px;
}

h1 {
	/*color: #99CC00; */
	color:#696952;
	margin: 5px 0px 1px;
	padding: 1px 0px 3px;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #696952;
	text-transform: uppercase; 
	letter-spacing: .25em;
}

h2 {
	/*color: #99CC00; */
	color: #9f4a5c;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #9f4a5c;
	display: inline;
	letter-spacing: .2em;
}

h3 {
	/*color: #99CC00; */
	color:#696952;
	margin: 5px 0px 15px 0px;
	padding: 1px 0px 3px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	letter-spacing: .25em;
	border-bottom: solid 2px #999;
	display: inline;
}

h3 a{
	color:#696952;
	/*margin: 5px 0 0px 0;
	padding: 1px 0px 10px 0;*/
	margin: 0px;
	padding: 0px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	letter-spacing: .25em;
	border-bottom: solid 0px #999;
	text-decoration: none;
	
}

h3+p {margin-top: 15px;}

h4 {margin: 10px 5px 5px 5px; font-size: 1em; color: #2D3954; }

a {color: #2D3954; font-size: 11px;}

h3 a:hover {color: #9f4a5c;}

a:hover {color: #9f4a5c;}

a:active, a:focus {color:#2D3954;}

.err {color: #FF9900;}

th {font-weight: bold; text-align: left;}

.logout {display:inline;}

.footer {
position:absolute;
bottom: 20px;
right: 20px;
}

.body{
top:85px;
padding:10px;
width:500px;
min-height: 400px;
margin: 0 10px 10px 0;
border:dashed #333 1px;
float:left;
/*clear:both;*/
}

.notes {
top: 85px;
width:300px;
min-height:400px;
border:dashed #999 1px;
padding: 10px;
margin: 0 0 10px 10px;
float:left;
overflow: visible;
}


/*#loginForm {margin: 25px auto;}
table {margin-left: 50px;}
table.displaytable {border: solid 1px #000;}*/

form table#loginForm tr td{padding: 5px;}

.sunday {border-top: solid 1px #C00; color:#c00; }
.today {color:#f90; background-color:#cecece; }
.saturday {color:#03f; border-bottom: solid 1px #999;}
.upcoming {color:#9c0;}

th {border-bottom: dashed 2px #000; text-align:center;}
th.left {text-align:left;}

#branding {width: 700px; margin-bottom: 5px; padding: 5px; background-color:#EDEBD5; border: solid 1px #999; border-bottom: solid 2px #696952;}

#mainContent {min-height:300px;
  height:auto !important;
  height:300px;
  width: 690px; margin-top: 5px; margin-bottom: 10px; padding: 15px 10px 10px 10px; border:solid 1px #666; float: left; background-color:#fff; position:relative;}
  
#sideContent {min-height:290px;
  height:auto !important;
  height:290px;
  width: 175px; margin-top: 10px; margin-left: 10px; padding: 10px; border: dashed 1px #666; float: left; background-color: #ffe; position: relative; left: -215px;}

#content {clear:both;}

/*#branding ul {display: block; padding:5px;}
#branding ul.navigation li, #footer ul.navigation li {display: block; padding: 3px 6px; font-size: 1em; float:left;}*/

#branding ul.navigation { z-index:10; }
#branding ul.navigation li {float: left; position: relative; width: 5em; padding: 3px; list-style: none;}
#branding ul.navigation li ul {
  display: none;
  position: absolute; 
  top: 1.1em;
  left: 0em;
  background-color:#EDEBD5;
  z-index:5;
  padding:0;
  }
  
li > ul {
	top: auto;
	left: auto;
	}

#branding ul.navigation li:hover ul, #branding ul.navigation li.over ul{ display: block; border: solid 1px #2D3954; z-index:10;}
#branding ul.navigation li:hover ul li, #branding ul.navigation li.over ul li{width: 100%;}

#branding ul.navigation li a, #footer ul.navigation li a {text-decoration:none; font-size:1em;}

#footer {margin: 5px 0; background-color:#EDEBD5; width: 700px; padding: 5px; border: solid 1px #999; border-top: solid 2px #696952; clear:both;}
#footer ul {display: block; padding: 5px;}
#footer ul li {display:inline; padding: 3px 6px;}

/* page offset */
#branding, #mainContent, #footer {margin-left:15px;}

/*#branding ul {display: block; background-color: #ccc; width: 400px; padding:5px;}
#branding ul.navigation li {display: inline; padding: 3px 6px;}
#branding ul.navigation li a, #footer ul.navigation li a {text-decoration:none;}
#footer ul {display: block; background-color:#ccc; width: 400px; padding: 5px;}
#footer ul li {display:inline; padding: 3px 6px;}*/

#images {width: 300px; float: right; margin: 5px 0 0 15px; border: dashed 1px #999; padding: 5px; height: 100%;}

ul.utilities li {list-style-type: none; }
ul.utilities li ul li {margin: 0; }
.utilityNotes {margin: 5px 0 0 10px; padding: 5px; border: dashed 1px #ccc; width: 330px;}


/*  MSOE Table */

table#msoe tr td {color: :#000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
table#msoe tr td ul li {padding: 1px;}



/* prop-clear : min-heigh hacl */
.prop {
    height:300px;
    float:right;
    width:1px;
  }

  .clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
  .clearLeft {clear:left; display:block;}
  .retort {padding-left: 7px; margin-bottom: 5px; font-style: italic; color:#131313;} 
  
#mediaspace {margin: 10px 0;}