/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	}	
a:link { text-decoration: none; color: #336699; }
a:visited { text-decoration: none; color: #336699; }
a:active { text-decoration: none; }
a:hover { text-decoration: underline; color: #ADB85B; text-decoration: underline; }

p { margin-top: 0px; margin-bottom: 8px; margin-left: 5px; line-height: 1.5em; }
h2 { margin-top: 0px; margin-bottom: 10px; }
table { margin-top: 5px; margin-bottom: 8px; margin-left: 5px; }
ul li { line-height: 1.5em; }

#copyright { width: 640px; }

html { height: 100%; }
h2 { font-size: 17px; font-weight: bold; color: #ADB85B; } 
#topbar { position: absolute; width: 100%; height: 100px; background-image:  url(../images/tile.jpg); background-repeat: repeat-x; }
#welcome { float: left; width: 95%; }

/* -- Main Layout -- */
#container { position: absolute; width: 800px; height: 100%; left: 50%; margin-left: -400px; background-image: url(../images/back_tile.jpg); background-repeat: repeat-y;  }
#header { position: relative; width: 800px; height: 100px; background-image: url(../images/header.jpg); background-repeat: no-repeat; }
#content { position: relative; width: 800px; background-image: url(../images/back_tile.jpg); background-repeat: repeat-y; }
#footer { position: relative; width: 800px; height: 20px; line-height: 18px; font-size: 12px; background-image: url(../images/back_tile.jpg); background-repeat: no-repeat; }

#contentArea1 { float: left; width: 140px; margin-top: 30px; border-right: 1px solid #DDDDDD; padding-right: 10px; padding-left: 75px; }
#contentArea2 { float: left; width: 460px; margin-top: 30px; margin-left: 10px; }



#menu { position: absolute; width: 500px; height: 20px; top: 80px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
#menu ul { padding: 0px; margin: 0px; }
#menu ul li { display: inline; }
#menu ul li a
	{
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
	color: #999999;
	}
#menu ul li a:link { color: #999999; }
#menu ul li a:hover { color: #ADB85B; text-decoration: underline; }

#sideMenu { font-weight: bold; }
#sideMenu ul { padding: 0px; margin: 0px; }
#sideMenu ul li { padding-left: 5px; padding-right: 5px; padding-bottom: 5px; }
#sideMenu ul {
	margin: 0; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	}
#sideMenu ul li a:link { color: #999999; }
#sideMenu ul li a:visited { color: #999999; }
#sideMenu ul li a:hover { color: #ADB85B; text-decoration: underline; }

#photogal_container { width: 500px; margin-left: 40px; }
#photogal_container a:link { border: 1px solid #CCCCCC; }
#photogal_container a:visited { border: 1px solid #CCCCCC; }
#photogal_container a:hover { border: 1px solid #000; }

#demo_container { width: 450px; margin-left: 10px; }
#demo_container a:link { border: 1px solid #CCCCCC; }
#demo_container a:visited { border: 1px solid #CCCCCC; }
#demo_container a:hover { border: 1px solid #000; }


.photogal_thumbnail { float: left; width: 100px; height: 67px; padding: 7px; margin-right: 25px; margin-bottom: 25px; }