html {
  height:100%;
}

body {
/*  background:url(../css_images/background_gradient.png) repeat-y center top;*/
  background-color: #EBEBEB;
  margin:0px;
  padding:0px;
  font-family:ARIAL;
  text-align:center;
  height:100%;
}

/* ----------min max container to center the layout-------------- */
#container {
  max-width: 930px; /* Corresponds to 1024 with scrollbars */
  min-width: 930px; /* Corresponds to 800 with scrollbars */
  width: 100%;
  margin:0 auto;
  text-align:left;
  height:100%;
  background-color: #ffffff;
}



/* ----------page border except bottom-------------- */
#border {
  background:url(../css_images/content_gradient.png) repeat-y left top;
  border-left: 2px solid white;
  border-top: 2px solid white;
  border-right: 2px solid white;
}



/* ----------header-------------- */
#header {
  background-color: #ffffff;
  margin: 0px;
  padding: 11px 17px 11px 17px;
}

#menu {
  height:34px;
  background:url(../css_images/menu.gif) repeat left top;
  text-align: left;
  margin: 0px;
  padding: 0 0 0px 0;
  line-height: 34px;
}

#menu_active {
  background:url(../css_images/menu_active.gif);
}



/* -----------------content--------------------- */

#content_top_fade {
  height:20px;
  background:url(../css_images/content_gradient_top_20.png) repeat-y left top;
  margin: 0px;
  padding: 0 0 0px 0;
}

#content_top_fade_sub {
  height:44px;
  background:url(../css_images/content_gradient_top_20.png) no-repeat left top;
  margin: 0px;
  padding: 0 0 0px 0;
  line-height: 44px;
}

#content {
  /*background-color: #ffffff;*/
  margin-left: 245px;
  margin-right: 17px;
  padding: 0 0 0 0;
}

#content_section {
  margin: 0;
  padding: 0 0 20px 0;
}

#content_section_btm {
  margin: 0;
  padding: 0;
}

#content_btm_fade {
  height:20px;
  background:url(../css_images/content_gradient_btm_20.png) repeat-y left bottom;
  margin: 0px;
  padding: 0 0 0px 0;
}




/* --------------left column------------- */

#leftcol {
  width: 220px;
  float: left;
  margin: 0px;
  padding: 0px;
  text-align:right;
}




/* --------------bottom border------------- */

#bottomborder {
  background-color: #ffffff;
  height:26px;
  margin: 0px;
  padding: 0px;
  line-height: 26px;
}




/* --------------list tag styles------------- */

img.ExpandCollapse {
  border: 0;
  height: 9px;
  width: 9px;
  vertical-align: middle;
  padding: 0 3px 0 0;
  cursor: pointer;
}


ul {
  margin: 0 0 0 30px;
  padding: 0;
  list-style: disc ouside;
}




/* --------------textbox styles------------- */
.TEXTBOX-STYLE1{
  font-size:10PT;
  color:#323232;
  width:200px;
  height:17px;
  background-color:white;
  border: 1px solid #BDBCB9;
  padding:2px;
}


.BUTTON-STYLE1{
  font-size:8PT;
  color:#323232;
  font-weight:700;
  width:75px;
  height:24px;
  background:url(../css_images/button.gif) no-repeat;
  border: 0;
  line-height: 24px;
  text-align:center;
  cursor: pointer;
}




/* --------------text styles------------- */
.HEADER-STYLE1{
  font-size:11PT;
  color:#323232;
  font-weight:700;
}

.HEADER-STYLE2{
  font-size:9PT;
  color:#696969;
  font-weight:700;
}

.HEADER-STYLE3{
  font-size:8PT;
  color:#696969;
  font-weight:700;
}

.MENU-STYLE1{
  font-size:9PT;
  color:#323232;
  font-weight:700;
}

.MENU-STYLE2{
  font-size:9PT;
  color:#696969;
  font-weight:700;
}

.COLUMN-STYLE1{
  font-size:9PT;
  color:#C6C6C9;
  font-weight:700;
}

.COLUMN-STYLE2{
  font-size:9PT;
  color:#323232;
  font-weight:700;
}

.BODY-HEADER-STYLE1{
  font-size:11PT;
  color:#323232;
  font-weight:700;
  margin: 0 0 0 0;
}

.BODY-LIST-STYLE1{
  font-size:9PT;
  color:#323232;
  font-weight:700;
  margin: 0 0 0 0;
}

.BODY-STYLE1{
  font-size:9PT;
  color:#323232;
  font-weight:700;
}

.BODY-STYLE2{
  font-size:8PT;
  color:#696969;
  font-weight:700;
}

.COPYRIGHT-STYLE1{
  font-size:8PT;
  color:#323232;
  font-weight:700;
  margin: 2px 0 0 0;
  text-align:center;
}




/* --------------link styles------------- */
a:link{
 color: #323232;
  text-decoration:none;
}

a:visited{
  color: #323232;
  text-decoration:none;
}
 
a:hover{
  color: #646464; 
  text-decoration:none;
}


a.one:link{
  font-size:9PT;
  color:#696969;
  font-weight:700;
  text-decoration:none;
}

a.one:visited{
  font-size:9PT;
  color:#696969;
  font-weight:700;
  text-decoration:none;
}
 
a.one:hover{
  font-size:9PT;
  color:#323232;
  font-weight:700;
  text-decoration:none;
}



/* --------------PopBox styles------------- */
.PopBoxImageSmall
{
   border: solid 2px white;
   cursor: url("../popbox_images/magplus.cur"), pointer;
   padding:0px;
   margin:0px;
}
.PopBoxImageLarge
{
   border: solid 4px white;
   cursor: url("../popbox_images/magminus.cur"), pointer;
} 



/* --------------Image Border styles------------- */
.ImageBorder
{
   border: solid 2px white;
   padding:0px;
   margin:0px;
}

.ImageBorder2
{
   border: 0px;
   padding:0px;
   margin: 0px 10px 10px 0;

}

.ImageBorder3
{
   border: 0px;
   padding:0px;
   margin: 0px;

}



/* --------------Index Gallery styles------------- */

.IndexGallery
{
  height: 163px;
  border: solid 5px #e6dfcf;
  cursor: pointer;
}

.IndexGallery2
{

  border: solid 5px #e6dfcf;
  cursor: pointer;
}

/* --------------Custom Font styles------------- */

@font-face{ 
	font-family: 'swissl_font';
	src: url('../css_fonts/swissl-webfont.eot');
	src: url('../css_fonts/swissl-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../css_fonts/swissl-webfont.woff') format('woff'),
	     url('../css_fonts/swissl-webfont.ttf') format('truetype'),
	     url('../css_fonts/swissl-webfont.svg#webfont') format('svg');
}

.swissl_font{
	font-family: 'swissl_font';
}