/* site-wide text and color schemes unless otherwise noted */
body {
background-color:#333; 
font-size:10px;
color:#000;
font-family:Times, serif;
}

a:link {color: #fff;text-decoration: none}
a:visited {color: #bbb;text-decoration: none}
a:hover {color: #ff99ff;text-decoration: none}
a:active {color: #ff99ff;text-decoration: none}

h3 {
font-family:verdana, arial, san-serif;
font-size:15px;
font-weight:normal;
letter-spacing:2px;
color:#343434;
}

h4 {
margin:-3px 0 -17px 0;
font-size:11px;
font-weight:normal;
color:#454545;
font-family:verdana, arial, san-serif;
text-transform:uppercase;
letter-spacing:1px;
} /* end site-wide text and color schemes unless otherwise noted */


/* the div that holds everything */
#container {
	width:850px;
	height:610px;
	margin-left: -370px; /* half the div width */
	margin-top: -305px; /* half the div height */
	position:absolute;
	left:50%; /* positions site screen center right to left */
	top:50%; /* positions site screen center top to bottom*/
} /* end the div that holds everything */



 /* the div that holds the content */
#wrapper {
	width:810px;
	height:554px;
	margin:0;
	border:solid 20px;
	color:#000;
	background-color:#808080;
} /* end the div that holds the content */



#logo {
position:absolute;
width:128px;
}

#leftCol {
	float:left;
	width:180px;
	margin:40px 0 0 0;
	padding:5px 5px 0px 5px;
	text-align:left;
	border-right: 0px solid #000000;
	;
	clear: left;
}



/* for the main nav menu */
#leftCol ul {
	color:#FFF;
	list-style:none;
	margin:0;
	padding: 2px;
	line-height: 18px;
	font-size:10px;
	font-family: Arial, sans-serif;
} /* end main nav menu */



/* main area content div 

border:solid 1px; color:#fff;

*/
#rightCol {
	float:right;
	width:550px;
	height:464px;
	margin:0;
	padding:10px 0px 0px 10px;
	overflow:auto;
	text-align:left;
	font-size:13px;
	color:#fff;
	font-family:Times, serif;
	line-height:22px;
}

#rightCol p {
width:500px;
}/* end main area content div */


#rightColmain {
	float:right;
	width:530px;
	height:464px;
	padding:10px 0 0 5px;
	text-align:left;
	font-size:13px;
	color:#fff;
	font-family: Times;
	line-height: 22px;
	background-image: url(../img/gallery-bg.png);
}

/* special items for the artist's statement page */
#rightColStatement {
	float:right;
	width:530px;
	height:530px;
	padding:5px 0 0 5px;
	overflow:auto;
	text-align:left;
	font-size:13px;
	color:#fff;
	font-family: Times;
	line-height: 22px;
}

#rightColStatement p {
	width:500px;
	text-indent: 0px
} /* end special items for the artist's statement page */



/* special items for the gallery page */
#galleryRt {
	float:right;
	width:600px;
	height:554px;
	margin:0;
	padding:0;
	text-align:center;
	color:#000000;
	background-color:#808080;
	font-size:1.2em;
	border-left: 20px solid #000000;
} /* end special items for the gallery page */



#footer {
clear:both;
width:736px;
height:10px;
text-align:right;
color:#111;
}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 10px Arial;
	color: #FFFFFF;
	display: block;
	background: black url(titlebar.png) repeat-x center left;
	margin-bottom: 6px; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 4px 0 4px 10px; /*header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}

.arrowlistmenu .menuheader a:hover{ /*hover state CSS*/
color: #ff99ff
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
	color: #bbbbbb;
	background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
	display: block;
	padding: 2px 0;
	padding-left: 19px; /*link text is indented 19px*/
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #dadada;
	font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #bbbbbb;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ff99ff;
background-color: #F3F3F3;
}






 /* the div that holds the content */
#wrapper2 {
	width:750px;
	height:554px;
	margin:0 auto;
	border:solid 20px;
	color:#000;
	background-color:#808080;
	left:50%; /* positions site screen center right to left */
	top:50%; /* positions site screen center top to bottom*/
} /* end the div that holds the content */


#nav2 {
	width:185px;
	height:auto;
}

#logo2 {
	width:103px;
	height:56px;
	background-image: url(../img/NNRlogo.gif);
}

#content2 {
	width:540px;
	height:560px;
	float: left;
	border-left: 20px solid #000000;
	padding: 0px;
}

#copyright2 {
	width:750px;
	height:auto;
	padding: 0 0 0 0;
	text-align:right;
	color:#FFFFFF;
}