/* @group Notes */

/* --
// Author: F D Yocum
// Contact
// Website Dennis Maust Potter
// Last updatedfyocum:2008 12 11 

--*/

/* @end */

/* @group Global resets */

/* Set margins and spacing to none --*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*Removing quotes from quotes http://www.paulchaplin.com/blog/css-reset-and-quirky-quotes*/
blockquote, q
{
	quotes: none;
}

/*
Safari doesn't support the quotes attribute, so we do this instead.
*/
blockquote:before, blockquote:after, q:before, q:after
{
	/*
	CSS 2; used to remove quotes in case "none" fails below.
	*/
	content: "";
	/*
	CSS 2.1; will remove quotes if supported, and override the above.
	User-agents that don't understand "none" should ignore it, and
	keep the above value. This is here for future compatibility,
	though I'm not 100% convinced that it's a good idea...
		content: none;*/

}

/*Removes everdecreasing font-size when specifying size in ems*/
ul ul, ul label,td p { font-size: 100%; 
}

caption,th { 
	text-align:left; 
}

html{
	font-size:100%; /*Fixs exaggerated text resizing of IE6 and IE7 when using ems.*/ 
	min-height:101%; /*Compensates for Firefox's vertical scroll bar jump*/
}

/* Reduce base font to 10px 16px.62.5=10 in most browsers */
/* Line height 10×1.8=18 Establishes our vertical rythmn*/

.offSet{
	position: absolute;
	left:-1000px;
}
 /*Used to remove text from view*/ 
.textVersion {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
/*Used to clear floats especially on Main positional elements*/
.clear{
	clear: both;
}

.TextCenter {
 	text-align: center;
}
/*Used for defining the layout and the baseline grid*/
body{
/*Grid display
background: #fff url(../images/Baseline_18.gif) repeat-y top center;*/
/*Column display*/ 
/*background:url(../images/DesignGrid.gif) top center repeat-y #fff;*/	

}

/* @end */

/* @group Colour Definitions */
body {
	color: #000;
	background: #595C72 url(../images/BackgroundBody.png) repeat-x 0 top;
}

div#mainContContain {
	border-right: #ccc dotted thin;
	border-left: #ccc dotted thin;
	background: #727c9f url(../images/ContentContContain_Bckgrd.png) repeat;
}

div#borderContain {
	background-image: url(../images/BackgrdContentTop.png);
	background-repeat: no-repeat;
	background-position: top left;
}

div#mainContent {
	background-color: #717B9F;
	background-image: url(../images/BackgrdContentBody.png);
}

#mainNav ul li ul li {
background-color: #7b89aa;	
}

#mainNav ul li ul li:hover {
background-color: #595C72;	
}

#sectionNavFoot {
	background-color: #595C72;
}
input, textarea, select {
	color: #4B567E;
	background-color: #f2edeb
}

h1,h2,h3,h4 caption {
	color: #855956;
	background-color: transparent;
}

a:link {
	color: #4b597c;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #4b597c;
	text-decoration: none;
}

a:hover {
	color: #8a3555;
	background-color: #f3ddd7;
}

/*Removes the flash of colour caused by the generic style*/
div#Head a:hover {
	background-color: transparent;
}

a:active {
	color: #8a3555;
}

#mainNav a:hover,
#mainNav a:active {
	color: #fff;
	
}
#mainNav a:link,
#mainNav a:visited {
	color: #F4DED7;
}

#footer div.vcard, #footer a:link, #sectionNavFoot li a:visited, #mainNav a:hover {
	color: #ccc;
	background-color: transparent;
}

#footer a:hover, #sectionNavFoot li a:active {
	color: #fff;
}

a.activeLink {
	color: #fff
}

th {
	background-color: #F4DED7;
	color: #000;
}

form {
	background-color: #F4DED7;
	color: #4b597c;
}


#calendar p.calCategory {
	background-color: transparent;
	color: #626C90;

}	
/* @end */

/* @group Main Positional Layout */

body {
	font-size: 10px;
	line-height: 1.8em;
}
.col_11, .col_7, .col_6,.col_5, .col_3, .col_2, .col_1 {
	display:inline;
	float:left;
	margin-left:1em;
	margin-right:1em}

.grid_11 {
	width:88em;
	margin:0 auto;
	position: relative;
}
.col_11 {
width:86em;	
}

.col_8 {
width:54em;	
}

.col_7 {
width:54em;	
}

