/*
Name: ve_screen.css
Version: 1.0
Author: Daniel Sanders
Tested OS/browsers: Windows XP, IE6, IE7, Firefox 2.0, Opera 9.23, Safari 3.0.2
Date: 01/11/07
*/

/*<<<<==========| COLOURS |==========>>>>*/
/*
Body background: #DEB699
Page background: #FAF7F0
Header illustration: #cdcac4
Paragraph and link text: #595349
h2 header text: #406480
Footer and secondery navigation background: #F7F3ED
"Venice Etchings" logo: #993416
"Jenny Sanders" logo: #837A6C
Heading text and link hover: #406480
Primary navigation inactive (vertical gradient): #e5e0d8 to #b7b3ad
Primary navigation border: #CCC8C4
Footer top, seconday navigation bottom and article border: #EDE8E1
W3C button background: #CCDAE7
W3C button border: #B3C8DB
*/

/* ====== YAHOO RESET and FONTS ====== */

/*Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.0*/
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{/*line-height:-1px;*/vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;/* *font-size:small;*font:x-small;*/}table{font-size:inherit;/*font:100%;*/}pre,code,kbd,samp,tt{font-family:monospace;/* *font-size:108%;*/line-height:99%;}

/* ====== POSITION & DISPLAY ====== */

#header,#navigation,#primaryNav,#primaryNav li,#primaryNav li a,#secondaryNav,#secondaryNav li,#secondaryNav li a,#breadcrumb,#breadcrumb li,#mainContent,#introduction,#article_1,#article_2,#article_3,#footer,#footerList,#footerList li,#footerList li a,#footerList li img,.w3cbutton,.illuminatedLetter,.imagecontainer,.thumbList{float:left;display:inline;}
.thumbList li{display:inline}
#mainContent,#introduction,#article_1,#article_2,#article_3,th,td{vertical-align:top;}
#skipToMainContent{position:absolute;left:48%;top:18px;}
#primaryNav li a,#secondaryNav li a,#footerList li a,.w3cbutton a,.imagecontainer img{display:block;}
.imagecontainer img{position:relative;}

/* ====== DIMENSION ====== */

html{height:100%;}
body{min-height:101%;}
#container,#header,#navigation,#mainContent,#footer{width:1000px;}
#primaryNav,#secondaryNav,#breadcrumb,#footerList{width:948px;}
#primaryNav li a,#secondaryNav li a{width:0.1em;}
#primaryNav li a,#secondaryNav li a{width:auto;}/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primaryNav li a,#secondaryNav li a{float:none;}/* End IE5-Mac hack */
#introduction{width:244px;}
#introduction{min-height:26em;}

/* ====== PADDING ====== */

#primaryNav{padding:9px 18px 0 18px;}
#secondaryNav,#footerList{padding:0 18px 0 18px;}
#breadcrumb li{padding-right:4px;}
#footerList{padding-top:9px;padding-bottom:18px;}
#primaryNav li,#secondaryNav li{padding:0 2px 0 9px;}
#footerList li{padding:0 9px 0 0;}
#breadcrumb{padding:0.375em 18px 0.375em 18px;}
#primaryNav li a,#secondaryNav li a{padding:5px 15px 4px 6px;}
#primaryNav li.current a{padding-bottom:5px;}
#secondaryNav li.emptyNav{padding:0.4167em 1.25em 0.3334em 0.5em;}
#mainContent{padding:0 0 0 0;}
#introduction{padding:0 9px 0 18px;}
#article_1{padding:0 9px 0 9px;}
#article_2{padding:0 18px 0 9px;}
.width2{padding:0 18px 0 9px!important;}
.w3cbutton span.spec{padding:0 0.25em;}
.w3cbutton span.w3c{padding:0 0.4em;}
.imagecontainer img{padding:1.33333333em;}
th,td{padding:0.375em;}
.thumbList{padding:0.75em;}
.thumbList li img{padding:0.75em;}
h2{padding-left:1.5em;}

/* ====== BORDER ====== */

