/*
-----------------------------------------------------------------------
GIANTISLAND.COM - CUSTOM STYLE SHEET SYSTEM - copyright 2007
This style sheet system is customized to work in 99.9% of web browsers and mobile agents on the World Wide Web. For superior, high quality web development and style sheet solutions, contact us at www.GiantIsland.com. CSS created by Web Architect, Mitchell Stokely, USA
-----------------------------------------------------------------------
*/



/*GENERAL LAYOUT STYLES*/

html {
height:100%;
}

html body {
width:100%;
height:100%;
min-width:750px;
background-color:#fff;
text-align:left;
/* Creates blue shaded left-right borders throughout the site
padding-left:50px;
padding-right:50px;
background:#004C82 url(../images/bg_body.gif) repeat-x top left;
*/
}

/*Opera 7 Hack*/
@media screen and (min-width:1px){
html,html body {
min-width:750px;
}}

#Form1 {/*id of default ASP.NET "form" wrapper needs special formatting to work with XHTML*/
display:block;
width:100%;
min-width:100%;
max-width:none;
height:auto;
min-height:100%;
max-height:none;
margin:0;
padding:0;
}

#shell1 {
display:block;
width:100%;
min-width:750px;
max-width:100%;
height:auto;
min-height:100%;
max-height:none;
margin:0;
margin-bottom:-40px;
padding:0;
border:none;
text-align:left;
}

#shell2 {
display:block;
width:100%;
min-width:750px;
max-width:100%;
height:auto;
min-height:100%;
max-height:none;
margin:0;
padding:0;
border:none;
text-align:center;
}

/* GIANTISLAND LLC Hack (fixes Safari, IE6 and IE 7 height issues) */
/* Hide from Mac IE \*/
html*#shell1,html*#shell2,html*#shell3 {
[height:auto;/* Mozilla < 1.01 and Netscape 6-7 only */
height:auto;/* Safari for Mac only */
]height:auto;/* IE 7 only */
}
.dummyend[id]{clear:both;}/**/
/*IE 5-6 for PC fix \*/
* html #shell1,* html #shell2,* html #shell3 {
height:100%;
}
/* end */




/* HEADER STYLES */

#header {
clear:both;
margin:0;
padding:0;
width:100%;
min-width:100%;
max-width:100%;
height:auto;
min-height:42px;
max-height:none;
background:#fff;
border:none;
text-align:left;
}



/* CONTENT AREA STYLES */

#skip_to_content,#back_to_top {
clear:both;
position:absolute;
top:0;
left:-999px;
width:990px;
height:0;
line-height:0;
}

#home_content {
margin:20px auto 0 auto;
padding:0px;
width:750px;
min-width:750px;
}

#iframe_content {
margin:0 auto;
min-width:750px;
width:100%;
height:100%;
margin-top:30px;
text-align:center;
/*overflow:scroll;-->right now, scrolling isnt working in the iframe, so have to max out height in iframe*/
}
#iframe1 {
margin:0 auto;
width:100%;
min-width:750px;
height:600px;/*right now, scrolling isnt working in the iframe, so have to max out height here*/
text-align:center;
scrollbar-base-color:#E5E5E5;
scrollbar-face-color:#DEE3E7;
scrollbar-3dlight-color:#D1D7DC;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#DEE3E7;
scrollbar-arrow-color: #006699;
scrollbar-track-color:#EFEFEF;
scrollbar-darkshadow-color:#98AAB1;
}

#content 
{
position:static;
padding-top:100px;/*required due to bug in IE7*/
margin:0px 150px 50px 280px;/*required by Mozilla agents*/
width:auto;/*required by Mozilla agents*/
min-width:200px;
height:auto;
}
* html #content
{
height:100%;
}

#leftdiv {
float:left;
margin:100px 0px 50px 90px;
width:auto;
min-width:160px;
max-width:160px;
height:auto;
min-height:500px;
border-right:#ddd dotted 1px;
}
* html #leftdiv 
{
width:160px;
margin:100px 0px 50px 50px;
height:100%;
}

#leftdivpromo {
float:left;
margin:60px 0px 50px 10px;
width:230px;
min-width:230px;
max-width:230px;
height:auto;
min-height:500px;
border-right:#ddd dotted 1px;
padding-right:10px;
}
* html #leftdivpromo
{
position:absolute;
top:120px;
left:10px;
width:230px;
height:100%;
/*padding-right:10px;*/
}

#layout_stub {
display:block;
clear:both;
margin:0;
padding:0;
width:100%;
min-width:100%;
max-width:none;
height:60px;
min-height:60px;
max-height:none;
border:none;
line-height:normal;
text-align:left;
visibility:hidden;
}





/* FOOTER STYLES */

#footer {
display:block;
clear:both;
margin:0;
padding:0;
width:auto;
min-width:100%;
max-width:100%;
height:auto;
min-height:40px;
max-height:none;
border:none;
text-align:left;
/*width:expression(document.body.clientWidth < 851? "850px":"auto");*/
}

#footer_content {
display:block;
margin:0;
padding:10px 10px 5px 10px;
width:auto;
max-width:none;
height:auto;
max-height:none;
border:none;
text-align:left;
}