.col_6 {
width:42em;	
}

.col_5 {
	width:35em;
}
.col_3{
	width:18em;
}

.col_1 {
	width:6em;	
}


/* `For columns in columns Children (Alpha ~ First, Omega ~ Last) */

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

div#Head {
	position: relative;
	padding-top: 6px; /*Puts the Masthead on the baseline*/
}

div#mainContent {
	position: relative;
	padding: 18px 5em 1em 3em;
}

#mainNav {
margin-top: 4em	;	
}


#footer {
	clear: both;
}

/* @end */

/* @group Font Choices */

p, h1, h2, h3, pre, label, legend {
	font-family: "Palatino Linotype", Palatino, serif;
}

h4,h5, h6, h7, thead, tfoot,th, td, input, textarea, #footer, span.formNote {
	font-family: Helvetica, Arial, sans-serif;
}

/* @end */

/* @group Type spacing */


p, li, dl, label, input, select, textarea, button, submit, td, blockquote, h5, h6 {
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.384;
}

p, ol, ul, dl, blockquote, address {
	margin-bottom: 1.385em;
}

p+ul, p+ol {
	margin-top:-1.385em; 
}
blockquote {
	margin: 1em 2em 1em 2em;
}
h5, h6 {
	font-weight: 600;
}
h4, caption {
	font-size: 1.3em;
	font-weight: normal;
	font-weight: 600;
	float: left;
	display: inline;
	margin-right: 1em;
}

h3, legend       {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.125em;
	margin-bottom:.1em;
	letter-spacing: .035em;
}

h2 {
	font-size: 2.1em;
	font-weight: normal;
	line-height: 1em;
}

h1 {
	font-size: 3.4em;
	font-weight: 500;
	line-height: 1em;
	margin-top: .35em;
	margin-bottom: .35em;
}

dt {
	font-weight: normal;
	float: left;
	width: 6em;
	text-align: right;
	padding-right: .25em;
	padding-bottom: .2em;
}

dd {
	margin-left: 7em;
	margin-bottom: 1em;
	clear: right;
}

ul, ol {
	list-style-position: inside;
}

blockquote {
	margin-left: 2em;
	margin-right: 2em;
	text-align: justify;
}

/* @end */

/* @group Inline Styles */

dfn:hover, acronym:hover, abbr:hover {
	cursor: help;
}

dfn {
	font-style: italic;
}

acronym, abbr {
	text-decoration: none;
	border-bottom: 0;
}

acronym {
	font-variant: small-caps;
	letter-spacing: .125em;
}

sup a, sub a {
	text-decoration: none;
}

/* @end */

/* @group Table Defintions */

table {
	border-right: solid #fff thin;
	border-left: solid #fff thin;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}

td, th {
	padding: .25em .25em .25em .25em;
	vertical-align: middle;
}

td {
	border-right: solid #fff thin;
	border-left: solid #fff thin;
	text-align: center;
	font-weight: normal;
}

th {
	text-align: left;
}

caption {
	margin: .5em .125em .125em .125em;
	text-align: left;
}

thead, tfoot {
	background-color: #8C94B1;
	color: #fff;
	font-weight: bold;
}

thead td, tfoot td {
	font-weight: bold;
	font-size: 1.1em;
}

thead {
	border-bottom: solid thin #000;
}

tfoot {
	border-top: solid thin #000;
}

tbody td, tbody th {
	border-bottom: solid #666 thin;
}

colgroup td {
	background-color: #ccc;
}

/* @end */

/* @group Form Definitions */

form {
	display: block;
	position: relative;
	padding: 1em;
}

form div, fieldset div {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	width: 90%;
}

legend {
	background-color: #F4DED7;
	font-weight: bold;
	padding: 0 .5em;
}

fieldset {
	padding: .75em;
	margin-top: 1em;
	border: solid 2px #7b89aa;
}

label {
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: .25em;
	text-align: right;
}

div > label {
	float: left;
	width: 35%;
}

div > label {
	float: left;
	width: 35%;
}

form ul li {
	list-style-type: none;
	display: inline;
	margin: 0 .5em 0 0;
	padding: .5em;
	background-color:#f3ddd7;
}

input, select {
	font-weight: bold;
	margin: 0.25em 0pt 0.25em 0.5em;
	text-align: left;
}

input:focus, select:focus {
	background-color: #FFFFFF;
	color: #666666;
}

input, select, textarea, label {
	vertical-align: middle;
}

div.frmSubmit {
	margin-right: 0;
	margin-left: auto;
	width: 12em;
}

span.formNote{
	font-weight: normal;
	font-size: .75em;
	line-height: .65em;
}

/* @end */

/* @group Generic Navigation */


#footer {
	font-weight: bold;
}

