@charset "utf-8";
/* CSS Document */
/* Copyright 2010 Pixel Point Creative ~ www.pixelpointcreative.com */

/* Basic Styles */
.moduletable,.module {
	margin-bottom:20px;
}
.module h3{
	font-size:140%;
}
.content_vote{
	float:right;
}
.content_rating{
	float:right;
}
html, body, form, fieldset {
margin:0;
padding:0;
border:0;
overflow-x: hidden;
}
.tool-tip {
background: #ffc;
border: 2px solid #D4D5AA;
padding: 5px;
font-size: 0.79em;
max-width: 200px;
}
.tool-title {
font-weight: bold;
}
.buttonheading{
padding:3px;
}
.contentpaneopen{
width:100%;
}
legend{
font-size:18px;
padding:12px 0 7px 0;
}
#system-message dd  ul {
clear:left;list-style-type:none;margin:48px 0 10px;padding-left:20px;
}
.inputbox{
margin:3px 0px;
}
#name,#username{
margin:3px 0px;
}

body, td, th, tr, p, div {
margin:0;
padding:0;
border:0;
}
body#bd {
color:#444;
font-family: Arial;
font-size: 12px;
padding:0;
line-height: 160%;
margin:0px;
}
a {
color:#333;
text-decoration: underline;
}
a:hover {
color: #777;
text-decoration: none;
}
a:active {
color: #777;
text-decoration : underline;
}

h1, h2, h3, h4, h5, h6 {
font-family: Century Gothic, sans-serif, Arial;
margin: 0.2em 0 0.2em 0;
font-weight: normal;
}


.title {
font-size:250%;
font-weight:normal;
font-family: Century Gothic, sans-serif, Arial;
}

.button, button{
border:none;
color:#fff;
padding:3px;
margin-left:3px;
}


#banner {
float:left;
margin:5px 0 5px 12px;
width:920px;}

#up {
float:right;
margin:5px 5px 5px 0;
}

#container{
padding: 0;
}

#contentwrap {
margin:0px auto;
width:950px;
padding-top:0;
position:relative;
float:left;
background: url(../images/bodyshadow.png) repeat-y;
}
#contentarea {
width:950px;
padding-top:0;
position:relative;

}


.contentareaback {
margin-left:21px;
min-height:450px;
width:905px;
background: #fff url(../images/bodyback.png);
background-repeat:repeat-x;
float:left;
position:relative;
}

#content50 {
float:left;
width:400px;
margin:10px 0 25px 20px;
}
#content75 {
float:left;
margin:10px 0 25px 20px;
width:625px;
}
#content100 {
float:left;
width:865px;
padding:10px 20px 25px 20px;
}

.modifydate {
color: #C0C0C0;
}
.author {
color: #afbe8c;
}
.createdate {
color: #afbe8c;
}
.contenttoc {
margin: 5px;
}
.menubox input {
margin-top: 9px;
float: right;
}
ul {
list-style: none;
margin-left:-15px;
}

ul li {
background:url(../images/arrowbullet.png) no-repeat scroll 0 4px transparent;
line-height:180%;
padding-left:18px;
}

ul.arrow1 li,
ul.arrow2 li {
padding-left: 5px;
padding-bottom: 2px;
padding-top: 2px;
}

.buttons {
float:right;
width:85px;
}

.buttons .buttonheading {
float:left;
padding:0 5px 5px 0;
}
a img {
border:0px;
}

/* Poll Module Styles */
.poll-radio {
padding-bottom:5px;
float:left;
clear:left;
width:14%;
text-align:center;
}
.poll-option {
float:left;
padding-bottom:5px;
width:85%;
}
.poll h3 {
border:none;
}

/*read more */
a.readmore {
font-weight:bold;
margin:10px 0 15px;
padding:6px 30px 6px 6px;
text-decoration:none;
}



/* Mods */


#tidytools{
bottom:7px;
float:right;
position:absolute;
right:0;
width:110px;
}
.logbox{
float:left;
margin: 0 4px 0 4px;
}

#left {
float:left;
margin:10px 0px 15px 20px;
padding: 0px 0 15px 0;
width:200px;
}
.modulespace {
margin:10px 0px 15px;
}

div.rightcontain {
float:right;
margin:15px 20px 20px 20px;
width:220px;
}
div.right {
padding:0;
margin-bottom:-15px;
}

