/* CSS Document */

body { padding:15px 5px 10px 5px; margin:0px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:0.70em;}
p { line-height:1.4em; padding:5px 0px 10px 0px; margin:0px; position:relative;}
a:link, a:visited { color:#ffa12d; text-decoration:none; padding:0px; margin:0px;}
a:hover, a:active, a:focus { color:#002e5f; text-decoration:none; padding:0px; margin:0px;}

.container { width:961px; margin:0 auto 0 auto; overflow:hidden;}
.content { padding:5px; margin:0px 0px 0px 0px; background-color:#e6e6e6;}
.innercontent { background-color:#ffffff; padding:10px 10px 5px 10px; position:relative; width:931px;}
.innercontent p { position:relative;}

h1 { padding:10px 0px 7px 0px; margin:0px; color:#333; font-size:1.5em; font-weight:lighter;}

.mastheadbox { border-bottom:1px solid #cccccc; height:280px;}
.flashmasthead { float:left; clear:none; width:473px; display:block; text-align:left; margin-right:5px; }
.intromasthead { float:right; clear:none; width:473px; height:280px; display:block; text-align:justify; background-color:#FFFFFF;} 
.intromasthead h1 { padding:0px 15px 0px 15px; margin:10px 0px;} 
.intromasthead h2 { padding:0px 15px 5px 15px; margin:0px; color:#333; font-size:1.2em; font-weight:lighter;} 
.intromasthead p { padding:5px 15px 5px 15px;} 

.itempanels { display:block; overflow:hidden; margin-top:5px; clear:both;}
.itempanel { padding:15px 20px 20px 20px; width:194px; background-color:#FFFFFF; float:left; display:inline;}
.itempanel:hover { background-color:#333333; color:#FFFFFF;}
.itempanel:hover h2 { color:#FFFFFF;}
.itempanel h2 { padding:0px 0px 7px 0px; margin:0px; color:#333; font-size:1.3em; font-weight:lighter; text-align:center;}
.itempanel a:link, .itempanel a:visited { color:#ffa12d; text-decoration:none; display:block; border-bottom:none;}
.itempanel a:hover, .itempanel a:active, .itempanel a:focus { color:#002e5f; text-decoration:none; display:block;}

/* HEADER */
.logo { width:317px; height:59px; display:inline; overflow:hidden; float:left; clear:none;}
.strapline { /*width:826px; height:78px; display:inline; overflow:hidden; float:right; clear:none;*/}
.headercolumn {width:961px; display:block; float:none; clear:both;}
div#logostrip {
width: 941px;
height: 59px;
position: relative;
background-image: url(images/arachni.gif);
background-repeat: no-repeat;
margin-bottom:15px;
margin-left:12px;
padding:0px;
}
div#logostrip h2 {
width: 288px !important;
height: 25px;
padding: 0px 15px 0px 0px; margin:0px;
position: absolute;
top: 0;
right: 0;
line-height: 16px;
font-size: 11px;
color: #4d4d4d;
font-style: normal; font-weight:normal;
text-align:right;
}
#logostrip a.logostriplink {
display: block;
text-indent: -5000em;
width: 317px;
height: 59px;
position: absolute;
left: 0;
top: 0;
}

/* CONTENT */
.contentcolumn { width:672px; padding:10px 20px 15px 20px; float:left; clear:none; background-color:#ffffff; line-height:1.4em; border-bottom:1px solid #cccccc;}
.contentcolumn h1 { color:#ffa12d; font-size:2em; font-weight:normal; padding:5px 0px 5px 0px; margin:0px;}
.contentcolumn h2 { font-size:1em; font-weight:lighter; color:#ffa12d; padding:7px 0px 7px 0px; margin:0px;}
.contentcolumn h3 { font-size:1em; font-weight:lighter; color:#ffa12d; padding:7px 0px 7px 0px; margin:0px;}
.contentcolumn a:link, .contentcolumn a:visited { color:#ffa12d; text-decoration:none;}
.contentcolumn a:hover, .contentcolumn a:active, .contentcolumn a:focus { color:#002e5f; text-decoration:none;}
.contentcolumn img { float:left; position:relative; margin:10px 20px 0px 0px;}

/* GALLERY SELECTION UL LI LIST */
.arachnigallery { padding:10px; background-color:#E6E6E6; display:none;}
.arachnigallery p { padding:0px 0px 10px 0px; margin:0;}
.arachnigallery ul { padding:0; margin:0;}
.arachnigallery li { float:left; clear:none; display:inline; width:90px !important; height:90px !important; border:5px solid #fff; margin-right:1px; margin-bottom:1px;}
.arachnigallery li:hover { border:5px solid #333333; color:#FFFFFF;}
.galleryloadingstatus { display:block; text-align:center;}
.galleryloadingstatus img { vertical-align:middle;}

/* RIGHT COLUMN */
.rightcolumn { width:234px; float:right; clear:none;}

/* SUB NAVIGATION */
.subnavbox { width:194px; padding:0px 20px 15px 20px; float:right; clear:none; background-color:#ffffff; margin-bottom:5px; border-bottom:1px solid #cccccc;}
.subnavbox ul { margin:0px; padding:0px; list-style-type:none; text-transform:uppercase;}
.subnavbox ul li { padding:10px 0px 10px 0px; background-image:url(../imgs/nav/subnav-rainbowstrip.jpg); background-position:bottom left; background-repeat:no-repeat; list-style-type:none; list-style:none;}
.subnavbox a:link, .subnavbox a:visited { color:#000000; text-decoration:none;}
.subnavbox a:hover, .subnavbox a:active, .subnavbox a:focus { color:#ffa12d; text-decoration:none;}
.subnavactive { color:#ffa12d; font-weight:bold;}

/* SIDEBARPANEL */
.sidebarpanel { width:194px; padding:0px 20px 15px 20px; float:right; clear:none; background-color:#ffffff; border-bottom:1px solid #cccccc;}
.sidebarpanel h1 { color:#ffa12d; font-size:2em; font-weight:normal; padding:5px 0px 5px 0px; margin:0px;}

/* COMMON */
.clearall { clear:both; float:none; overflow:hidden; line-height:0px; height:1px; font-size:0px; display:block; position:relative;}
.bold { font-weight:bold;}

/* BORDERS */
.bt1b { border-bottom:1px solid #cccccc;}

/* MARGINS */
.mt1r { margin-right:5px;}

/* FOOTER */
.footer { clear:both; float:none; margin-top:3px; background-color:#333333;}
.footertitle { height:32px; background-color:#4d4d4d; border-right:1px dotted #686868;}
.footertitle h3 { color:#fff; font-size:1em; font-weight:lighter; padding:0px 0px 0px 20px; margin:0px; text-transform:uppercase;}
.footercontent { background-color:#333333; color:#ffffff; border-right:1px dotted #515151; padding-top:5px;}
.footercontent p { padding:5px 0px 15px 20px; margin:0px;}
.footercontent a:link, .footercontent a:visited { color:#ffcc00; text-decoration:none; border-bottom:none;}
.footercontent a:hover, .footercontent a:active, .footercontent a:focus { color:#ffffff; text-decoration:none;}

.subfooter { padding:10px 20px 0px 20px; color:#999999;}
.subfooter p { margin:0px; padding:0px 0px 7px 0px;}
.subfooter .subfootercopy { float:none; clear:both; text-align:center; text-transform:uppercase;}
.subfooter img { float:left; clear:none;}
.subfooter a:link, .subfooter a:visited { color:#ffcc00; text-decoration:none;}
.subfooter a:hover, .subfooter a:active, .subfooter a:focus { color:#000000; text-decoration:none;}

/* Special fx
------------------------------------------------------------------------*/
.opacityit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE only */
opacity: .5;
}
.opacityit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE only */
opacity: 1;
}

.breadcrumb { position:relative;}

.twitterbox { padding:0px 0px 0px 18px;}