#footer a, #mainNav a {
	text-decoration: none;
	font-weight: normal;
}

/* @end */

/* @group Main Navigation */
/*When both the body tag and the list have the same class the list of links is displayed*/
body.Artist #mainNav ul li ul.Artist,
body.Gallery #mainNav ul li ul.Gallery,
body.Teaching #mainNav ul li ul.Teaching {
	display: block;
}

#mainNav ul li ul {
	display: none;
	margin:1em auto 1em auto;
	padding: .25em 0 .75em 0;
	width: 14em;	
}


div#Head {
	text-align: left;
}

div#mainNav ul li a#WindowArtist, div#mainNav a#WindowGallery, div#mainNav a#WindowTeaching {
display: block;
margin: 0 auto;
height: 180px;
width: 115px;
background-image: url(../images/WindowSprites.png);
background-repeat: no-repeat;

}

div#mainNav a#WindowArtist {
 background-position: center 1px;	
}

div#mainNav a#WindowArtist:hover {
 background-position: center -178px;	
}

div#mainNav a#WindowGallery {
	 background-position: center -356px	
}

div#mainNav a:hover#WindowGallery  {
	background-position: center -534px;	
}

div#mainNav a#WindowTeaching {
 background-position: center -712px;	
}

div#mainNav a#WindowTeaching:hover{
 background-position: center -890px;	
}

div#mainNav ul li ul li.active {
	background-color: #60668f;
} 
/* @group SubNav */

#mainNav {
	text-align: center;
	letter-spacing: .1em;
}
#mainNav li {
	font-size: 1.1em;
	line-height: 1.8em;
	list-style: none none inside;
	margin: 1em 0 0 0;
}

#mainNav li ul {
	margin-top: 0;
	margin-bottom: 0;
}

#mainNav li ul li {
	margin: 0 0 0 0;
	list-style-type: none;
}

/* @end */
/* @end */

/* @group MainContent */

div.sectionEnd {
	text-align: center;
	clear: both;
	width: 36px;
	background: url(../images/TchSecEndPaper.png) 0 0;
	height: 18px;
	margin: 0.5em auto 0;
}

img.imgRight {
	float: right;
	display: inline;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	border: 2px solid #855956;
}

div.imgCentre {
	border-bottom: 1px solid;
	margin: 0 auto 1em;
	padding-bottom: 1em;
	text-align: center;
}
div.imgCentre img{
	border: 2px solid #855956;	
}

ul.SpecialLink {
	list-style: none;
	list-style-position: inside;
}

ul.SpecialLink li, p.SpecialLink {
	padding-left: 1.7em;
	min-height: 18px;
	background: url(../images/tchSpecialLink.png) no-repeat;
	margin-bottom: .5em;
}
/* @end */

/* @group Footer */

#sectionNavFoot {
	text-align: center;
	padding-top: .5em;
}

#sectionNavFoot ul {
margin-left: 12em;	
}

#footer div.vcard {
	text-align: center;
	margin-top: .5em;
}

/*#footer div.vcard span.fn.n {
color: transparent;	
}*/

#sectionNavFoot li {
	display: inline;
	margin: .5em;
	margin-top: 1em;
}

/* @end */

/* @group Resume */

.hresume dd {
	background: url(../images/BackgrdDefTerm.png) repeat 0 0;
	padding-left: .3em;
	line-height: 1.33em;
}

/* @end */

/* @group Schedule of Events */

div#calendar div.eventContent {
	margin-left: 160px;
}

div#calendar img {
	float: left;
	margin-right: 12px;
}
#calendar p.calCategory {
	margin: .5em 0 .5em 0;
	font-style: italic;
	font-weight: 700;
	letter-spacing: .1em;
}

div#calendar p.tags {
	text-align: right;
	font-size: .8em;
}

div#calendar p.description {
	font-style: italic;
	line-height: 1.66em;
}

div#hcalendar p.location {
 margin-top:0;	
}

div#calendar p.calDate {
	font-weight: 700;
	margin-bottom: 0;
	margin: .5em 0;
}

/* @end */