/* Base , Set up fonts etc. */
body
{
	font				: 0.8em Arial, Sans Serif, sans;
	margin				: 0px;
	padding				: 0px;
	background			: #cccc33 url(http://latosc.musicfilmbroth.com/images389/green%20bkgrnd%20750w.jpg) top repeat;		
	color				: #000000}
a, a:visited
{
	color					: #cca4a4;
}
a:hover
{
	color					: #ccb8b8;
}

.gallerycontainer{
position: top;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


h1
{
	font				: bold 1.4em Arial, Sans Serif, sans;
}
#pageWrapper
{
	width				: 900px;
         
        border				: solid 1px #002700;
        background			: #ffffff;

	margin			: auto;
}


#pageWrapper2
{
	width				: 850px;
         
        border				: 0px;
        background			: #ffffff;
        

	margin			: auto;
}


#pageHeader
{
	background-color	: #ffffff;
	border				: solid 1px #ffffff;
	color					: #e6ffe6;
	padding				: 10px;
	margin-top			: 10px;
}
#pageHeader h1
{
	margin				: 0px;
}
#pageHeader a, #pageHeader a:visited
{
	color					: #ccffcc;
}
#pageHeader a:hover
{
	color					: #e6ffe6;
}
#siteNavigation
{
	position				: absolute;
	top					: 0px;
	right					: 0px;
	*right				: 205px;
}
#siteNavigation h1
{
	display				: none;
}
#siteNavigation ul
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}
#siteNavigation li
{
	display				: inline; centre;
}
#siteNavigation li a, #siteNavigation li a:visited
{
	padding				: 3px 5px 3px 5px;
	background-color	: #cccc33;
	border				: solid 2px #333333;
	color					: #002700;
	text-decoration	: none;
	font-weight			: bold;
	margin				: 0 5px 0 0px;
	font-size			: 100%;
	float					: left;
}
#listBreaker
{
	clear					: left;
	display				: block;
}
#siteNavigation li a:hover
{
	background-color	: #333333;
	border				: solid 2px #cccc33;
	color					: #cccc33;
}
#subPageWrapper
{
	position				: relative;
	margin-top			: 15px;
}
#userLinks
{
	float					: left;
	clear					: left;
}
#userLinks h1
{
	display				: none;
}
#userLinks ul
{
	background-color	: #ffffff; 
        margin				: 0px;
	padding				: 0px;
	list-style			: none;      
	margin-bottom		: 1px; #cccc33:
	width					: 200px;
	border				: solid 1px #ffffff;
	border-bottom		: 1px #cccc33;
	
	font-size			: 100%;
}
#userLinks li
{
	display				: inline;
}
#userLinks a, #userLinks a:visited
{
        background-color	: #ffffff;
	display				: block;
        border				: solid 1px #cccc33;
	padding				: 3px 5px 3px 5px;
	text-decoration	: none;
	font-size			: 90%;
        
color					:  #333333;
	border-bottom		: solid 1px #cccc33;
	border-left			: solid 2px  #cccc33;
        border-right                    : solid 2px #cccc33; 
	margin				: 0px 0px 0px 0px;
}
#userLinks a:hover
{
	background-color	: #cccc33;
       
	color					:  #333333;
}
#extraContent
{
	float					: right;
	clear					: right;
	width					: 190px;
	border				: solid 1px #CCCC33;
	background	: #ffffff;	
        color					:	#000000;
	margin-bottom		: 10px;
}
#extraContent a, #extraContent a:visited
{
	color					: #ccffcc;
}
#extraContent a:hover
{
	color					: #e6ffe6;
}
#extraContent2
{
	
	float					: right;
	clear					: right;
	width					: 190px;
	border				: solid 1px #CCCC33;
	background-color	: #ffffff;
	color					:	#000000;
	margin-bottom		: 10px;
}
#extraContent2 a, #extraContent2 a:visited
{
	color					: #b8e6b8;
}
#extraContent2 a:hover
{
	color					: #cfe6cf;
}
#mainContent
{
	margin				: 0px 200px 10px 200px;
	border				: solid 1px #ffffff;
	background			: #ffffff;
	background	: url(http://l.musicfilmbroth.com/images/fallin2.jpg) top left repeat;
	color					: #000000;
}
#mainContent a:hover
{
	color					: #e6ffe6;
}
#mainContent a, #mainContent a:visited
{
	color					: #ccffcc;
}



#mainContent2
{
	margin				: 0px 200px 10px 200px;
	border				: solid 1px #CCCC33;
	background			: #ffffff;
	color					: #000000;
}
#mainContent2 a:hover
{
	color					: #e6ffe6;
}
#mainContent2 a, #mainContent a:visited
{
	color					: #ccffcc;
}


.contentContainer
{
	padding				: 10px;
        }
#subPageBreaker
{
	clear					: both;
	display				: block;
}
#pageFooter
{
	border-top			: solid 1px #6fb86f;
	margin				: 0px;
	padding				: 0px;
}
#pageFooter h6
{
	padding				: 0px;
	margin				: 0px;
	font-size			: 90%;
	font-weight			: normal;
}
#pageFooter a, #pageFooter a:visited
{
	color					: #cca4a4;
}
#pageFooter a:hover
{
	color					: #ccb8b8;
}
#bntag
{
	width					: 760px;
	text-align			: center;
	margin				: auto;
	background-color	: #004500;
	border				: solid 1px #6fb86f;
	color					: #e6ffe6;
	margin-top			: 10px;
	padding				: 3px;
	font-size			: 90%;	
	margin-bottom		: 0px;
}
#bntag a, #bntag a:visited
{
	color					: #ccffcc;
}