/*  
Theme Name: Two-Col With Right Sidebar Stretch
Theme Version: 1.0 
Designed For: http://www.blackrockgalleryonline.com
Author: Helen Deane Dozier, Deane's Creative Arts, Waynesboro, Virginia
Author URL: http://deanescreativearts.com/
*******************************************************************************
If you like the way Deane designed this flexible CSS website, 
she can taylor one for you that you'll like even more!
*******************************************************************************
*/
body {
	margin:0;
	padding:0;
	background-color: #003333;
	background-position: left;
	top: 1px;
	}

 /* main elements */
 
#main	{
	width:500px;
	float:left;
	background:#fff;
	border-right-width: 6px;
	border-right-style: ridge;
	border-right-color: #669999;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #003333;
	}
	
#main1 {

	width:600px;
	float:left;
	background:#fff;
	border-right-width: 6px;
	border-right-style: ridge;
	border-right-color: #669999;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #003333;
}
#main2 {
	width:720px;
	float:left;
	background:#003333;
	border-right-width: 6px;
	border-right-style: ridge;
	border-right-color: #669999;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #003333;
}

#main3	{
	width:720px;
	float:left;
	background:#fff;
	border-right-width: 6px;
	border-right-style: ridge;
	border-right-color: #669999;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #003333;
	}

.main4 {
	width:100%;
	float:left;
	background:#003333;
	border-bottom-width: 5px;
	border-bottom-style: ridge;
	border-bottom-color: 669999;
	min-width: 900px;
}



.clearboth {
	clear: both;
}


#nowrap {margin-left:510px;}

#container	{
	max-width: 1200px;
	width: 93%;
	margin: 0 auto;
	border: 5px ridge #669999;
	background-color: #d3e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	min-width: 900px;
	}
	
#container-1000 {

	max-width: 1000px;
	width: 93%;
	margin: 0 auto;
	border: 5px ridge #669999;
	background-color: #d3e7e7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

/* top elements */

#header {
	height: 180px;
	border: 1px solid #000000;
	overflow: hidden;
	position: relative;
	background-image: url(images/hostabanner-light1200x155.jpg);
	}

 /* nav elements */
 
 #nav 	{
	position:absolute;
	left: 0;
	bottom: 0;
	height: 25px;
	background: #A39C93 url(images/navbar25px-high.gif) repeat;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border: solid;
	border-top-color: #002d2d;
	border-right-color: #002d2d;
	border-bottom-color: #002d2d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 4px 0 0 0;
	}
	
#nav ul	{
	padding: 0;
	margin: 0;
	color: #000000;
	float: left;
	width: 100%;
	}

#nav ul li	{
	display: inline;
	text-align: center;
	}

#nav ul li a	{
	text-decoration: none;
	border-right: solid 1px #002d2d;
	float: left;
	color: #002d2d;
	padding: .32em 1em;
	}

#nav ul li a:hover 	{color: #990000;} 

#headline	{
	left: 0;
	bottom: 0;
	height: 37px;
	background: gray;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-color: #002d2d;
	font-family: "Inkpen2 Script", Verdana, Arial, sans-serif;
	font-size: 1.7em;
	border-bottom-style: groove;
	color: #4F4F4F;
	padding-top: .2em;
	}

#headline p {text-align: center}

 /* right col elements */

#side	{
	max-width:620px;
	min-width:10px;
	float:left;
	padding: 5px 20px 12px 5px;
	text-align: center;
	overflow: hidden;
	border-bottom-color: #003333;
	}

#side1 {
	margin: 0px;
	float:left;
	width: 175px;
	text-align: left;
	padding-right: 10px;
}

#side1med {
	margin: 0px;
	float:left;
	text-align: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	min-width: 180px;
	max-width: 200px;
}
.lineheight {
	line-height: 80%;
}

#side2big {
	margin: 0px;
	text-align: left;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 30px;
	width: 400px;
}

.sideborder {
	border: 0px solid #003333;
}


