<!-- /* Style Sheet */
/*style name="Solutions"*/

/* hide from ie5 mac \*/
	html {
		height: 100%;
		overflow: scroll;
	}
	
	#flashcontent {
		height: 100%;
		width: 100%;
	}
    
/* end hide */
	

body {
	height: 100%; 
	margin: 0; 
	padding: 0; 
	text-align: center;
	background-color:#ffffff;
    width: 100%;
}
img.c4 {border:0;width:640px;height:480px;}
img.c3 {border:0;width:64px;height:48px;}
img.c2 {border:0;width:135px;height:36px}
img.c1 {border:0;width:88px;height:31px}
img {border:0;}
#top {position: absolute; left: 0%; top: 0%; height: 20%; width: 100%; margin: auto; text-align: center; float: left;}
#tl {position: absolute; left: 10%; top: 5%; height: 50%; width: 25%; margin: auto; text-align: center; float: left;}
#tr {position: absolute; left: 30%; top: 5%; height: 50%; width: 70%; margin: auto; text-align: center; float: left;}
#middle {position: absolute; left: 0%; top: 22%; height: 55%; width: 100%; margin: auto; text-align: center; float: left;}
#bottom {position: absolute; left: 0%; top: 85%; height: 10%; width: 100%; margin: auto; text-align: center; float: left;}
#a {position: absolute; left: 15%; top: 5%; height: auto; width: auto; margin-left:auto; margin-right:auto; border: 1px; margin: 1em; padding: 5px; text-align: center;}
#b {position: absolute; left: 30%; top: 5%; height: auto; width: auto; margin-left:auto; margin-right:auto; border: 1px; margin: 1em; padding: 5px; text-align: center;}
#c {position: absolute; left: 45%; top: 5%; height: auto; width: auto; margin-left:auto; margin-right:auto; border: 1px; margin: 1em; padding: 5px; text-align: center;}
#d {position: absolute; left: 60%; top: 5%; height: auto; width: auto; margin-left:auto; margin-right:auto; border: 1px; margin: 1em; padding: 5px; text-align: center;}
#e {position: absolute; left: 75%; top: 5%; height: auto; width: auto; margin-left:auto; margin-right:auto; border: 1px; margin: 1em; padding: 5px; text-align: center;}
hr.center {width: 30%; margin-left:auto; margin-right:auto;}
div.image {text-align: center;}
div.yellowback {background-color: #FFFFCC;}
div.blueback {background-color: #66CCFF;}
div.pinkback {background-color: #FFCCFF;}
a:link    {text-decoration:none;}
a:hover  {text-decoration: underline;}
a:active  {text-decoration:none}
a:visited {text-decoration:none}
H1 {font-family: sans-serif; font-style: italic; text-align: center; color: #FF0000}
H2 {font-family: sans-serif; text-align: center; color: blue;}
H3 {font-family: sans-serif; color: black; text-decoration:underline; text-align: center; font-style: italic; font-weight: bold;}
H4 {font-family: sans-serif; text-align: center; color: #0000CC}
H5 {font-family: sans-serif; text-align: center;}
H6 {font-family: sans-serif; text-align: center;}

table.mini {width: 40%; margin-left:auto; margin-right:auto;}
#tablemini td a:link, a:active {color:#0000ff; background-color:#ffffff;}
#tablemini td a:visited {color:#0000ff; background-color:#ffffff;}
#tablemini td a:hover {color: #0000ff; background-color:#ffff99;}
#tablemini td {text-align: center;}

.galleria{list-style:none; position: relative; width:auto;}
.galleria li{display:block;overflow:hidden;float:left;margin:0 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:64px;height:48px;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:700px;} /* MSIE bug */

table.center {width: 70%; margin-left:auto; margin-right:auto;}

/*** Nav bar styles ***/

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	width: 60%;
    margin-top: 3%;
    margin-left: 20%;
	padding: 0;
	list-style-type: none;
    
}

ul.nav{display: table; }
ul.nav>li{
    display: table-cell;
    position: relative;
	padding: 2px 6px;
    text-align: center;
    background-color: #ffccff;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
    width: 25ex;
	max-width: 40ex;
	margin-left: -6px;
	margin-top: 2px;
    text-align: left;
    
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : inline-block;
    
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: inline-block;
	padding: 2px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{background-color: #ffccff;}


ul.nav li:hover,
.nav ul li a:hover{background-color: #ffffcc; font-weight: bold;}

ul.nav li:active,
.nav ul li a:active{text-decoration: none;}

ul.nav li: a:visited{font-color: #ff0000;}

ul.nav,
.nav ul{border: 1px solid;}

.nav a{text-decoration: none;}

/* End Style Sheet */