/* Style Sheet:	WebAttract 					*/
/* Author:		Dedita Design 					*/
/* Last Update:	8:00 PM Monday, July 1, 2010		*/


/* entry page */

#copy_hp {
	position: absolute;
	top: 0px;
	margin-left: auto; 
	margin-right: auto;
	width: 960px;
	height: 500px;
	padding: 0px;
}

#copy_hp a:link {
	color: #000000;
}

#copy_hp a:visited {
	color: #000000;
}

#copy_hp a:hover {
	color: #FFFFFF;
}

#quote {
	margin-top: 25px;
	margin-left: 50px; 
	margin-right: 50px;
	height: 100px;
	font-size: 10px;
}



/*Credits: www.freecssmenus.co.uk */
/* Medium Button */
a.buttonmed{ background: url(../images/orange2left325.gif) no-repeat top left;
display: block;
padding-left: 10px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color:#FFFFFF }
a:visited.buttonmed,a:active.buttonmed{ color: white!important;
}
a.buttonmed span{ background: url(../images/orange2398.gif) no-repeat top right;
display: block;
padding: 12px 14px 13px 6px;
}
a:hover.buttonmed{ background: url(../images/orange2left325.gif) no-repeat;
background-position: 0 -59px;
color:#003300!important;
}
a:hover.buttonmed span{ background: url(../images/orange2398.gif) no-repeat top right;
background-position: right -59px;
}
/* Large Button */
a.buttonlg{ background: url(../images/orangebigleft913.gif) no-repeat top left;
text-decoration: none;
display: block;
float: left;
padding-left: 40px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
font-weight: bold;
color:#FFFFFF }
a:visited.buttonlg,a:active.buttonlg{ color: white!important;
}
a.buttonlg span{ background: url(../images/orangebig1985.gif) no-repeat top right;
display: block;
padding: 70px 40px 70px 0px;
}
a:hover.buttonlg{ background: url(../images/orangebigleft913.gif) no-repeat;
background-position: 0 -228px;
color:#228822!important;
}
a:hover.buttonlg span{ background: url(../images/orangebig1985.gif) no-repeat top right;
background-position: right -228px;
}
/* Small Button */
a.buttonsm{ background: url(../images/orangesmallleft314.gif) no-repeat top left;
display: block;
text-decoration: none;
float: left;
padding-left: 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color:#FFFFFF }
a:visited.buttonsm,a:active.buttonsm{ color: white!important;
}
a.buttonsm span{ background: url(../images/orangesmall203.gif) no-repeat top right;
display: block;
padding: 7px 6px 7px 0px;
}
a:hover.buttonsm{ background: url(../images/orangesmallleft314.gif) no-repeat;
background-position: 0 -35px;
color:#228822!important;
}
a:hover.buttonsm span{ background: url(../images/orangesmall203.gif) no-repeat top right;
background-position: right -35px;
}
/* Button Container */
.buttcontainer{ overflow: hidden;
width: 150px;
}

/* --------------- end ----------------------*/





body {
	top: 0px;
	margin-left: 0px;
	margin-top: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	background-color: #FFFFFF;
	background-image: url(../images/background-dark.png);
}

H2 {
	color:#404040;
	font-size: 16px;
	text-align: left;
}

H3 {
	color:#808080;
	font-style: italic;	
	font-size: 14px;
}

#pagewrapper {
	position:relative;
	top:0px;
	margin-left: auto;
	margin-right: auto;
	width:960px;
	height: 800px;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	clip: rect(0px,auto,auto,auto);
	margin-top: 0px;
}

#bodywrap {
	top: 100px;
	position: relative;
	z-index:6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header {
	position:absolute;
	left: 0px;
	top: 0px;
	width:960px;
	height:80px;
	z-index:6;
	visibility: visible;
}

#contact {
	font-size:10px;
	position:absolute;
	width:300px;
	height:80px;
	z-index:9;
	right: 10px;
	top: 0px;
	visibility: visible;
}

#contact a:link {
	color: #000000;
}

#contact a:visited {
	color: #000000;
}

#contact a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}


#topnav {
	position:absolute;
	width:100%;
	height:20px;
	z-index:1;
	left: 0px;
	top: 80px;
	visibility: visible;
	background-color: #FFCC00;
}

#topnav a:link {
	color: #000000;
	text-decoration:none;
}

#topnav a:visited {
	color: #000000;
	text-decoration:none;
}

#topnav a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
	text-decoration:none;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	height:20px;
	font-size: 10px;
	z-index:60;
	visibility: visible;
	text-align: center;
	color: #FFFFFF;
}

#footer a:link {
	color: #FFFFFF;
}

#footer a:visited {
	color: #FFFFFF;
}

#footer a:hover {
	color: #FFFFFF;
}

#leftpane {
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	z-index:8;
	background-color: #FFFFFF;
	height: 600px;
	background-image: url(../images/leftpane.png);
	background-repeat:no-repeat;
}

#rightpane {
	position:absolute;
	right:0px;
	top:0px;
	width:160px;
	height:850px;
	z-index:7;
	background-image: url(../images/rightpanel_people_1.gif);
	background-position: right; 	
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#rightpane-2 {
	position:absolute;
	right:0px;
	top:0px;
	width:160px;
	z-index:7;
	height: 900px;
	background-image: url(../images/rightpanel_people_2.gif);
	background-position: right; 	
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
}

#rightpane-3 {
	position:absolute;
	right:0px;
	top:0px;
	width:160px;
	z-index:7;
	height: 900px;
	background-image: url(../images/rightpanel_people_3.gif);
	background-position: right; 	
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
}

