body {
	
	margin: 0;
	
	background-color: white;
background-image: url(/img/coffeeStain1.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
body,td,th {
	line-height: 17px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
		color: #4e4e4e;
	}
a:link {

	color: #3a82af;

	text-decoration: none;

}

a:visited {

	text-decoration: none;	

	color: #2f6a8f;

}

a:hover {

	text-decoration: underline;

	color: #295d7d;

}

a:active {

	text-decoration: none;

	color: #4295c8;

}

h1,h2,h3,h4,h5,h6{

	color: #3a82af;

/*
	font-weight: normal;
	line-height: 110%;
	margin-bottom:-8px;
*/
}

h1,h2,h3{

	font-family: Geneva, "Arial Narrow",  Arial, sans-serif;

}

h4,h5,h6{


		font-family: Geneva, Arial, sans-serif;

}

h1 {

	color: #3a82af;

	font-size: 24px;

}

h2 {

	color: #3a82af;

	font-size: 20px;

}

h3 {

	color: #6a9a55;

	font-size: 18px;

}

h4 {

	color: #6a9a55;

	font-size: 14px;

}

h5 {

	color: #6a9a55;

	font-size: 12px;

}

h6 {

	color: #6a9a55;

	font-size: 10px;

}



/* containers */

#wrapper {

	width: 740px;

	height:auto;

	margin-right: auto;

	margin-left: auto;
	

/*      margin-right: 39px;

	margin-left: 39px;

	*/

	/* 
	background-color: white;
	
	background-repeat: repeat-y;

        background-position: -40px;

debugging  border:1px solid red;*/

}

#baseShadow {

	 width: 740px;

	height: 300px;

	margin-left: auto;

	margin-right: auto;

	/*background-image: url(/img/wrapperShadow_bg.gif);

	background-color: #333333;

	background-repeat: no-repeat;

	debugging  border:1px solid red;*/

}

#container {

	clear: both;

	width: 740px;

  /* width: auto;*/

	 margin-left: 0px;

	margin-right: 0px;

	
	/* border:1px solid black;
debugging  border:1px solid yellow;*/

	}

#masthead {

	clear: both;

	height: 220px;

	background-color: #3a82af;

		/* debugging border:1px solid blue; */

}

#subhead {

padding-left:10px;

	clear: both;

/*	border-bottom:1px solid black;

	padding: 10px 14px 0 14px;

*/	background-position: -35px;

	

}

#subhead p {

	/* padding: 8px 14px 0 14px;

	*/ text-align: right;

	color: #B2B4BF;

	font-size: 83%;

	padding-right:4px;

	padding-top:4px;

}



 #header {
      float:left;
      width:100%;
      background:url(/img/left_both.gif) repeat-x top;

      background-position:0 0;
      font-size: 9px;
      line-height:normal;
      }


    #header ul {
      float:right;
       margin:0;
      padding:0px 0px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url(/img/left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 6px;
      border-bottom:0px solid #765;
      }
    #header a {
	white-space:nowrap; 
      float:left;
      display:block;
      width:.1em;
      background:url(/img/left_both.gif) no-repeat right top;
      padding:4px 9px 4px 3px;
      text-decoration:none;
      color:#765;
      }



    #header > ul a {width:auto;}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/

    #header a {float:none;}

    /* End IE5-Mac hack */

    #header a:hover {

      color:#333;

      }



    #home #nav-home, 

	#news #nav-news,

    #contact #nav-contact,

	#about #nav-about,

    #hosting #nav-hosting, 

    #casestudies #nav-casestudies, 

    #portfolio #nav-portfolio, 

    #toybox #nav-toybox

	 {

      background-position:0 -160px;

   /*   border-width:4px; */

      }



    #home #nav-home a, 

	#news #nav-news a,

    #contact #nav-contact a,

	#about #nav-about a,

    #hosting #nav-hosting a, 

    #casestudies #nav-casestudies a, 

    #portfolio #nav-portfolio a, 

    #toybox #nav-toybox a

{

      background-position:100% -160px;

      padding-bottom:4px;

      color:#333;

      }



	#header li:hover,

	#header li:hover a {

      background-position:0% -160px;

      color:#333;

      }



 #header li:hover a {

      background-position:100% -160px;

      }

 

 

 

 

  

#footer {

/*	background-color: #e9e2df; */

	/**/ clear: both; 

	padding: 0; 

	width:100%;

	margin-top:50px;

border-top: solid 1px #EEE;

	/* debugging border:1px solid blue;*/ 

}  

#footer p {

        margin: 4px 0 0 14px;

	text-align: left;

	font-size: 10px;

	color: #660000;

}

