body {
	background: #F0F0F0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #333333;*/
	margin: 0px;
	padding-bottom:15px;
	text-align: left;
	behavior: url(csshover.htc); /* JavaScript fix for IE */
}

#container{
    width:770px;
	margin:auto;
    border:1px solid #426C7E;
}

#header {
    line-height:45px;
	height: 104px;
    text-align:center;
}

#header img {
	display:block;
}

#nav-header {
    height:30px;
    font-size:1;
    background-image:url(/gallery/themes/integreatetest/images/footer.gif);    
 }

#content img {
    margin:10px;
}

#links {
    line-height:42px;
    text-align:center;
    background-image:url(/gallery/themes/integreatetest/images/links.jpg);
    margin:auto;
 }

#links a {
    font-size:18px;
    color:#f2d669;
    text-decoration:none;
    background-color:inherit;
    margin:0 15px;
}

a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color: orange; text-decoration:none;}
a:active {color: #000000; text-decoration:none;}

#welcome {
    margin-top:10px;
    text-align:center;
	font-size: 17px;
	verticle-align: top;
	color: #6C422C;
 }


#content p {
    margin-top:10px;
    text-align:justify;
	text-indent: 15pt;
	line-height: 1.5em;
}


#footer {
    height:30px;
    font-size:1;
    background-image:url(/gallery/themes/integreatetest/images/footer.gif);   
	text-align:center; 
 }

#menu a {
    font-size:12px;
    color:#ffffff;
    background-color:#426C7e;
}

#menu a:link {color: #ffffff}     /* unvisited link */
#menu a:visited {color: #ffffff}  /* visited link */
#menu a:hover {color: #E0F437}   /* mouse over link */
#menu a:active {color: #E0F437}   /* selected link */


#copy {
    font-size:12px;
    color:#C22626;
    background-color:#F0F0F0;
	margin:1px 0;
	text-align:center;
}



.galpara{
	text-align:center;
}

/* Resources 2 colums*/

#col1 {
	float: left;
	width: 300px;
	height: 1%;
	margin-left: 100px;
	margin-top: 20px;
	margin-bottom: 10px;
	display: inline;
}

#col2 {
	margin-left: 405px;
	width: 300px;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 400px;

}

.brclear { /* Use a break with this class to clear float containers on both sides */
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}


/* Directions */

#section1 {
	float: left;
	width: 200px;
	margin-left: 100px;
}

#section2 {
	margin-left: 405px;
	width: 200px;
	/* clear:right;*/
}

#section3 {
	float:left;
	margin-left: 100px;
	width: 200px;
}

#section4 {
	margin-left: 405px;
	/*clear:right;*/
	width: 200px;
}

#section1 p, #section2 p, #section3 p, #section4 p{
	text-align: left;
	line-height: 1.25em;
	padding: 5px;
	margin: 0;
}

.titles {
	color:#C22626;
}




/* Root = Horizontal, Secondary = Vertical */

ul#navmenu {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 500px; /*For KHTML*/
  list-style: none;
  height: 24px;
}


ul#navmenu li {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}


ul#navmenu ul {
  margin: 0 auto;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
}


/* Root Menu */

ul#navmenu a {
  border: px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 10px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: #426C7e;
  color: #ffffff;
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: 24px !important;
  height: 1%; /*For IE*/
}



/* Root Menu Hover Persistence */

ul#navmenu a:hover,

ul#navmenu li:hover a,

ul#navmenu li.iehover a {
  background: #426C7e;
  color: #E0F437;
}



/* 2nd Menu */

ul#navmenu li:hover li a,

ul#navmenu li.iehover li a {
  float: none;
  background: #426C7e;
  color: #ffffff;
}



/* 2nd Menu Hover Persistence */

ul#navmenu li:hover li a:hover,

ul#navmenu li:hover li:hover a,

ul#navmenu li.iehover li a:hover,

ul#navmenu li.iehover li.iehover a {
  background: #426C7e;
  color: #E0F437;
}



/* 3rd Menu */

ul#navmenu li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li a {
  background: #426C7e;
  color: #ffffff;
}



/* 3rd Menu Hover Persistence */

ul#navmenu li:hover li:hover li a:hover,

ul#navmenu li:hover li:hover li:hover a,

ul#navmenu li.iehover li.iehover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover a {
  background: #426C7e;
  color: #E0F437;
}



/* 4th Menu */

ul#navmenu li:hover li:hover li:hover li a,

ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}



/* 4th Menu Hover */

ul#navmenu li:hover li:hover li:hover li a:hover,

ul#navmenu li.iehover li.iehover li.iehover li a:hover {

  background: #CCC;

  color: #E0F437;

}



ul#navmenu ul ul,

ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}



/* Do Not Move - Must Come Before display:block for Gecko */

ul#navmenu li:hover ul ul,

ul#navmenu li:hover ul ul ul,

ul#navmenu li.iehover ul ul,

ul#navmenu li.iehover ul ul ul {

  display: none;

}



ul#navmenu li:hover ul,

ul#navmenu ul li:hover ul,

ul#navmenu ul ul li:hover ul,

ul#navmenu li.iehover ul,

ul#navmenu ul li.iehover ul,

ul#navmenu ul ul li.iehover ul {

  display: block;

}