/* Right Module Chrome */
div.modulegreen {
background: #2d4002;
padding:10px;
margin-bottom:10px;
}
div.modulegreen2 {
background: #425811;
padding:10px;
margin-bottom:10px;
color:#fff;
}
div.moduleblue {
background: #25383c;
padding:10px;
margin-bottom:10px;
color:#fff;
}
div.moduleblue2 {
background: #4d5b65;
padding:10px;
margin-bottom:10px;
}
div.modulered{
background: #7e3517;
padding:10px;
margin-bottom:10px;
}
div.modulered2{
background: #a0542e;
padding:10px;
margin-bottom:10px;
color:#fff;
}
div.modulered a,div.modulered2 a, div.moduleblue a, div.moduleblue2 a, div.modulegreen a, div.modulegreen2 a, 
div.modulered,div.modulered2, div.moduleblue, div.moduleblue2, div.modulegreen, div.modulegreen2
{
color:#fff;
}


#left h3 {
font-weight:normal;
margin: 6px 0 2px 0;
}
/* pathway */

#pathway {
float:left;
font-size:12px;
height:20px;
margin:0;
padding:15px 0 3px 20px;
width:95%;
color:#fff;
}
#pathway ul li {
float:left;
height: 22px;
width:80%;
font-size:12px;
font-family: Arial;
margin-top:2px;
padding: 0px 15px 10px 0;
border-bottom-style: solid;
border-color: #fff;
border-bottom-width: 1px;
}
#pathway a{
text-decoration: underline;
color:#fff;
}

/*User Menu */
#usermenu {
float:left;
margin-top:7px;
}
#usermenu ul,
#usermenu li {
padding: 2px;
margin: 0 1px 0 1px;
height: 22px;
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#usermenu li {
background: url(../images/menuarrow.png) no-repeat 0 60%;
padding:0 0px 0 17px;
}
#usermenu h3 {
font-size:11px;
}
#usermenu a,
#usermenu a:link {
text-decoration: none;
color:#fff;
}
#usermenu a:hover{
text-decoration: underline;
color:#ccc;
}

/*Top mod */
#top {
left:49.5%;
position:absolute;
text-align:right;
width:49.5%;
}
#top ul,
#top li {
padding: 2px;
margin: 0 5px 0 5px;
height: 22px;
float: right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#top li {
background: url(../images/topdivide.jpg) no-repeat left center;
padding:0 5px 0 22px;
}
#top p, footer td {
font-size:11px;
color: #ccc;
}
#top h3 {
font-size:11px;
}
#top a,
#top a:link {
text-decoration: none;
}
#top a:hover{
text-decoration: underline;
}

/* Bottom User Mods */

#user1100{
float:left;
margin: 10px 10px 0px 25px;
padding: 5px;
width:94%;
}
#user150{
float:left;
margin: 10px 10px 0px 25px;
padding: 5px;
width:45%;
}
#user2100{
float:right;
margin: 10px 10px 10px 25px;
padding: 5px;
width:94%;
}
#user250{
float:right;
margin: 10px 25px 0px 10px;
padding: 5px;
width:45%;
color:#333;
min-height:87px;
}
#user250 h3, #user2100 h3, #user150 h3, #user100 h3{
font-size:140%;	
}
#userwrap {
clear:both;
float:left;
width:905px;
margin:0px 0px 0px 20px;
padding:3px 0px 12px 0px;
}
#user3-33, #user4-33, #user5-33 {
color:#FFFFFF;
float:left;
margin:5px 15px 0px 15px;
width:265px;
}
#user3-33 a, #user4-33 a, #user5-33 a,
#user3-50 a, #user4-50 a, #user5-50 a,
#user3-100 a, #user4-100 a, #user5-100 a {
color:silver;
}

#user3-33 h3, #user4-33 h3, #user5-33 h3,
#user3-50 h3, #user4-50 h3, #user5-50 h3,
#user3-100 h3, #user4-100 h3, #user5-100 h3
{
font-size:140%;
margin-bottom:8px;
}

#user3-50, #user4-50, #user5-50
{
float:left;
width:410px;
margin:5px 15px;
color:#fff;
}

#user3-100, #user4-100, #user5-100
{
color:#FFFFFF;
float:left;
margin:5px 15px;
width:880px;
}


#bottomshadow{
float:left;
width:950px;
background: url(../images/bottomshadow.png) no-repeat left center;
height:25px;
}

/*footer */
#footerwrap {
clear:both;
margin:0 auto;
width:950px;
float:left;
}
#footercopy {
margin:12px 0 0 10px;
}

#footerwrap2 {
border:1px solid #FFFFFF;
float:left;
margin:25px 0 10px 20px;
min-height:50px;
position:relative;
width:893px;
padding:5px;
}
#footer2 {
width:47%;
float:left;
padding:10px;
color:#fff;
margin-bottom:-20px;
}

#footer {
width:47%;
float:left;
padding:2px 10px 2px;
color:#fff;
margin-bottom:-20px;
}
#footer2 ul,
#footer2 li {
padding: 2px;
margin: 2px 5px 0 5px;
height: 22px;
float: right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#footer2 li {
background: url(../images/footerdivide.png) no-repeat left center;
padding:0 0px 0 17px;
}

