@charset "utf-8";

/* HTML elements */

html {
	min-height:100%; 
	margin-bottom:10px;
}

body {
	margin-top:0;
	padding:0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#666;
	font-size:1em;
	color:#333;
}




h1 {
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.10em; 
    margin:5px 0 5px 0;
	width:100%;		
}
	 
p a, li a {text-decoration:none;}
p a:hover, li a:hover { text-decoration:none }	 
	 

/* page elements */



/* container */

#container {
	margin-left: auto;
	margin-right: auto;
	width: 785px;

}


/* header */
#header {
	position:relative;
	border-top:1px solid #fff;
	background-color:#999;
	margin-bottom:10px;
}

#header-logo {
	position:relative;
	margin:10px 0 0 20px;

}

#header-tag-line {
	position:relative;
	margin:0 0 0 20px;
    color:#c0ffff;
}

#title-wrapper {
    position:relative;
	margin:0;
}

/* adds shadow to text */
#title-shadow {
    font-family:Geneva, Arial, Helvetica, sans-serif;
    font-size:24px;
    height:24px;	
    font-weight:bold;
	color:#fffco; 	
    margin-bottom:0;
	position:relative; 
	display:block; 
  /*  filter:dropshadow(color=#333, offx=1, offy=1); ie 6? */
}

/*  safari - can't test so commented out 
#title-shadow {
    text-shadow:#333 1px 1px 5px;
}
*/


#title-shadow span { position:absolute; display:block; top:0;}
#title-shadow:before { display:block; padding:2px; content:attr(title); color:#333;  } 

#title-link a{
	color:#fff;
	text-decoration:none;
}


/* top navigation */
#top-nav {
	position:absolute;
	top:28px;
	left:610px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
	float:right;
	width:560px;
}

#top-nav ul {
	list-style:none;
	padding:0;
	margin:0;
}
#top-nav li {
	float:left;
	margin:2px;		
	margin-left:17px;
	color:#ffffc0;
	font-weight:bold;
}


#top-nav a {
	display:block;
	float:left;
	text-decoration:none;
	color:#c0ffff;
	font-weight:bold;	
}	

#top-nav  a:hover {
	text-decoration:none;
	color:#ffffc0;
}	




#content-box {
	margin: 10px 10px 10px 20px;
	font-size:.9em;
}

#content-box a {
    text-decoration:none; 
	color:#c0ffff;
}

#content-box a:hover{
    color:#ffffc0;
}



#content {
	min-height:400px;
	background-color:#333;
}




/* content images */
.content-img-container {
	width:785px;
	margin:0;
	padding:0;
}



.content-first-img-col {
	float:left;
	width:125px;
	height:125px;	
	margin:5px 0 0 5px;

}

.content-next-img-col {
	float:left;
	width:125px;
	height:125px;
	margin:5px 0 0 5px;
}

.content-last-img-col{
	float:left;
	width:125px;
	height:125px;	
	margin:5px 5px 0 5px;
}


div.img-hover a{
	display:block;
	text-decoration:none; 
	width:125px;
	height:125px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}


div#img-1 a {
	background-image:url('/images/wyoming-mountains-gs-125x125.png');
}
div#img-1 a:hover  {
	background-image:url('/images/wyoming-mountains-125x125.png');
}

div#img-2 a   {
	background-image:url('/images/sandpipers-gs-125x125.png');
}
div#img-2 a:hover  {
	background-image:url('/images/sandpipers-125x125.png');
}

div#img-3 a  {
	background-image:url('/images/angela-bathroom-gs-125x125.png');
}
div#img-3 a:hover  {
	background-image:url('/images/angela-bathroom-125x125.png');
}

div#img-4 a  {
	background-image:url('/images/bird-on-rock-gs-125x125.png');
}
div#img-4 a:hover  {
	background-image:url('/images/bird-on-rock-125x125.png');
}

div#img-5 a  {
	background-image:url('/images/windmills-gs-125x125.png');
}
div#img-5 a:hover  {
	background-image:url('/images/windmills-125x125.png');
}

div#img-6 a  {
	background-image:url('/images/air-pattern-gs-125x125.png');
}
div#img-6 a:hover  {
	background-image:url('/images/air-pattern-125x125.png');
}		

div#img-7 a  {
	background-image:url('/images/kathak-gs-125x125.png');
}
div#img-7 a:hover  {
	background-image:url('/images/kathak-125x125.png');
}

div#img-8 a  {
	background-image:url('/images/butterfly-flower-gs-125x125.png');
}
div#img-8 a:hover  {
	background-image:url('/images/butterfly-flower-125x125.png');
}
div#img-9 a  {
	background-image:url('/images/butterfly-cake-gs-125x125.png');
}
div#img-9 a:hover  {
	background-image:url('/images/butterfly-cake-125x125.png');
}

div#img-10 a  {
	background-image:url('/images/boutonniere-gs-125x125.png');
}
div#img-10 a:hover  {
	background-image:url('/images/boutonniere-125x125.png');
}

div#img-11 a  {
	background-image:url('/images/hairpins-gs-125x125.png');
}
div#img-11 a:hover  {
	background-image:url('/images/hairpins-125x125.png');
}

div#img-12 a  {
	background-image:url('/images/two-color-wave-gs-125x125.png');
}
div#img-12 a:hover  {
	background-image:url('/images/two-color-wave-125x125.png');
}
div#img-13 a  {
	background-image:url('/images/silos-gs-125x125.png');
}
div#img-13 a:hover  {
	background-image:url('/images/silos-125x125.png');
}

div#img-14 a  {
	background-image:url('/images/chocolate-bars-gs-125x125.png');
}
div#img-14 a:hover  {
	background-image:url('/images/chocolate-bars-125x125.png');
}

div#img-15 a  {
	background-image:url('/images/absinthe-gs-125x125.png');
}
div#img-15 a:hover  {
	background-image:url('/images/absinthe-125x125.png');
}

div#img-16 a  {
	background-image:url('/images/road-gs-125x125.png');
}
div#img-16 a:hover  {
	background-image:url('/images/road-125x125.png');
}

div#img-17 a  {
	background-image:url('/images/eric-gs-125x125.png');
}
div#img-17 a:hover  {
	background-image:url('/images/eric-125x125.png');
}

div#img-18 a  {
	background-image:url('/images/apples-gs-125x125.png');
}
div#img-18 a:hover  {
	background-image:url('/images/apples-125x125.png');
}

div.list-first {
	float:left;
	margin-left:-2em;
}

div.list {
	float:left;
	margin-left:0.5em;
}

h4.list-title {
	margin-left:1.8em;
}

hr.clear-list {
	clear:both;
	border:none;
	border-top: 1px dotted #333;
}

/* bottom navigation */
#bottom-nav {
	clear:both;
	font-size:0.9em;
	color:#333;
	text-align:center;
	font-weight:normal;
}

#bottom-nav a {
    text-decoration:none; 
    font-weight:bold;
	color:#c0ffff;
}
#bottom-nav a:hover {
    color:#ffffc0;
}


/* footer */
#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#333;
	clear:both;	
	text-align:center;
	font-weight:normal;	
}


#footer p a {
    text-decoration:none; 
	color:#c0ffff;
}
#footer p a:hover {
    color:#ffffc0;
	text-decoration:none;
}


#footer a {
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:underline;
}



/* text classes */

.justify {
	text-align:justify;
}


.small-text{
	font-size:0.6em;
}

.error {
	color:#f00;	
}
.message {
	color:#000;
}

.clear {
   clear:both;
}

.nobrk {
    white-space :nowrap;
} 


.bulleted-list ul {

}