@charset "utf-8";
html, body, div, span, object, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
/* You Will See This: */

:-moz-any-link:focus {
  outline: 1px dotted invert;
}

/* Change It To This: */

:-moz-any-link:focus {
  outline: none;
}
:focus
{
  -moz-outline-style: none;
}
a
{
  outline: none;
}
#social {
	width:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
		line-height: .5em;
}
	#social ul {margin:2px; list-style: none;float:left;}
	#social li {margin:2px; list-style: none;float:left;width:155px;;}
	#social img {padding:0 3px;}
#social a {
color : #0099CC;
text-decoration : none;
}
#social a:hover {
color : #ffffff;
text-decoration : none;
}
.homeText {
	width: 553px;
	color: #CCCCCC;
	clear: both;
	float: left;
	display: block;
	position: relative;
	font: lighter 24px Verdana, Arial, Helvetica, sans-serif;
	left: 97px;
	height: 30px;
	top: -50px;
	letter-spacing: .01em;
}
a:active {
outline : none;
}
body {
background-color : #000000;
color : #999999;
font : normal 15px/1.4em Geneva, Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
#wrapper {
width : 997px;
margin-right : auto;
margin-left : auto;
}
#cell_1 {
padding : 8px 8px 8px 100px;
float : left;
width : 410px;
background-color : #000000;
}
#cell_2 {
	margin : 0 14px 1em;
	padding : 8px;
	float : left;
	width : 400px;
	background-color : #000000;
	border-left: 1px dotted #000000;
}
#cell_3 {
margin : 0 0 1em 5px;
padding : 8px;
float : left;
width : 210px;
background-color : #000000;
}
.floatcenter {
margin-right : auto;
margin-left : auto;
display : block;
width : 300px;
}
.floatleft {
float : left;
margin : 0 5px 5px 0;
}
.floatright {
float : right;
margin : 0 0 5px 5px;
}
#footer {
	left : 0;
	clear : both;
	height : 66px;
	width : 900px;
	background : url(../images/footer.gif) no-repeat center 0%;
	margin : 50px auto;
	line-height: 2em;
}
#alert {
font-size : 12px;
font-weight : bold;
color : #ffffff;
font-family : Tahoma, Verdana;
left : 59%;
position : static;
z-index : 1;
background-color : #ff0000;
height : 30px;
line-height : 20px;
padding-top : 5px;
padding-bottom : 0;
padding-right : 5px;
padding-left : 5px;
border : 1px dotted #999999;
width : 305px;
}
a {
color : #FF9900;
text-decoration : none;
font : 700 0.8em Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
color : #ffffff;
text-decoration : none;
}
#title {
height : 60px;
padding-top : 100px;
}
h1, h2 {
color : #4B8ACF;
font : normal 24px Verdana, Arial, Helvetica, sans-serif;
}
#OBG {
	color : #666666;
	font : normal 16px Verdana, Arial, Helvetica, sans-serif;
	width: 400px;
	padding-bottom: 1px;
	margin-top: -15px;
}
h3 {
color : #9eba0d;
font : normal 18px Verdana, Arial, Helvetica, sans-serif;
}
h4 {
color : #666666;
font : normal 10px Verdana, Arial, Helvetica, sans-serif;
}
div.Table_01 {
float : left;
width : 997px;
height : 226px;
}
div.header-01 {
float : left;
width : 144px;
height : 76px;
}
div.header-02 {
float : left;
width : 125px;
height : 76px;
}
div.header-03 {
float : left;
width : 125px;
height : 76px;
}
div.header-04 {
float : left;
width : 126px;
height : 76px;
}
div.header-05 {
float : left;
width : 477px;
height : 76px;
}
div.header-06 {
float : left;
width : 144px;
height : 47px;
}
div.header-07 {
float : left;
width : 125px;
height : 47px;
}
div.header-08 {
float : left;
width : 125px;
height : 47px;
}
div.header-09 {
float : left;
width : 126px;
height : 47px;
}
div.header-10 {
float : right;
width : 477px;
height : 47px;
}
div.header-11 {
float : left;
width : 144px;
height : 103px;
}
div.header-12 {
float : left;
width : 125px;
height : 103px;
}
div.header-13 {
float : left;
width : 125px;
height : 103px;
}
div.header-14 {
float : left;
width : 126px;
height : 103px;
}
div.header-15 {
float : left;
width : 477px;
height : 103px;
}
#imageMenu {
	position : relative;
	width : 900px;
	height : 169px;
	overflow : hidden;
	z-index : 2;
	margin-right : auto;
	margin-left : auto;
	padding-left : 74px;
	margin-top: 5px;
}
#imageMenu ul {
list-style : none;
margin : 0;
display : block;
height : 169px;
width : 900px;
}
#imageMenu ul li {
float : left;
}
#imageMenu ul li a {
text-indent : -1000px;
background : #ffffff none repeat scroll 0% 0%;
border-right : 1px dotted #6F8DA9;
cursor : pointer;
display : block;
overflow : hidden;
width : 163px;
height : 157px;
}
#imageMenu ul li.landscapes a {
background : url(../images/events/1.jpg) repeat scroll 0% 0%;
}
#imageMenu ul li.people a {
background : url(../images/events/2.jpg) repeat scroll 0% 0%;
}
#imageMenu ul li.nature a {
background : url(../images/events/3.jpg) repeat scroll 0% 0%;
}
#imageMenu ul li.urban a {
background : url(../images/events/4.jpg) repeat scroll 0% 0%;
}
#imageMenu ul li.abstract a {
background : url(../images/events/5.jpg) repeat scroll 0% 0%;
}
.clear {
clear : both;
}
.clearspace {
	clear : both;
	margin-top: 20px;
	float: left;
	margin-bottom: 20px;
}
.menu {
margin : 0;
padding : 0;
list-style : none;
width : 520px;
height : 47px;
float : left;
}
.menu li {
padding : 0;
margin : 0;
height : 47px;
margin-right : 0;
list-style : none;
background-repeat : no-repeat;
display : block;
}
.menu li a, .menu li a:visited {
display : block;
text-decoration : none;
text-indent : -1000px;
height : 47px;
background-repeat : no-repeat;
}
.home {
background-image : url(../images/header_06.gif);
width : 144px;
height : 47px;
float : left;
}
.home a {
background : url(../images/header_over_06.gif);
}
.about {
background-image : url(../images/header_07.gif);
width : 125px;
height : 47px;
float : left;
}
.about a {
background : url(../images/header_over_07.gif);
}
.services {
background-image : url(../images/header_08.gif);
width : 125px;
height : 47px;
float : left;
}
.services a {
background : url(../images/header_over_08.gif);
}
.contact {
background-image : url(../images/header_09.gif);
width : 126px;
height : 47px;
float : left;
}
.contact a {
background : url(../images/header_over_09.gif);
}
ul.menu li a:hover {
background : none;
}
.menu li {
float : left;
}
.menu:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#menu img {
border : none;
}
#menu li {
display : inline;
list-style : none;
}
#menu li a {
float : left;
display : block;
width : 37px;
height : 50px;
margin : 5%;
}
#menu li a img {
border : none;
vertical-align : bottom;
}
#menu li a:hover {
visibility : visible;
}
#menu li a:hover img {
visibility : visible;
}
#menu li a:hover img {
visibility : hidden;
}
#thumb1frame {
background-image : url(../images/holder.gif);
width : 900px;
height : 180px;
position : relative;
top : -180px;
background-repeat : no-repeat;
margin-bottom : -180px;
left : 0;
margin-right : auto;
margin-left : auto;
}
#copy {
	height : 46px;
	width : 555px;
	line-height : 2.1em;
	padding-left : 37px;
	padding-top : 8px;
	color : #666666;
	font-size: .8em;
}
#copy a {
color : #0099CC;
text-decoration : none;
	font-size: .8em Verdana, Arial, Helvetica, sans-serif;
}
#copy a:hover {
color : #ffffff;
text-decoration : none;
}
#where {
padding-top : 50px;
padding-bottom : 50px;
color : #0099cc;
font : 700 16px/1.3em Verdana, Arial, Helvetica, sans-serif;
}
#latestcomments {
width : 300px;
padding-top : 11px;
padding-bottom : 10px;
color : #666666;
margin-right : auto;
margin-left : auto;
font : 11px Verdana, Arial, Helvetica, sans-serif;
}
fieldset {
border : 0;
margin : 0;
padding : 0;
}
input.text, textarea {
width : 400px;
font : 11px/12px 'courier new', courier, monospace;
color : #ffffff;
padding : 3px;
margin : 0 0;
background-color : #151515;
}
input {
background-color : #393939;
border : 1px solid #395163;
color : #ffffff;
padding : 3px;
font : 10px verdana;
}
.input_text {
color : #ffffff;
font : 10px Verdana, Arial, Helvetica, sans-serif;
}
input input.short, select.med, textarea {
background-color : #3e3c3c;
border : 1px solid #395163;
color : #ffffff;
font-size : 11px;
padding : 5px;
}
input.med:hover, input:focus, input:hover, textarea:hover, textarea:focus, textarea.hover, textarea.focus {
border : 1px solid #395163;
color : #fff;
overflow : auto;
background : #333333;
}
legend#mainlegend {
color : #666666;
font-size : 11px;
}
#rss {
	color : #666666;
	font-size : 11px;
	float: right;
	position: relative;
	margin-left: -20px;
	margin-top: -20px;
	line-height: 10px;
	vertical-align: middle;
}