#footer2 p, #footer2 td {
font-size:11px;
color: #fff;
}
#footer2 h3 {
font-size:11px;
color: #fff;
}
#footer2 a,#footer2 a:link,
#footer a,#footer a:link {
color: #fff;
text-decoration: none;
}
#footer2 a:hover,
#footer a:hover{
color:#ccc;
text-decoration: underline;
}

#innerwrap {
margin:0 auto;width:950px;;
}


/* Header */

#header {
margin: 0 auto;
padding-top:0px;
height:286px;
width:950px;
position:relative;
z-index:1200;

}
#headercolor {
background: #fff;
}

#headergraphicwrap{
margin:0;
padding:8px
}
#headergraphic{
padding:0;
clear:both;
margin:2px 25px 10px 20px;
}

/* Logo */
#logowrap{
float:left;
margin-left:30px;

}
#logoleft {
background: url(../images/shadow-left.png) no-repeat;
float:left;
height:234px;
position:relative;
width:28px;
}
#logo {
float:left;
height:193px;
position:relative;
width:208px;
margin:20px 10px 10px;
background: url(../images/logo.png) no-repeat; 
}
#logoright {
background: url(../images/shadow-right.png) no-repeat;
float:left;
height:234px;
position:relative;
width:28px;
}
/* Spotlight */
#spotlightwrap{
float:left;	
}
#spotlightleft {
background: url(../images/shadow-left.png) no-repeat;
float:left;
height:234px;
position:relative;
width:28px;
}
#spotlight {
float:left;height:193px;margin:18px 0px 10px 0px;position:relative;
}
#spotlightright {
background: url(../images/shadow-right.png) no-repeat;
float:left;
height:234px;
position:relative;
width:28px;
}




/* Search */
#search{
float:right;
margin:9px 10px 5px 15px;
position:relative;
border:1px solid #fff;
height:25px;
}

#mod_search_searchword.inputbox{
background:none;
border:0px;
float:left;
display:block;
padding-left:5px;
color:#fff;


}

/* Menu */
#mainmenuwrap {
background:#425811 none repeat scroll 0 0;
float:left;
margin-left:21px;
display:block;
position:relative;
width:90%;
z-index:200;
margin-top:7px;
height:45px;
}

#suckernav {
float:left;
margin-left:7px;
}
#suckernav li a:link,
#suckernav li a:visited{
display: block;
float: left;
height: 28px;
line-height:28px;
padding: 2px 12px 0 12px;
text-decoration: none;
cursor: pointer;
font-weight: normal;
font-family: Arial;
font-size: 16px;
color: #000;
}

#suckernav li li a:link,
#suckernav li li a:visited {
display: block;
float: left;
height: 30px;
line-height:27px;
padding: 0px;
margin: 0;
text-indent:18px;
font-size:15px;
width:177px;
font-family: Arial;
}
#suckernav li, #suckernav li li{
border:1px solid transparent;
}

#suckernav li:hover,#suckernav li.sfhover,#suckernav li.active{
border:1px solid #fff;
}
#suckernav li li:hover,#suckernav li li.sfhover,#suckernav li li.active{
border:1px solid #fff;
}
	
#suckernav ul li ul li{
height: 30px;
line-height:25px;
padding:2px;
margin:2px 0px;
width:175px;
}
#suckernav li li a span{
margin-top:30px;

}

#suckernav ul li li{
text-indent:18px;
font-size:15px;
}


/*more to come*/
#suckernav ul li ul li.parent a{
background: url(../images/menuarrow.png)  97% 50% no-repeat;
}

#suckernav ul li ul li.parent ul a{background: none;}
#suckernav ul li ul li.parent ul li.parent a{
background: url(../images/menuarrow.png)  97% 50% no-repeat;
}
#suckernav ul li ul li.parent ul li.parent ul li a{
background: none;
}
#suckernav ul li ul li.parent ul li.parent ul li.parent a{
background:url(../images/menuarrow.png)  97% 50% no-repeat;
}


#suckernav ul li ul li a.daddy{
background:url(../images/menuarrow.png) 97% 50% no-repeat;
}

#suckernav ul li ul li ul li ul a.daddy{
background:none;
}

#suckernav ul li ul li.parent ul li.parent ul li.parent ul a{
background: none;
}

#suckernav ul li li:hover,
#suckernav ul li li.over{
background: none;
}


#suckernav li {
float: left;
background: none;
height: 30px;
padding:0px;
}


#suckernav li li {
margin:0;
float: left;
width: 179px;
display: block;
height: 32px;
line-height:28px;
border:1px solid transparent;
}