#secondaryNav{border-bottom:solid #EDE8E1 1px;}
#primaryNav li{border-bottom:1px solid #ccc8c4;}
#primaryNav li.current{border-width:0;}
#footerList{border-top:solid #ede8e1 1px;}
.w3cbutton a:link,.w3cbutton a:visited,.w3cbutton a:hover{border:1px solid #B3C8DB;}
.w3cbutton span.spec{border-left:solid #B3C8DB 1px;}
acronym,abbr{border-bottom:dashed #595349 1px;}
.imagecontainer img{border-top:solid #ededed 1px;border-right:solid #d1d1d1 1px;border-bottom:solid #b4b4b4 1px;border-left:solid #ededed 1px;}
img.border1,.thumbList li img{border:solid #EDE8E1 1px;}
th,td{border-bottom:solid #EDE8E1 1px;}
th{border-right:solid #EDE8E1 1px;}
.thumbList{border:solid #EDE8E1 1px;}

/* ====== MARGIN ====== */

#mainContent h1{margin:0 0 0.75em 0;}
#mainContent h2{margin:0 0 0.88235294em 0;}
#mainContent h3{margin:0 0 1.07142857em 0;}
#mainContent h4{margin:0 0 1.25em 0;}
#mainContent h5{margin:0 0 1.5em 0;}
#mainContent h6{margin:0 0 1.875em 0;}
#container{margin:9px auto 0 auto;}
#veLogo{margin:17px 9px 9px 25px;}
#veDecor{margin:17px 25px 9px 9px;}
#primaryNav,#secondaryNav,#breadcrumb,#footerList{margin:0 8px 0 8px;}
#mainContent p,#mainContent ul,#mainContent blockquote,#mainContent table,#mainContent img.border1{margin:0 0 1.5em 0;}
#introduction{margin:0 0 0 8px;}
#article_1{margin:0;}
#article_2{margin:0 8px 0 0;}
.width2{margin:0 8px 0 0!important;}
.imagecontainer{margin:6px 0 1.0em 6px;}
.imagecontainer img{margin:-6px 6px 6px -6px;}
input.inputSubmit{margin:0.375em 0 0.375em 0;}
.illuminatedLetter{margin:0 1.5em 1.5em 0;}
#footerList li img{margin-right:0.5em;}
.thumbList{margin-right:1.5em!important;}
.thumbList li{margin:0 0.75em 0 0;}
#mainContent ul li ul{margin:0 0 0 1.5em;}

/* ====== FONT & COLOR ====== */

html>body{font-size:12px;}
body{font-size:75%;}
h1{font-size:2.0em;}
h2{font-size:1.7em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.0em;}
h6{font-size:0.8em;}
em{font-style:italic;}
h1,h2{font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:0.035em;color:#406480;}
h3{font-family:Georgia,"Times New Roman",Times,serif;letter-spacing:0.035em;color:#887d75;}
#skipToMainContent a{color:#FCFAF7;}
#skipToMainContent a:hover{color:#837A6C;}
#breadcrumb li,p,blockquote,li,pre,code,kbd,samp,tt,dt,dd,legend,input,textarea,th,td,a,h4,h5,h6,a:visited{color:#595349;}
strong,th{color:#7d736b;}
#breadcrumb li,#breadcrumb li a{color:#998e7d;}
h1,h2,h3,h4,h5,h6,th,strong,.textLabel{font-weight:bold;}
#primaryNav li a,#secondaryNav li a,#footerList li,#footerList li a{white-space:nowrap;}
#secondaryNav li a,#primaryNav li.current a{color:#736f6a;}
a:visited:hover,a:hover,#primaryNav li a:hover,#primaryNav li:hover,#primaryNav li:hover a,#secondaryNav li a:hover,#secondaryNav li:hover,#secondaryNav li:hover a,#breadcrumb li a:hover,#breadcrumb li:hover a {color:#406480;}
.w3cbutton{font-family:helvetica,arial,sans-serif;font-size:0.8em;font-weight:bold;}
.w3cbutton span.w3c {color:#0c479d;}
.faint{color:#998E7D;}

/* ====== LINE-HEIGHT ====== */

h1{line-height:0.75em;}
h2{line-height:0.88235294em;}
h3{line-height:1.07142857em;}
h4{line-height:1.25em;}
h5{line-height:1.5em;}
h6{line-height:1.875em;}
p,li,dd,dt,blockquote,pre,code,kbd,samp,tt,legend,label,input,select,textarea,th,td{line-height:1.5em;}
#footerList li{line-height:1.2em;}

/* ====== TEXT ====== */

a,a:visited{text-decoration:underline;}
a:visited:hover,a:hover,#secondaryNav li h1,h2,h3,h4,h5,h6,a:hover,#secondaryNav li.current a,#secondaryNav li.emptyNav{text-decoration:none;}
.w3cbutton a:link,.w3cbutton a:visited,.w3cbutton a:hover,#primaryNav li a{text-decoration:none!important;}
acronym,abbr{cursor:help;}

/* ====== LIST ====== */

#primaryNav,#primaryNav li,#secondaryNav,#secondaryNav li,#breadcrumb,#breadcrumb li,#footerList,#footerList li,.thumbList{list-style:none;}
#mainContent ul li{list-style-type:disc;list-style-position:inside;}
#mainContent ul li ul li{list-style-type:circle;list-style-position:inside;}

/* ====== BACKGROUND ====== */

body,#container{background:#deb699;}
#secondaryNav{background:#f7f3ed;}
#header{background:#FAF7F0 url("img/ve_topBg.gif") top no-repeat;}
#navigation,#mainContent{background:#FAF7F0 url("img/ve_middleBg.gif") top repeat-y;}
#primaryNav{background:#ABA8A1 url("img/ve_navBg2.gif") repeat-x bottom;}
#primaryNav li{background:url("img/ve_leftBoth.gif") no-repeat left top;}
#primaryNav li a{background:url("img/ve_rightBoth.gif") no-repeat right top;}
#primaryNav li.current{background-position:0 -150px;}
#primaryNav li.current a{background-position:100% -150px;}
#primaryNav li:hover,#primaryNav li:hover a{background-position:0% -150px;}
#primaryNav li:hover a{background-position:100% -150px;}
#footer{background:#f7f3ed url("img/ve_bottomBg.gif") bottom no-repeat;}
h1{background:url(img/h1Bg.gif) bottom left no-repeat;}
.w3cbutton a:link, .w3cbutton a:visited, .w3cbutton a:hover {background-color:#CCDAE7;}
.w3cbutton span.w3c {background-color:#fff;}
.imagecontainer{background:url(img/shadowAlpha.png) no-repeat bottom right !important;background:url(img/shadow-2.gif) no-repeat bottom right;}
.imagecontainer img{background-color:#fff;}
th{background-color:#F7F3ED;}
.thumbList{background-color:#F7F3ED;}
.thumbList li img{background-color:#fff;}
h2{background:url(img/headingIcon.gif) left bottom no-repeat;}

/* ====== GENERIC ====== */

.floatLeft{float:left!important;}
.floatRight{float:right!important;}
.clearBoth{clear:both!important;}
.displayInline{display:inline!important;}
.width1{width:329px!important;}
.width2{width:686px!important;}
.width3{width:285px!important;}
.width4{width:334px!important;}
.threeCol{width:303px!important;}
.listStyleNone li{list-style:none!important;}
.imgCentre{display:block!important;margin:0 auto 1.5em auto!important;}
.padB{padding-bottom:1.5em!important;}
.margB{margin-bottom:1.5em!important;}
.margR0{margin-right:0!important;}
.displayNone{display:none;}
.paragraphH3{font-family:Arial, Helvetica, sans-serif;font-size:1.0em;font-weight:normal;color:#595349;margin:0!important;padding:0!important;line-height:1.5em;letter-spacing:normal;}

/* ====== TESTING GROUND ====== */

.subArticle {
    float:left;
	display:inline;
	width:auto;
	padding-top:0.75em;
	border:solid #EDE8E1 1px;
	margin-right:1.5em!important;
	background-color:#F7F3ED;}
.subArticle h3 {
    padding-left:9px;
	padding-right:9px;
	margin-bottom:9px!important;}
.subArticle img {
    padding:0.75em;
	border:solid #EDE8E1 1px;
	margin:0.75em;
	background-color:#fff;}

a.thickbox:hover img {
    border: solid #993416 1px;
	background-color: #FFF6EF;
}