/* --== SILVERBROW STYLES - ASL 16 Dec 2008 ==-- */

/* --== Overall look and colourscheme ==-- */
/* Green #019376; Pale Green #CFEBE5; Grey #666666; */
BODY
{
	font:10pt Arial, Sans-Serif; /* fixed size font - was 80% */
	line-height:150%;
	color:#666666;
	text-align:center;
	background:White url(./Images/Background-Shadow.gif) center repeat-y;
	padding:0; margin:0;
}

H2, H3, H4, H5, H6, .highlight
{ font-weight:bold; color:#019376; }
H1 { font-size:125%; letter-spacing:0.5em; font-weight:normal; }
H2 { font-size:100%; }
H3 { font-size:90%; }
H4 { font-size:80%; }
H5 { font-size:100%; }
H6 { font-size:100%; }

DIV#mainContent A, DIV.contentText A, .green { color:#019376; text-decoration:none; }
.grey { color:#666666; text-decoration:none; }
DIV#mainContent A:hover, DIV.contentText A:hover, DIV#footer A:hover { color:Black; background-color:#CFEBE5; border-bottom:1px solid #019376; }
DIV#mainContent A.nohover:hover, DIV#mainContent DIV#nohover A:hover { color:#019376; background-color:inherit; border-bottom-width:0; }

A IMG { border-width:0; }
.bold { font-weight:bold; }
.italic { font-style:italic; font-weight:normal; }

HR { color:#019376; width:80%; margin:0 auto; height:1px; border-style:solid; text-align:center; }

/* --== Layout ==-- */
.left { float:left; clear:left; margin-right:30px; }
.right { float:right; clear:right; margin-left:30px; }
DIV#fixedWidth 
{
	width:780px;
	text-align:left;
	margin:0 auto;
}

DIV#shadowHeader
{
	height:20px; margin:0 auto;
	background:White url(./Images/Top-Shadow.gif) center bottom no-repeat;
}
DIV#shadowFooter
{
	height:20px; margin:0 auto;
	background:White url(./Images/Bottom-Shadow.gif) center top no-repeat;
}
* HTML DIV#shadowFooter { margin-top:-20px; } /* IE only hack */

DIV#header { margin:0 0 9px 0; } /* Balance with the shadow image */
DIV#footer { text-align:center; text-transform:uppercase; letter-spacing:1px; }
DIV#footer A { margin:0 1em; }
DIV#footer .small { font-size:75%; letter-spacing:normal; }
DIV#footer .small A { margin:0; }
DIV#footer .tel { text-transform:none; letter-spacing:normal; color:#019376; }


DIV#mainContent
{
	 margin:0; padding:0;
	 position:relative; z-index:1;
}

DIV.contentText, /* For the Site Map */
DIV.pad10 { padding:0 30px; } /* Yes, I know. Bad name... */

/* Force the bottom shadow... to the bottom! */
/* http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
HTML, BODY { height: 100%; }
DIV#fullHeight { min-height:100%; height:auto !important; height:100%; margin:0 auto; }

/* --== Accessible CSS dropdown menu ==-- */
/* Inspiration from http://www.alistapart.com/articles/dropdowns/ */
DIV#menu { clear:both; padding:0; margin:0; }

#nav, #nav ul { /* all lists */
	padding:0; margin:0;
	list-style:none;
	text-transform:uppercase;
	font-size:12px;
}

#nav a {
	text-decoration:none;
	display:block;
	width:90px;
	padding:3px 5px;
	color:White; background-color:#019376;
}

#nav a:hover, #nav a.current
{
	color:Black;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position:absolute; z-index:100;
	width:100px;
	display:none;
	font-size:11px;
}

#nav li ul a
{
	border-top:1px solid white;
	border-left:1px solid white;
	color:White;
	background-color:#666666;
	width:90px;
	padding:3px 5px;
}
#nav li ul a:hover, #nav li ul a.current { background-color:#019376; }

#nav li ul ul { /* third-and-above-level lists */
	margin: -18px 0 0 95px;
}

