/* 
	js_new.css

	style sheet for Skinner Consulting - new image
*/

/* background ideally #f5f5f6 */
body { background-color: #f5f5f6 }

/* font-weight is a value between 100 (extrathin) and 900 (extrafat) */

/* body textcolour was #47464c */
p	{ color: #393944; font-size: 11px; line-height: 15px; font-family:Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }
h1	   { color: #789; font-size: 18px; font-weight: 400; font-family: Tahoma, Verdana, Arial, sans-serif; text-decoration: none; margin-top: 25px; margin-bottom: 25px }
h3	    { color: #657585; font-size: 14px; font-weight: 700; font-family: Tahoma, Verdana, Arial, sans-serif; text-decoration: none; margin-top: 15px; margin-bottom: 15px }
acronym  { border-bottom: 1px dashed #cd5c5c }

.body	{ color: #47464c; font-size: 11px; line-height: 15px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }

/* dark grey top stripe */
/* IE gets confused if you don't set a width */
.boxTop		 { background: #708090 repeat-x; position: absolute; top: 0px; left: 0px; width: 100%; height: 90px } /* was #777777 */
.head	{ color: white; font-size: 24px;font-family: Tahoma, Verdana, Arial, sans-serif; position: relative; top: 0px; left: 120px; width:550px;
	height:40px; padding-left: 12px; padding-top:50px; border-left: 1px solid #ffffff }

/* learned something here: "height" is taken WITHIN padding! so if we pad 40 at the top, the height is 50. */

/*light grey navigator you are nowhere (front page) */
.boxMid0	{ background: #dcdcdc repeat-x; position: absolute; top: 90px; left: 0px; width: 100%; height: 27px; border-bottom: 1px solid #d0d0d0 } /* was #cccccc */
.yah0		{ padding-left: 12px; border-left: 1px solid #b22222; position: relative; left: 120px; top:0px; padding-top:2px; width:700px; height:25px }
.boxBody0	{ padding-left: 12px; border-left: 1px solid #808080; position: absolute; top: 117px; left: 120px; width: 480px }

/* light grey navigator single you-are-here */
.boxMid1	{ background: #dcdcdc repeat-x; position: absolute; top: 90px; left: 0px; width: 100%; height: 42px; border-bottom: 1px solid #d0d0d0 }
.boxBody1	{ padding-left: 12px; border-left: 1px solid #808080; position: absolute; top: 132px; left: 120px; width: 480px }
.yah1		{ padding-left: 12px; border-left: 1px solid #b22222; position: relative; left: 120px; top:0px; padding-top:2px; width:700px; height:40px }
.yaho1	{ color: #47464c; font-size: 9px; line-height:6px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }

/* light grey navigator double you-are-here-or-maybe-here */
.boxMid2	{ background: #dcdcdc repeat-x; position: absolute; top: 90px; left: 0px; width: 100%; height: 53px; border-bottom: 1px solid #d0d0d0 }
.boxBody2	{ padding-left: 12px; border-left: 1px solid #808080; position: absolute; top: 143px; left: 120px; width: 480px }
.yah2		{ padding-left: 12px; border-left: 1px solid #b22222; position: relative; left: 120px; top:0px; padding-top:1px; width:700px; height:52px }
.yaho2	{ color: #47464c; font-size: 9px; line-height:6px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; text-decoration: none }

/* note that the pseudoformats _must_ be in this sequence! */
/* dark links duplicate home page */
a.yaho:link		{ color: #0000dd; text-decoration: none }  /* was #4196ef */
a.yaho:visited	{ color: #0000dd; text-decoration: none }
a.yaho:hover		{ color: #b22222; text-decoration: underline }
a.yaho:active	{ color: #0000dd; text-decoration: none }

/* light links are subtopics */
/* note that the pseudoformats _must_ be in this sequence! */
a.yaha:link		{ color: #4169e1; text-decoration: none }
a.yaha:visited	{ color: #4169e1; text-decoration: none }
a.yaha:hover		{ color: #b22222; text-decoration: underline }
a.yaha:active	{ color: #4169e1; text-decoration: none }

/* the page footer (copyright, date) */
.foot	 { color: #555559; font-size: 9px; line-height: 12px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif }

/* classes that can apply to single textunits */
.tt		{ line-height: 12px; font-family: "Courier New", Courier, Monaco, monospace; position: relative; left: 40px }

/* special case for the WeatherPixie */
.pixie2	{ position: absolute; left: 650px; top: 160px; font-size: 10px; line-height: 13px }

/* special case for the W3C conformity badges */
.badges0	{ border-right:1px solid #808080; position:absolute; left:0px;top:118px; width:120px; padding-top:15px }
.badges1	{ border-right:1px solid #808080; position:absolute; left:0px; top:133px; width:120px; padding-top:15px }