* {margin:0;padding:0;}

/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */





body { 
background-color: #ccd0d3;


min-height:468px;/* for good browsers*/
min-width:552px;/* for good browsers*/
font-family:"itc avant garde extra light", "Century Gothic", arial, Helvetica, sans-serif;
font-weight:100;
}




#outer{
height:100%;
width:100%;
display:table;


}

#container {

position:relative;
vertical-align:middle;
display:table-cell;
height: 620px;
} 

* html #container {
min-height:720px;
position: relative!important;
			top: 50%!important;
			margin-top: -310px!important;
			}/* for ie6 only*/

/* Target IE7 only */
html>body #container  {

*top: 50%!important;
			*margin-top: -310px!important;
}
/* end */

#inner {
width: 1000px;
background: #ffffff;
height: 620px;
margin-left:auto;
margin-right:auto;
border:0px solid #000;



}





img{border:0px;}	
			
			
			
#framecontent{
position: absolute;
width: 200px; /*Width of frame div*/
height: 100%;
color: gray;
text-align:left;

}

#maincontent{
	position: absolute;
	float:right;
	border-left:7px solid #ccd0d3;
	left:231px;
	top:0px;
height: 100%;

}

#maincontentscreen{
	position: absolute;
	float:right;
	border-left:7px solid #ccd0d3;
	left:231px;
	top:0px;
height: 720px;
width:755px;
background:url(images/GetAttachment.jpg) no-repeat center;
padding:0 0 0 0px;

}

#maincontentscreeninner {
	position: absolute;
	left:155px;
	top:190px;
	height: 250px;
	padding:0 0 0 0px;
}


/*navigation */




.markermenu ul{
list-style-type: none;
margin: 0px 0px 1px 0;
padding: 0;

}

.markermenu ul li a{
background: white url(media/arrow-list.gif) no-repeat 2px center;

font-size:17px ;
letter-spacing:-0.5px;
color: #999999;
display: block;
width: auto;
padding: 3px 0px 4px 0;
padding-left: 14px;
text-decoration: none;
font-weight:100;

}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 180px;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
color: #999999;
}
 .markermenu ul ul li a{
	font-size: 12px;
}


.markermenu ul li a:hover{
color: #ffcc33;
background-color: #ffffff;

}

/* Holly Hack for IE \*/
* html .markermenu ul li { height: 1%; }
* html .markermenu ul li a { height: 1%; }
/* End */







#info {height:400px; position:relative;}
 
#menuOuter {padding:0 0 10px 0; margin:0; list-style:none; width:210px; background: #ffffff; position:absolute; z-index:800; left:15px;color:#999999; top:80px;}
#menuOuter li#menu1 {float:left; width:190px;}
#menuOuter table {border-collapse:collapse; padding:0; margin:0; width:0; height:0; margin:-1px -4px -1px -4px;background: #ffffff;}
#menuOuter li#menu1 a#menuLink {display:block; padding:0 0 0 0; margin:0;  height:18px; width:190px; text-align:left;  color:#ffcc33;  text-decoration:none;font-size:11px;background: #ffffff;}
#menuOuter ul {position:absolute; left:0; top:0; padding:0; margin:0; list-style:none; height:0; overflow:hidden;}
 
#menuOuter li#menu1 a#menuLink:hover {border:0; color:#999999;background: #ffffff;}
#menuOuter li#menu1:hover > a#menuLink {color:#999999;background: #ffffff;}
#menuOuter :hover ul {position:relative; top:0; height:auto; overflow:visible; padding:0 0px; margin:0; list-style:none; width:181px; color:#999999;font-size:17px;letter-spacing:-0px;height:340px;}
 
#menuOuter :hover ul ul {position:absolute; top:0px; height:0; overflow:hidden;color:#999999;background: #ffffff;}
 
#menuOuter :hover ul li a {display:block; padding:0; margin:0; width:181px; height:29px;color:#999999; text-align:left; line-height:30px; cursor:pointer; text-decoration:none;}
#menuOuter :hover ul li a:hover {display:block; padding:0; margin:0; width:180px; height:29px;color:#ffcc33; text-align:left; line-height:30px; cursor:pointer; text-decoration:none;}
#menuOuter :hover ul li {float:left;}
 
#menuOuter :hover ul :hover ul {position:relative; height:25px; overflow:visible; width:210px; padding:0; margin:0;  text-align:left;  top:0; cursor:default;}
#menuOuter :hover ul :hover ul li a {background:transparent; height:22px; line-height:22px; color:#999999; border-bottom:0px solid #aaa; font-weight:normal; font-size:11px;}
 
#menuOuter :hover ul :hover ul li a:hover {color:#ffcc33;}

/* Target IE7 only */
html>body #menuOuter ul ul {

*height:300px!important;


}
/* end */