#content {

	width: 100%;

	top: 200px;

	height: auto;

	float: left;

	/* debugging  border:1px solid red;*/

}

#leftPanel {


         padding-left:0px;

	display:inline;

	width: 514px;

	margin: 0;

	float: left;

	/* debugging  border:1px solid green;*/

}

#rightPanel {

	/*  display:inline;

	

	background-color: white;
	clear: both;*/


	                   

	

	              

	height:220px;

	width: 220px;

	margin: 0;

	float: right;

	color: #a3a398;	/* debugging border:1px solid yellow;*/


	padding-top:23px;

}

#leftModule {

	/*margin: 0px 10px 0px 14px; */

	padding: 10px 0px 10px 10px;

	font-family: Geneva, Arial, Helvetica, sans-serif;	

	/* debugging border:1px solid blue; */

}

#rightModule {

	padding: 0;

	padding: 10px 10px 10px 10px;

	 	/* debugging border:1px solid orange; */ 

}

#rightModule ul {

	list-style-type: none;

	margin: 1px;

	padding: 5px;

}



	  

/* styles 

#content img {

float: left;

padding: 2px 2px 2px 2px;

margin: 0 2px 25px 2px;

	border: thin solid green;



}



#content p {

float: left;

width: 240px;

margin-bottom: 25px;

margin-top: 0;

padding-right: 8px;

	border: thin dotted blue;

}

*/

/* elements */



.separator {

clear: both;

height: 1px;

}



.leftTitle {

	font-style: normal;

	font-weight: normal;

	font-family: Geneva, "Arial Narrow", Arial, sans-serif;

	font-size: 24px;

	color: #3a82af;

	}

.leftDate {

	font-size:80%;

	}

	

 textarea, input, select {

	border-left-style: solid;

	border-bottom-style: solid;

	border-right-style: solid;

	border-top-style: solid;

	border-left-color: #7e7e7e;

	border-bottom-color: #676767;

	border-right-color: #606060;

	border-top-color: #7d7d7d;

	border-left-width: 1px;

	border-bottom-width: 1px;

	border-right-width: 1px;

	border-top-width: 1px;

	font-family: Geneva, "Arial", Arial, sans-serif;

	font-size: 10px;

	padding: 2px 3px 2px 4px;

	background-color: #dbdbdb;

	color: #626262;

	/**/ width: 300px; 

}	

 .input {

	

	/**/ width: 30px; 

}



#leftPanel textarea, #leftPanel input, #leftPanel select , #leftmodule  textarea, #leftmodule input, #leftmodule select {



}

#rightPanel textarea,#rightPanel  input,#rightPanel  select {

	width: 100px;



}

.formButtton, .formButtton2 {

	width: auto;

	color: #727272;

	background-color: #e2e2e2;

}

.formButtton2 {

	background-color: #565656;

	width: auto;

	color: #b8b8b8;	

}

.pulldown1 {

	color: white;

	background-color: #585A69;

}

.pulldown2 {

	color: white;

	background-color: #747789;

}

.pulldown3 {

	color: white;

	background-color: #8C8E9F;

}

.ed_button {

	width: auto;

	color: #555555;

	background-color: #FFFFCC;

}

.ed_button a:hover{

	width: auto;

	color: #33333;

	background-color: #FFCC99;

}

.leftimage, .rightimage{

margin: 2px;

border-right: 1px solid #000000;

border-bottom: 1px solid #000000;

}

.leftimage{

float: left;

}

.rightimage{

float: right;

}

/* styling for sortable tables */

/* Sortable tables */

table.sortable a.sortheader {

padding-left:2px;

	background-color: #cbdaff;

	color:#333333;

	font-weight: bold;

	text-decoration: none;

	display: block;

	text-align: left;

}

table.sortable th:hover  {

	border-bottom:2px solid orange;

}

table.sortable span.sortarrow {

	color: #00FF00;

	text-decoration: none;

}



table.sortable tr, table.sortable  td{

color: #323232;

display:inline-table;

	padding :1px;
	/*
*/

	 border-top:0px solid white;

	border-right:1px solid white;	

	border-bottom:1px solid white;

	border-left:1px solid white;
}

table.sortable th{

color: #444444;

padding :0px;

display:inline-table;

		margin-left :8px;
		/*	
	*/

		border-bottom:2px solid white;

	border-left:1px solid white;

	border-top:0px solid white;

	border-right:0px solid white;

}

table.sortable tr.hi{

	color: white;

	background-color: #333333;

}

.minortext{
	font-size: 10px;
	color: #666666;
}

hr {

	

	/*background-color: #00FF00;*/

	height: 1	01px;

}



.done {

	text-decoration: line-through;

}