/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";
@import "lib/plugins/toggle1_comments.css";
@import "lib/plugins/toggle2_columns.css";


/* Page
-------------------------------------------------------------- */


html {


}

body {
	margin-top: 0px;
	margin-left: 0px;
	background: #cccccc url(../bg_big.jpg) repeat-y center;
}

#page {
	margin: 0 auto;
	width: 970px;
}



/* Header
-------------------------------------------------------------- */

#navtop {
	padding-top: 3px;
	float: right;
	height: 50px;
	text-align: right;
}
#navtop li {
	display: inline;
}

#header {
	margin-top: 0px;
	margin: 0;
	height: 115px;
	width: 100%;
	background: #fff url(../header.gif) no-repeat 0px 0px;
}

#logo {
	float: left;
	width: 200px;height: 100px;
}

#navbar {
	margin-top: 0px;
	margin: 0;
	height: 78px;
	width: 100%;
	background: #fff url(../nav_slice.jpg) repeat-x 0px 0px;
}


/* Content
-------------------------------------------------------------- */


#content { float: left; width: 970px; min-height: 400px;
	background: white url(../content_BG.gif) repeat-y 0px 0px;
}

#maincontent { float: left; width: 560px; min-height: 250px;padding: 20px;background: #fff url(../banner.jpg) no-repeat 0px 0px;padding-top: 320px;}

#maincontenttext { float: left; width: 560px; min-height: 250px;padding: 20px; }

.greenBG {background: #339933 url(../toneGreen.jpg) repeat-x 0px 0px;}
.blueBG {background: #0033FF url(../toneBlue.jpg) repeat-x 0px 0px;}
.orangBG {background: #F35A00 url(../toneOrang.jpg) repeat-x 0px 0px;}
.pinkBG {background: #CC0066 url(../tonePink.jpg) repeat-x 0px 0px;}
.greyBG {background: #666666 url(../toneGrey.jpg) repeat-x 0px 0px;}

.greenBGx {background: #fff url(../toneGreenx.jpg) repeat-x 0px 0px;}
.blueBGx {background: #fff url(../toneBluex.jpg) repeat-x 0px 0px;}
.orangBGx {background: #fff url(../toneOrangx.jpg) repeat-x 0px 0px;}
.pinkBGx {background: #fff url(../tonePinkx.jpg) repeat-x 0px 0px;}
.greyBGx {background: #fff url(../toneGreyx.jpg) repeat-x 0px 0px;}




.landingcontent { float: left; width: 400px; min-height: 70px;margin-right: 30px;margin-bottom: 0px;margin-top: -15px;
padding: 20px;padding-top: 30px;padding-right: 150px;background:  url(../paper.png) no-repeat 0px 0px;

}


#landingimage{ float: left; margin-right: 10px;}

#rightcontent { float: left; width: 370px;  background-color: #eee;}

#subnavlinks { float: left; width: 330px; padding: 20px;}




#sitewiselinks { float: left; width: 330px;  background-color: #333;padding: 20px;}

#share { float: left; width: 290px; padding: 30px;	padding-top: 60px;min-height: 180px;background: #eee url(../share_bg.png) no-repeat 20px 20px;}

#sendfriend {
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	width: 320px;
	height: 40px;
	background: url(../search.png) no-repeat 0px 0px;
}

/* @group Nav rollovers using tabs css */

#button1 .tabs, #button2 .tabs, #button3 .tabs, #button4 .tabs, #button5 .tabs, #button6 .tabs { height: 78px;}
#button1 .tabs li, #button2 .tabs li, #button3 .tabs li, #button4 .tabs li, #button5 .tabs li, #button6 .tabs li { height: 78px;}
#button1 .tabs a:hover, #button2 .tabs a:hover, #button3 .tabs a:hover, #button4 .tabs a:hover, #button5 .tabs a:hover, #button6 .tabs a:hover { background-position: 0px -100px; height: 78px;}

#button1 .tabs a { text-decoration: none; background: url(../button1.png) 0 0 no-repeat;height: 78px; }
#button2 .tabs a { text-decoration: none; background: url(../button2.png) 0 0 no-repeat;height: 78px; }
#button3 .tabs a { text-decoration: none; background: url(../button3.png) 0 0 no-repeat;height: 78px; }
#button4 .tabs a { text-decoration: none; background: url(../button4.png) 0 0 no-repeat;height: 78px; }
#button5 .tabs a { text-decoration: none; background: url(../button5.png) 0 0 no-repeat;height: 78px; }
#button6 .tabs a { text-decoration: none; background: url(../button6.png) 0 0 no-repeat;height: 78px; }

#button1x .tabs a { text-decoration: none; background: url(../button1x.png) 0 0 no-repeat;height: 78px; }
#button2x .tabs a { text-decoration: none; background: url(../button2x.png) 0 0 no-repeat;height: 78px; }
#button3x .tabs a { text-decoration: none; background: url(../button3x.png) 0 0 no-repeat;height: 78px; }
#button4x .tabs a { text-decoration: none; background: url(../button4x.png) 0 0 no-repeat;height: 78px; }
#button5x .tabs a { text-decoration: none; background: url(../button5x.png) 0 0 no-repeat;height: 78px; }
#button6x .tabs a { text-decoration: none; background: url(../button6x.png) 0 0 no-repeat;height: 78px; }


#buttonwrap1,#buttonwrap2,#buttonwrap3,#buttonwrap4,#buttonwrap5,#buttonwrap6 {
	float: left;margin-left: 12px;
}

/* @end */





#toggledown {
	width: 130px;
	padding-top: 40px;
	margin-top: 20px;
	float: left;
	font-size: 0.8em;
}


#banner {float: left; width: 150px;margin-bottom: -20px;}









/* Footer
-------------------------------------------------------------- */
#footer { float: left; width: 100%;height: 115px;background: #666 url(../foot_slice.jpg) repeat-x 0px 0px;
}

#footerbox { float: left; padding-left: 20px;padding-top: 50px;color: #ccc;
}