/* 30 Dec 2011 changed background color from f6f0fa to fbf5ff */
body {background-color: #fbf5ff} 
body.index {background-color: #24080E}

a.nav:link    {font-style: italic; color: #6C606C; font-family: "Arial Narrow", Tahoma, Arial; line-height: 2.0; font-weight: 400; text-decoration: none;}
a.nav:visited {font-style: italic; color: #6C606C; font-family: "Arial Narrow", Tahoma, Arial; line-height: 2.0; text-decoration: none;}
a.nav:active  {font-style: italic; color: #6C606C; font-family: "Arial Narrow", Tahoma, Arial; line-height: 2.0; text-decoration: none;}
a.nav:hover  {font-style: italic; color: #FF005D; font-family: "Arial Narrow", Tahoma, Arial; line-height: 2.0; text-decoration: none;}

a.itm:link
a.itm:visited
a.itm:active
a.itm:hover

/*Fonts */
p {color: #28040E; font-family: Verdana, Tahoma, Arial;}
p.nav-title {color: #6C606C;; font-weight: 600; font-family: "Arial Narrow", Tahoma, Arial;}
p.index {color: #fbf5ff; font-family: Verdana, Tahoma, Arial;} 
p.index-nav-title {color: #fbf5ff; font-weight: bold; font-family: "Arial Narrow", Tahoma, Arial;}
p.section {color: #28040E; font-family: Verdana, Tahoma, Arial; font-size: 1.2em;}
p.desc {color: #28040E; font-family: Verdana, Tahoma, Arial; font-size: .8em; line-height: 2.0}
p.desci {color: #fbf5ff; font-family: Verdana, Tahoma, Arial; font-size: .8em; line-height: 2.0}

h1 {color: #28040E; font-family: "Parisian BT", Tahoma, Arial; font-size: 2em; line-height: 1.2}
h1.indx {color: #fbf5ff; font-family: "Parisian BT", Tahoma, Arial; font-size: 2em; line-height: 1.2}
h2 {color: #28040E; font-family: "Parisian BT", Tahoma, Arial; font-size: 1.5em; line-height: 1.2}
h3 {color: #6C606C; font-weight: 600; font-family: "Arial Narrow", Tahoma, Arial; font-size: 1em; margin-bottom: -3; margin-left: 2em;}
h3.indx {color: #fbf5ff; font-weight: 600; font-family: "Arial Narrow", Tahoma, Arial;font-size: 1em; margin-bottom: -3 margin-left: 2em;}



/* Structure - Containers - Liquid */
/* viewport allows for padding (90%) and centered margins with 10 pixel padding at top and bottom */
/* Background Grey color and possibly increased line-height (space between lines) */
#container
{
width: 90%;
margin: 10px auto; 
background-color: #fbf5ff;
line-height: 130%;
}

#containeri
{
width: 90%;
margin: 10px auto; 
background-color: #24080E;
line-height: 130%;
}

/* Header - Banner will need to add banner-logo image */
#banner
{padding: .5em;
height: 152px;
background-image: url(images/vener-art-banner2011.png);
background-repeat: no-repeat;
}

/* Top NavBar */
#navbar
{float: center; width: 100%;
margin: 0;
padding: .5em;
border-top: 1px solid #24080E;
}


/* workaround so all browsers have bottom border under navbar */
#line {float: center; width: 100%; margin: 0; border-top: 1px solid #24080E;}

/* creating horizontal nav bar from unordered list with indent for text */
#navbar ul
{
	margin: 0; margin-left: 10%;
	padding: 0;
}

#navbar ul li
{
	list-style-type: none;
	display: inline;
}

/* Getting the display to shift the links equidistant */
#navbar li a
{
	display: inline-block; width: 15%;
	float: left; 
	padding: 5px 0px;
	font-style: italic; color: #6C606C; font-family: "Arial Narrow", Tahoma, Arial;
	text-decoration: none;
}

#navbar li a:hover {font-style: italic; color: #FF005D; font-family: "Arial Narrow", Tahoma, Arial;}


/* Top NavBar for index.html */
#navbari
{float: center; width: 100%;
margin: 0;
padding: .5em;
border-top: 1px solid #fbf5ff;
}

/* creating horizontal nav bar for index.html from unordered list */
#navbari ul
{
	margin: 0; margin-left: 10%;
	padding: 0;
}

#navbari ul li
{
	list-style-type: none;
	display: inline;
}

#navbari li a
{
	display: inline-block; width: 20%;
	float: left;
	padding: 5px 0px;
	font-style: italic; color: #FBF5FF; font-family: "Arial Narrow", Tahoma, Arial; 
        text-decoration: none;
}

#navbari li a:hover {font-style: italic; color: #FF74C5; font-family: "Arial Narrow", Tahoma, Arial;}



/* Left sidebar floating with variable width 10% width for now with 0 margins and 2 em padding */
#leftnav
{position: relative;
clear: left;
float: left;
width: 10%;
margin: 0;
padding: .5em;
margin-right: 15px; margin-top: 40px;
}
/* Remove space above content in left navigation */
#leftnav h3 { margin: 0 0 .5em 0; }

/* thin rule between link groups */
#leftnav hr {height: 1px;  border: 0px solid #24080E;}

/* Main */
/* in case using h1 coding here, need to lose included h1 padding and not have drop float (1 em padding is max) */
#main
{
margin: 0
clear: left; float: right; width: 80%;
padding: 1em;
}

#main h1
{
padding: 0;
margin: 0;
margin-left: 200px;
}

/* Remove space above content in main box */
#main h2 { margin: 0 0 .5em 0; }
#main p { margin: 0 0 .5em 0; }
p {color: #24080e; font-family: Tahoma, Arial; line-height: 1.5; padding-bottom: .5em; text-align: justify;}
.floatleft {float: left; padding: 0 10px 5px 0;}
.floatright {float: right; padding: 0 0 5px 10px;}
#main a {font-family: Tahoma; color:#9669ff;}
#main a:hover {font-style: italic; color: #FF74C5;}
p.indent {padding: 0 7.5em;}

/* Footer clear: both command ensures footer is below everything */
#footer
{
clear: both; 
margin: 0;
padding: .5em;
border-top: 1px solid #24080E;
}

/*footer navbar */
/* creating footer horizontal nav bar from unordered list */
#footer ul
{
	margin: 0;
	padding: 0;
}

#footer ul li
{
	list-style-type: none;
	display: inline;
}

#footer li a
{
	display: block;
	float: left;
	padding: 5px 10px;
        font-style: italic; color: #6C606C; font-family: "Arial", Tahoma, Arial; font-size: .7em;
        text-decoration: none;
}

#footer li a:hover {font-style: italic; color: #FF005D; font-family: "Arial", Tahoma, Arial; font-size: .7em;}
#footer ul li.right {float: right; list-style-type: none; display: inline;}
#footer li a.right 
{
	display: block;
	float: right;
	padding: 5px 10px;
        font-style: italic; color: #6C606C; font-family: "Arial", Tahoma, Arial; font-size: .7em;
}

/* index.html footer */
#footeri
{
clear: both;
margin: 0;
padding: .5em;
border-top: 1px solid #fbf5ff;
}

/* index.html footer navbar */
/* creating index.html footer horizontal nav bar from unordered list */
#footeri ul
{
	margin: 0;
	padding: 0;
}

#footeri ul li
{
	list-style-type: none;
	display: inline;
}

#footeri li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	font-style: italic; color: #fbf5ff; font-family: "Arial", Tahoma, Arial; font-size: .7em;
	text-decoration: none;
}

#footeri li a:hover {font-style: italic; color: #FF74C5; font-family: "Arial", Tahoma, Arial; font-size: .7em;}
#footeri ul li.right {float: right; list-style-type: none; display: inline;}
#footeri li a.right 
{
	display: block;
	float: right;
	padding: 5px 10px;
        font-style: italic; color: #fbf5ff; font-family: "Arial", Tahoma, Arial; font-size: .7em;
}