#side2, #side3	{
	margin: 0px;
	padding: 0 10px;
	float:left;
	width: 180px;
	text-align: left;
	}
#lib {
	height: 160px;
	width: 170px;
	border: 4px groove #669999;
	padding-top: 1em;
}

	
#side2alt {
	margin: 0px;
	float:left;
	width: 200px;
	text-align: left;
	padding: 0 2px;
	}

#side2altrt {
	margin: 0px;
	float:right;
	width: 200px;
	text-align: center;
	overflow: hidden;
}

#footer	{
	clear: both;
	margin: 0;
	padding: .1em 0;
	color: #000000;
	background-color: #AAC1AB;
	color:#000000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	border-top-width: 4px;
	border-top-style: ridge;
	border-top-color: #336666;
	}

/* padding/margins of main elements */
#main .gutter	{
	padding: 0.5em 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
	

#side .gutter	{
	padding: .2em .5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	text-align:center;
	}

/* headers and typography */
h1 	{
	font-size: 2em;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #607D8A;
	text-align: center;
	}

h2 	{
	color: #663333;
	font-family: Calibri, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	font-variant: normal;
	text-align: center;
	}

h3, h4, h5, h6	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

h3 {
	font-size:1.25em;
	text-align: center;
}

h4 {
	font-size:1em;
	text-align: center;
}

h5 {
	font-size: 1em;
	color:#003333;
	text-align: center;
}

h6 {
	color:#999999;
	font-size: 1em;
}

.large {
	font-size: 120%;
}


h2.inline{
display: inline;
}

h2.short {
line-height: 0%;
}

.text1grayb{
	font-size: 1em;
	color: #666666;
}
.textblue {
	color: #003399;
}
.textred {
	color: #CC0000;
}


.text1green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #006666;
}

.text-gray-large {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #CCCCCC;
}


.small {font-size: 85%}

a	{
	text-decoration: none;
	color: #333333;
	}

a:hover {
 	color: #990000;
	text-decoration:underline;
 	} 

/* list items */	
#side ul {
	padding: 0 15px 0 0px;
	text-align: left;
	list-style: none;
	}

#side ul li a {
	text-decoration: none;
	color: #002d2d;
	font-weight: bold;
	}

#side1 ul  {
	list-style-type:none;
	margin-left:0;
	padding: 0;
	text-align: left;
	}

#side1 ul li {
	padding: 0 0 0 10px;
	text-align: left;
	}	
	
#side2 ul, #side3 ul {
	list-style-type:none;
	padding:0 0 0 1.5em;
	margin-left:0;
	}
#side ul li a:hover {color: #990000;} 

/* pictures and captions */	

#side img	{
	border: 2px solid #003333;
	padding: 2px;
	}
	
.imgR	{
    float: right;
	margin: 0 0 1.5em 1.5em;
	border: 1px solid #003333; 
	}	

.imgL	{
    float: left;
	margin: 0 1em 1.5em 0;
	border: 1px solid #003333; 
	}	
	
.imgC {
	margin: 0.5em 1em 0.5em 1.5em;
	border: 4px groove #336666;
}

.imgL2 {
	margin: 0.5em 1em 0.5em 10%;
	border: 4px groove #336666;
	float:left;
	
}

.noborder {
	margin: 8% 1em 0.5em 10%;
	float:left;
}

.border {
	border: 2px solid #003333;
}

.border-box180 {
	border: 2px solid #003333;
	width: 190px;
}

.nb {border:none;}	

.logo_img	{
	padding-bottom: 0em;
	padding-top: 0em;
	height: 133px;
	margin-top: 0.75em;
	margin-bottom: 0em;
	}
.list-none {
	list-style: none;
}

ul.thumbnails {
	list-style: none;
	margin-left: 20px;
	padding-left: 0px;
	}
	
ul.thumbnails li {
	display:inline;
}
.lib {

	height: 160px;
	width: 170px;
	border: 4px groove #669999;
	padding-top: 1em;
}