#watermark {
	position:absolute;
	right:0px;
	top:0px;
	width:700px;
	z-index:5;
	height: 300px;
	background-image: url(../images/waves.jpg);
	background-repeat: no-repeat;
	background-position:right;
}

#news {
	position:absolute;
	left:10px;
	top:10px;
	width:250px;
	z-index:6;
	height: 75px;
}

#news_old {
	position:absolute;
	left:10px;
	top:0px;
	width:230px;
	z-index:6;
	height: 50px;
	background-image: url(../images/news.gif);
	background-repeat: no-repeat;
}

#news a:link {
	color: #000000;
}

#news a:visited {
	color: #000000;
}

#news a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}

#news2 {
	position:absolute;
	left:10px;
	top:10px;
	width:500px;
	z-index:7;
	height: 500px;
}

#news2 a:link {
	color: #000000;
}

#news2 a:visited {
	color: #000000;
}

#news2 a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}

#newslist {
	position:absolute;
	left:0px;
	top:250px;
	width:160px;
	z-index:8;
	height: 200px;
	padding: 10px;
}

#newslist a:link {
	color: #000000;
}

#newslist a:visited {
	color: #000000;
}

#newslist a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}

#banner {
	display:block;
	position:absolute;
	left:0px;
	width:160px;
	height:250px;
	z-index:10;
	top: 350px;
	text-align: center;
}

#alerts {
	display:block;
	position:absolute;
	left:665px;
	width:120px;
	height:70px;
	z-index:10;
	top: 5px;
}

#copy {
	position:absolute;
	left:160px;
	right:160px;
	top:0px;
	z-index:6;
	height: 750px;
	padding: 10px;
}

#copy a:link {
	color: #000000;
}

#copy a:visited {
	color: #000000;
}

#copy a:hover {
	color: #FFFFFF;
	background-color: #FFCC00;
}

#copy li {
	padding-bottom: 15px;	
}

#socialize {
	position: absolute;
	top: 0px;
	margin-top: 5px;
	margin-right: 5px;
	right: 170px;
	visibility: visible;
	z-index: 10;
}

.date {
	font-size:10px;
	color:#808080;
}

.index_header {
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

.index_text {
	font-size: 11px;
	color: #4A4B4C;
}

.index_more {
	font-weight: strong;
	font-size: 10px;
	text-align: right;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:160px;}
#flyout ul {padding:0; margin:0; list-style:none; width:160px; height:auto; background: url(trans.gif); position:absolute; left:-9999px; top:0;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px;}
#flyout li a {display:block; float:left; width:160px; height:24px; background:#888; color:#000; line-height:24px; font-family:arial, sans-serif; font-size:11px; text-decoration:none; text-indent:10px;}
#flyout li a.fly {background:#888 url(right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#e60; color:#fff;}
#flyout li:hover > a {background-color:#FA0; color:#fff;}

#flyout ul li a {background:#aaa;}
#flyout ul li a.fly {background:#aaa url(right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#ccc;}
#flyout ul ul li a.fly {background:#ccc url(right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#ddd;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#000; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:150px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#e60; color:#fff;}
#flyout ul ul li:hover > a {background-color:#e60; color:#fff;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
	position: relative;
	z-index: 0;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 2px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -100px;
	left: 50px; /*position where enlarged image should offset horizontally */
	z-index:51;
}



/*Credits: Page flip */
/*URL: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/ */

#pageflip {
	display: block;
	position: relative;
	z-index: 40;
}
#pageflip img {
	width: 50px;
	height: 52px;
	z-index: 30;
	position: absolute;
	right: 0;
	top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/pagepeel.png) no-repeat right top;
	text-indent: -9999px;
	z-index:20;
}


/* Karate Corners // Soh Tanaka //www.sohtanaka.com/web-design-blog/ */
	/* general styles */
	.layout { position: relative; width: 50%; margin: auto; }
	.left { position: relative; width: 48%; float: left; padding: 0 1% 0 0; }
	.right { position: relative; width: 48%; float: right; padding: 0 0 0 1%; }
	.bottom { position: relative; height: 0; clear: both; }
	.footer { position: relative; text-align: right; font-size: 80%; color: #3f3f3f; }
	.footer a { color: #3f3f3f; }
	
	/* box styles */
	.box { position: relative; width: 100%; margin: 0 0 10px 0; }

/*	.orange { background: #ff6c01 url('../images/gradient-orange.png') top repeat-x; }    */
	.orange	{ background: #ff6c01 }
	.brown	{ background: #671400 }
	.green	{ background: #98d11d }
	.blue	{ background: #24b2e7 }
	.red	{ background: #d94017 }
	.silver	{ background: #F0F1F2 }
	.grey	{ background: #CCC5BB }
	.inner 	{ padding: 3px 10px 3px 10px; }
	
	/* corners */
	.corner-grey { position: absolute; width: 10px; height: 10px; background: url('../images/corners_grey.gif') no-repeat; font-size: 0%; }
	.corner-blue { position: absolute; width: 10px; height: 10px; background: url('../images/corners_blue.png') no-repeat; font-size: 0%; }
	.corner-white { position: absolute; width: 10px; height: 10px; background: url('../images/corners.png') no-repeat; font-size: 0%; }
	.TL { top: 0; left: 0; background-position: 0 0; }
	.TR { top: 0; right: 0; background-position: -10px 0; }
	.BL { bottom: 0; left: 0; background-position: 0 -10px; }
	.BR { bottom: 0; right: 0; background-position: -10px -10px; }