#suckernav ul li {
height:32px;
list-style-image:none;
list-style-type:none;
margin:6px 0 -6px;
position:relative;
margin: 6px 3px 0px;

}
#suckernav li ul {
top: 33px;
position: absolute;
left: -999em;
height: auto;
width: 181px;
font-weight: normal;
border-width: 0;
margin-left: 0px;
padding: 4px;
background: #fff;	
}
#suckernav li ul li {
border:1px solid #425811
}

#suckernav ul {
float: left;
list-style: none;
margin: 0;
padding:0;

}

/* margin for pullouts */
#suckernav li ul ul {
margin: -40px 0 0 180px;

}

#suckernav li:hover ul ul,
#suckernav li:hover ul ul ul,
#suckernav li:hover ul ul ul ul,
#suckernav li.sfhover ul ul,
#suckernav li.sfhover ul ul ul,
#suckernav li.sfhover ul ul ul ul {
left: -999em;

}

#suckernav li:hover ul,
#suckernav li li:hover ul,
#suckernav li li li:hover ul,
#suckernav li li li li:hover ul,
#suckernav li.sfhover ul,
#suckernav li li.sfhover ul,
#suckernav li li li.sfhover ul,
#suckernav li li li li.sfhover ul {

left: 0;
}
#suckernav li:hover, #suckernav li.sfhover {
left: 0;
}
#suckernav li li{
border-top: 0px;
}


#suckernav li a:hover, #suckernav li
a.sfhover,#suckernav li a:active {
color: #352d22;
}


/* Action */
#action{
float:right;
background:#263406;
height:45px;
font-size:12px;
padding-right:5px;
}
#action a{
color:#fff;
text-decoration:none;
font-size:14px;
}
#action a:hover{
color:#eddc4e;
}
#action ul{
padding:0px 12px 0px 30px;
}
#action ul li{
margin-top:12px;
}



/* Toolbar */

#spacer{ 
width:100%;
height:0px;
float:left;
clear:both;
display:block;
position:relative;
}
 
#toolbar-title { 
color:#FFFFFF;
cursor:pointer;
display:inline;
float:right;
font-family:arial;
font-size:11px;
height:38px;
margin-right:24px;
margin-top:7px;
padding:7px 0 0 10px;
width:40px;
} 


#toolbar {
background:#6A7948 url(../images/toolbarshadow.png) repeat-x left center;
float:left;
height:45px;
margin-left:21px;
position:relative;
width:905px;
clear:both;
display:block;
}
#login{
float:left;
margin:5px 0px 0px 15px;
color:#fff;
}
#font{
display:block;
float:right;
height:35px;
margin:11px 0px 0 8px;
position:relative;
}
.colors{
float:right;
margin:12px 7px; 
}
/* ie6 warning */
#iewarn {background: #f6efef url(../images/warning.jpg) 10px 20px no-repeat;position: relative;z-index: 1;margin: -150px auto 0;font-size: 110%;color: #001D29;z-index: 8000;}
#iewarn div {position: relative;
border-bottom: 3px solid #64792b;
padding: 10px 125px 10px 200px;
}
#iewarn h4 {color: #fd4239;font-weight: bold;line-height: 130%;}
#iewarn h3 {color: #000;font-weight: bold;line-height: 110%;}
#iewarn h2 {color: #fd4239;font-weight: bold;line-height: 100%;}
#iewarn {color: #000}
#iewarn_close {background: url(../images/close.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 61px;height: 21px;top: 170px;right: 35px;}
#firefox {background: url(../images/firefox.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 10px;right: 25px;}
#safari{background: url(../images/safari.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 47px;right: 25px;}
#chrome {background: url(../images/chrome.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 84px;right: 25px;}
#opera {background: url(../images/opera.png) 50% 50% no-repeat;display: block;cursor: pointer;position: absolute;width: 77px;height: 27px;top: 121px;right: 25px;}

#iewarn_close.cHover {background: url(../images/close_hover.png) 50% 50% no-repeat;}
/* end ie6 warning */

/****calendar***/
.calendar {
float:left;
margin:14px 14px 0 0;
font-size:14px;
color:#fff;
text-align:center;
padding:5px;
}

.debug{
float:left;
}

#pplogo{
position:absolute;
width:25px;
height:35px;
background: url(../images/pptab.png) no-repeat ;
bottom:8px;
left:-26px;
clear: both;
}


#navbarin li.shape{ background: url(http://pixelpointcreative.com/navbar/next.jpg) 80% 50% no-repeat;}
#navbarin li.shape:hover{background: url(http://pixelpointcreative.com/navbar/next2.jpg) 80% 50% no-repeat;}