/* Hide submenu on mouse out */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	display:none;
}
/* Show submenu on mouse over */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	display:block;
}

#nav a.gradient 
{
	background-image:url(./Images/Green-Gradient.gif);
	background-position:right;
	background-repeat:repeat-y;
}

#nav a.leftPad { padding-left:10px; }

#nav li.narrow a { width:60px; }
#nav li.narrow, #nav li.narrow ul, #nav li.narrow li { width:70px; }
#nav li.narrow ul ul { margin-left:65px; }

#nav li.wide a { width:140px; }
#nav li.wide, #nav li.wide ul, #nav li.wide li { width:150px; }
#nav li.wide ul ul { margin-left:145px; }

#nav li.xwide a { width:180px; }
#nav li.xwide, #nav li.xwide ul, #nav li.xwide li { width:190px; }
#nav li.xwide ul ul { margin-left:185px; }

/* --== Forms ==-- */
INPUT.txt, TEXTAREA, SELECT { font:100% Arial, Sans-Serif; color:#666666; border:1px solid #999999; width:225px; overflow:auto; }
INPUT.btn, DIV#mainContent A.btn
{
	font:90% Arial, Sans-Serif; 
	color:#666666; background-color:#ffffff;
	border-color:#999999 #333333 #333333 #999999; border-width:1px 2px 2px 1px; border-style:solid;
	padding:0 1em; white-space:nowrap;
}
DIV#mainContent A.btn:hover { background-color:#ffffff; border-bottom:2px solid #333333; }
TABLE.form {  }
TABLE.form TH { font-weight:normal; color:#019376; text-align:right; vertical-align:top; width:150px; padding-top:3px; }
TABLE.form TD { vertical-align:top; }

/* --== Gallery ==-- */
DIV.gallery /* Scrolls horizontally */
{
	white-space:nowrap;
	overflow-x:scroll;
	width:100%;
}

DIV#mainContent DIV.gallery A:hover, DIV#mainContent A.img:hover { border-width:0; background-color:Transparent; }
DIV.fullSize { text-align:center; }
DIV.fullSize DIV { text-align:left; }
DIV#imgCaption { font-size:125%; font-weight:normal; letter-spacing:0.25em; } /* Looks like an H1 */
SPAN#imgAlsoAvail { font-weight:normal; }

/* --== Photo Pop-up ==-- */
DIV#popup
{
	position:absolute; left:0; top:0; z-index:10;
	width:auto; padding:10px;
	text-align:right;
	cursor:hand; cursor:pointer;
}
DIV#popup IMG { margin-bottom:5px; }
DIV.popup { color:#ffffff; background-color:#333333; }

/* --== About us (the scroll page) ==-- */
DIV.about 
{
	background:url(./Images/Scroll.jpg) top center no-repeat; 
	color:#333333;
	padding:460px 75px 0 75px;
	height:475px;
}
DIV.about P.narrow { margin-right:270px; }
DIV.about P.bold { font-size:130%; }

/* --== Pagination (Site Map) ==-- */
DIV#pagingNavigator { text-align:center; }
DIV#pageXOfX { font-weight:bold; }
DIV#pagingNavigator DIV#links { padding:10px 0px; }
DIV#pagingNavigator A { padding:0px 5px; }
DIV#pagingNavigator A.pageNavDisabled { color:#bbbbbb; }

/* --== Sub menu ==-- */
DIV.submenu { text-transform:uppercase; font-size:90%; }
DIV#mainContent DIV.submenu A { color:#666666; margin:0 5px; }
DIV#mainContent DIV.submenu A.current { color:#019376; }

/* --== Welcome Flash ==-- */
DIV.welcomeFlash
{
	position:absolute; top:0; left:0; z-index:10;
	width:100%; height:100%;
	background-color:#ffffff;
}

/* --== Printer friendliness ==-- */
@media screen
{
	.printOnly { display:none; }
}
@media print
{
	.noPrint, UL#nav { display:none; }
	DIV#fixedWidth { width:100%; }
}