html, body {
	margin: 0;
	padding: 0;
	background:#b4171d url(../images/background.png) repeat-x;
	
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666;
}

h1 {
    margin:0;
    padding:0;
	border-bottom-color:#CCCCCC;
    border-bottom-style:dashed;
	border-bottom:1px;
	width:220px;
	font-size: 12px;
	font-style:italic;
	color: #1395bb;
	padding:none;
}

h2 {
    margin:0;
    padding:0;
    border-bottom: 1px solid #666;
	font-size: 11px;
	font-style:normal;
	color: #666;
	padding:none;
}

h3 {
    margin:0;
    padding:0;
    border-bottom: 1px solid #666;
	font-size: 10px;
	font-style:normal;
	color: #ccc;
	padding:none;
	
}

/*-- LINKS --*/
a:link, a:visited, a:active, { 
	color:#333366;
}

a:hover{
	color:#3399CC;
}



#header {
background:url(../images/header.gif) no-repeat top left;
	height: 100px;
}


.hidden {
	display: none;
}

#page-container {
width: 765px;
margin:auto;
background:#FFFFFF;
}
/*---------------------------- Navigation----------------------------------- */
#main-nav {
position:relative;
	left:2px;
	top: 0px;
	height: 25px;
	display:block;

width:650px;
font-size:12px; 
z-index:100;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* remove all the bullets, borders and padding from the default list styling */
#main-nav ul {
padding:0;
margin:0;
list-style-type:none;
}
#main-nav ul ul {
width:92px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main-nav li {
float:left;
width:93px;
position:relative;
}
/* style the links for the top level */
#main-nav a, #main-nav a:visited {
display:block;
font-size:11px;
color:#fff;
text-align:center;
text-decoration:none;  
height:26px; 
border-top:1px solid #fff;
border-width:0px; 
padding-left:0px; 
line-height:26px;
}

#main-nav a {
   background: url("../images/button.png") 0 0 no-repeat;
}
#main-nav a:hover {
   background-position: -93px 0;

}
#main-nav a:active {
   background-position: -186px 0;
}


#main-nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:26px;
	left:0;
	width:100px;
	z-index: 7;
}
/* another hack for IE5.5 */
* html #main-nav ul ul {
top:30px;
t\op:31px;
}


/* style the second level links */
#main-nav ul ul a, #main-nav ul ul a:visited {
background:#b4171d; 
color:#FFF; 
height:auto; 
line-height:1em; 
padding:5px 4px 5px 4px; 
width:84px;


/* yet another hack for IE5.5 */
}
* html #main-nav ul ul a{
width:100px;
w\idth:109px;
}


/* style the top level hover */
#main-nav ul ul a:hover{
color:#fff; 
background:#CC0000;
}
#main-nav ul ul :hover > a {
color:#fff;
background:#e91d25;
}

/* make the second level visible when hover on first level list OR link */
#main-nav ul li:hover ul,
#main-nav ul a:hover ul{
visibility:visible; 
}





#line {
background-image:url(../images/line.png);
	height: 2px;
}

#pagetitle {
background-image:url(../images/titlebg.png);
	height: 20px;
	padding: 3px 0px 0px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}

#indexcontent {
float: left;
background-color:#fff;
	width: 412px;
	height:450px;
	margin-left:12px;
	padding:15px 5px 0px 2px;
}

#indexcontent2 {
float: left;
background-color:#fff;
	width: 300px;
	height:420px;
	padding:15px 0px 0px 2px;
}

#aboutcontent {
float: left;
background-color:#fff;
	width: 510px;
	height:400px;
	margin-left:10px;
	padding:15px 0px 0px 5px;
}

#aboutcontent2 {
background:url(../images/corner_graphic.gif) no-repeat bottom right;
	width: 230px;
	height:400px;
	margin-left:0px;
	padding:15px 0px 0px 5px;
}

#footer {
clear: both;
background-image:url(../images/footer.png);
	height: 15px;
	padding: 1px 0px 2px 0px;
	text-align:center;
}

#footer a {
   font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	text-decoration:none;
   }
#footer a:hover {
   font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
   }
#footer a:active {
   font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
   }


#sidebar-a {
background-image:url(../images/sidebg.png);
	list-style-type: none;
	float: left;
	width: 120px;
	height: 490px;
	padding: 10px 0px 10px 2px;
}


/* remove all the bullets, borders and padding from the default list styling */
#sidebar-a ul {
padding:0;
margin:0;
list-style-type:none;
}
#sidebar-a ul ul {
width:120px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#sidebar-a li {
float:left;
width:119px;
position:relative;
}
/* style the links for the top level */
#sidebar-a a, #menu a:visited {
display:block;
font-size:11px;
text-align:center;
text-decoration:none; 
color:#330033; 
height:26px; 
border-right:0px solid #fff;
border-width:0px 0px 0 0; 
padding-left:0px; 
line-height:26px;
}

#sidebar-a a {
   background: url("../images/sidemenu.png") 0 0 no-repeat;
   ...
   }
#sidebar-a a:hover {
   background-position: -120px 0;
   ...
   }
#sidebar-a a:active {
   background-position: -240px 0;
   ...
   }

#content {
	background: #fff;
	float:left;
	width: 310px;
	height: 420px;
    list-style-type:none;
	padding: 0px 0px 0px 0px;
}

#imagedisplay {
	background: #fff;
	float: right;
	width: 320px;
	height: 420px;
}

div.imagecaption
{
float:left;
display:inline;
text-align:center;
border-color:#999;
border-width: 0px 1px 1px 0px;
border-style:solid;
background-image:url();
font: 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}


.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style-type:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
            width:30%;
            margin:0 0 10px 2%; padding:px 0;
            height:90px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
			list-style-type:none;
          }
            .gallery a,
            .gallery img{
              display:block;
              width:100%;
            }
            a img{ border:none; } /* A small fix */
            .gallery a:link,
            .gallery a:visited,
            .gallery a:focus,
            .gallery a:hover,
            .gallery a:active{
              padding:1px;
              background:#fff;
              width:90px; height:90px;
              border:1px solid #ccc; /* We blend the border with the bg, as if it isn't there */
              position:absolute; top:50%; left:50%; /* position it so that image's top left corner is in the center of the list item */
              margin:-41px 0 0 -41px; /* Pull the image into position with negative margins (margins value is half of the width of the image) */
            }
            .gallery a:hover{
              border-color:#999;
            }

#additionallinks {
background:url(../images/additional-links.png) no-repeat top left;
	height: 100px;
	padding: 15px 10px 10px 40px;
}

#additionalinfo {
background:url(../images/additional-info.png) no-repeat top left;
	height: 100px;
	padding: 15px 20px 10px 10px;
}

#links_content {
float: left;
background-color:#fff;
	width: 320px;
	height:600px;
	margin-left:10px;
	padding:15px 0px 0px 20px;
}

#links_content2 {
float: left;
background:url(../images/links_cornerimage.png) no-repeat bottom right;
	width: 350px;
	height:600px;
	margin-left:0px;
	padding:15px 0px 0px 5px;
}




/*#bottomimage
{
	position:absolute;
	left:2px;
	top:470px;
	width:1300px;
	height:390px;
	background: url("../images/decoration.png") no-repeat top left;
	z-index: 0;
}*/