/* base CSS for survivingbullies.com by Lee Fleming, InfoPulse LLC www.infopulsellc.com */
html, body { 
 margin:0; 
 padding:0; 
 text-align:center;
font: 1em/1.4em Arial, Helvetica, sans-serif; 
 background: #a1d9e5 url(http://www.survivingbullies.com/images/bg.gif) fixed repeat-x;
} 
 
#pagewidth { 
 width: 900px; 
 text-align: left; 
 min-width: 500px; 
 margin-left: auto; 
 margin-right: auto; 
  
} 

a:link, a:visited {
	color: #369; text-decoration: underline; cursor: hand;
}

a:hover {
	color: #f74c02;
}
a:active {
	color: #fc0;
}
 /* header stuff */
#header { 
 height:80px; 
 width:100%; 
 background-color: #1388aa; 
 padding: 0; margin: 0;
border-bottom: 1px solid #fff;
 } 
 #topline {
 	width: 100%;
 }
 #logo {
 	height: 60px; padding: 0; float: left; margin: 0; border: 0;
 }
 h1#logotype {
 	float: left; color: #E0BE27; height: 60px;
 font: 500 15pt/80% Georgia, serif; text-indent: 5px; margin: 21px 0 -21px 0; padding: 0;
 }
 #logotype a {
 	color: #fc3; text-decoration: none;
 }
 #toprownavs {
 	
 }
 
 #basenavs {
 	float: right;
font-size: 10pt; 
font-weight: 600; 
padding-right: 10px;
height: 60px;
line-height: 80%;
margin: 15px 0 -15px 0;
 }
 #basenavs li {
display: inline;
list-style-type: none; 
padding: 0 10px 0 10px;
border-right: 0px solid #fedf4d;
}

#basenavs a:link  {
	color: #FEDF4D;
	text-decoration: none;
}

#basenavs a:visited  {
	color: #FEDF4D;
		text-decoration: none;
}

#basenavs a:hover  {
	color: #f74c02;
}

#basenavs a:active  {
	color: #fc0;
}

 #yourstories {
 	height: 20px; 
	clear: both; 
	background-color: #017ba0; 
	padding: 0; 
	margin: 0; 
	text-align: right;
 }

#featurefour h4 {color: #016d8d; font-size: 11pt; text-transform: uppercase; margin: 10px 10px 0 0;} 

h4.about, .about {color: #147A7E; text-align: left; font-family: Georgia, serif; font-style: italic;
	font-size: 12pt; font-weight: 600;   margin: 5px 0; padding-left: 25px; float: left;}

h4.contact, .contact {color: #147A7E; float: right;
	font-family: Georgia, serif; font-weight: 500; font-size: 12pt;
	 margin: 5px 0px; letter-spacing: -.4pt; text-align: right; padding-right: 25px; }

h4.feedback, .feedback {clear: both; font-size: 12pt; font-family: Georgia, serif; font-weight: 500; color: #147A7E; margin: 5px 0; text-align: center;  }

 #yournavs {
 padding: 0; 
 margin: 0;
 font: 13px "Arial Black", Impact, sans-serif;
 }
 
  #yournavs li
{
display: inline;
list-style-type: none;
padding-right: 10px;
}
.your {
	color: #aff702;
}

#yournavs a:link  {
	color: #aff702;
	text-decoration: underline;
}

#yournavs a:visited  {
	color: #aff702;
}

#yournavs a:hover  {
	color: #f74c02;
}

#yournavs a:active  {
	color: #fc0;
}
/* end header stuff */

/* left column navs and features */
#leftcol {
 width:357px; 
 float:left; 
 position:relative; 
 margin-left:-217px; 
 margin-right:1px; 
 }
 
#leftcolinside {
 width: 220px; 
 float: left; 
 position: relative; 
 padding: 5px 10px 5px 0;

 }


 .leftbox {
		border-right: 4px solid #fff;
		padding: 6px 0 9px 0;
 }
 .leftboxi {
		border-right: 4px solid #38A0BF;
		padding-left: 4px;
 }
 #mainmenu {
 	background-color: #38A0BF;
 }
#mainmenui {
 	background-color: transparent;
 }
 #menu  {
	padding: 0; 
 margin: 0;
 width: 100%;
 font-size: 10pt; 
  border-bottom: 0px solid #fff;
}
  #menu li
{
list-style-type: none;
 padding: 0px 0 0px 2px;
border-top: 0px solid #fff; line-height: 120%;
}

#menu a:link
{
color: #fff; text-decoration: none;
}
#menu a:visited
{
color: #fff; text-decoration: none;
}

#menu a:hover  {
	color: #f74c02;
}

#menu a:active  {
	color: #fc0;
}
#featureone {
	background-color: #70bfd4; padding: 2px 0 10px 0; border-bottom: 1px solid #fff;
}
.onelink, a.onelink, a:link.onelink, a:visited.onelink {color: #aff702;}

.1span {font-size: 14pt; font-family: "arial black", arial, sans-serif }

#featuretwo {
	background-color: #2795b5;  padding: 2px 0 4px 1px; border-bottom: 1px solid #fff;
}

#featuretwo p, #featurethree p, #featurefour p {color: #F6F310;
	font-family: Georgia, serif; font-weight: 600; font-size: 10pt;
	font-style: italic; margin: 0px 5px 4px 5px; line-height: 140%;
	letter-spacing: -.2pt; text-align: left; padding: 0 5px 0 1px;}

#featuretwo a, #featurethree a, #featurefour a {color: #F6F310;
	font-family: arial, sans-serif; font-weight: 600; font-size: 10pt;
	 margin: 0px 5px 4px 5px; line-height: 140%;
	letter-spacing: -.2pt; text-align: right; padding: 0 5px 0 1px;}

.span2 {color: #F15E25;}
.span5 {color: #aff702;}

#featurethree {
	background-color: #55b0c9; padding: 2px 0 4px 4px; border-bottom: 1px solid #fff;
}
.threelink, a.threelink, a:link.threelink, a:visited.threelink {color: #fc0;}
#featurefour {
	background-color: #3da2bf; padding: 2px 0 4px 4px; border-bottom: 1px solid #fff;
}
a:link.fourlink, a:visited.fourlink {color: #fff;}
.fourlink {color: #fff;}
#utility {
	background-color: #a1d9e5; padding: 2px 0 40px 2px; border-bottom: 1px solid #fff; font-family: Georgia, serif; font-size: 8.5pt; letter-spacing: 1pt;
}
#utility p { line-height: 160%; margin: 3px; }
/* colorful fonts */
.ltorange {
	color: #aff702; text-align: left; text-align: center;
	font-family: Georgia, serif;
	font-size: 22px; font-weight: 900; line-height: 90%; margin: 0;
}

.ltorange1 {
	color: #aff702; text-align: right;
	font-family: Georgia, serif; padding-right: 10px;
	font-size: 20pt; font-weight: 900; line-height: 95%; margin: 0;
}


.dkorange {
	color: #F2A40C; text-align: center; padding-left: 50px;
	font-family: Georgia, serif;
	font-size: 25px; font-weight: 900; line-height: 80%; margin: 0;
}

.booklettitle {
	font-size: 19px; color: #fff;
	font-family: "Arial Black", Impact, sans-serif; margin: 2px;
}
p.vidsummary {
	color: #F6F310;
	font-family: Georgia, serif; font-weight: 600; font-size: 10pt;
	font-style: italic; margin: 0px 5px 4px 5px; line-height: 140%;
	letter-spacing: -.2pt; text-align: left; padding: 0 5px 0 1px;
}

div.vidsummary p {margin-top: 0; padding-top: 0;}
.span2float { color: #F6F310;
	font-family: Georgia, serif; font-weight: 600; font-size: 9.5pt;
	font-style: italic; line-height: 120%;
	letter-spacing: -.4pt; text-align: right; padding: 0 5px 0 1px; float: left; width: 60px; height: 80px; margin: 0 5px 0 1px;}

.bookletmore, a:link.bookletmore, a:visited.bookletmore {
	color: #fff;font-family: arial, helvetica, serif; font-weight: 600; font-size: 9pt;
	 margin: 2px 14px 4px 0; line-height: 100%;
	 text-align: right;
}

.booktitle {
	font-size: 30px; color: #c60; font-weight: 700;
	font-family: Georgia, serif; margin: 2px;
	font-style: italic; line-height: 110%;
}

.booktitle1 {
	font-size: 14pt; font-weight: 700;
	font-family: Georgia, serif; margin: 2px 2px -5px 2px;
	font-style: italic; line-height: 110%; color: #126468; text-indent: 15px;
}

.booktitle2 {
	font-size: 30px; color: #fc0; font-weight: 700;
	font-family: Georgia, serif; margin: 2px;
	font-style: italic; line-height: 110%;
}

.booktext {
	color: #666;
	font-family: arial, helvetica, serif; font-weight: 600; font-size: 11pt;
	 margin: 2px 14px 4px 0; line-height: 110%;
}

.bookmore, a:link.bookmore, a:visited.bookmore {
	color: #fff;font-family: arial, helvetica, serif; font-weight: 600; font-size: 9pt;
	 margin: 2px 14px 4px 0; line-height: 100%;
	 text-align: right;
}


/* end of left column stuff */
 
#outer { 
 border:solid white 0px; 
  /*/*/ border-left-width: 217px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #FFFFFF;   /* left column colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 

#outeri { 
 border:solid white 0px; 
  /*/*/ border-left-width: 217px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #38A0BF;   /* left column colour */ 
border-left-style: solid; 
background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 
 
#footer {
 height:25px; 
 width:auto; 
 background-color: #8dcede; 
 padding: 5px 10px 0 10px;
} 
 
#inner{margin:0; width:100%;}
 
 /* main content column */
 
#maincol { 
 float: left; 
 width: 535px; 
 position: relative; 
 margin: 0 0px 0 1px; padding-left: 3px;
 }

#maincoli { 
 float: left; 
 width:auto; 
 position: relative; 
 margin: 0 0px 0 1px; 
padding: 0 15px 0 10px;
 }

#maincoli p { 
 font-size: 80%; margin: 5pt 0 5pt 0;
 }
 
 h2.title {
	font: 30pt Georgia, "Times New Roman", Times, serif; color: #F15E25; margin: 15px 0 0px 0; width: 530px; letter-spacing: .25pt; text-align: center;
}

h1.title {
	font: 30pt Georgia, "Times New Roman", Times, serif; color: #F15E25; margin: 15px 0 0px 0; width: 530px; letter-spacing: .25pt; text-align: center;
}

h2.titlei {
	font: 25pt Georgia, "Times New Roman", Times, serif; color: #C87631; margin: 0px 0 0px 0; letter-spacing: .5pt; text-align: center;
}

#questions {
	float: left; 
	font-family: georgia, times, sans-serif; width: 175px; margin: 10px 0 0 -10px;
}

#questionlist {

	 font-size: 10pt; 
	 line-height: 125%;
}
#questionlist li {
	list-style-type: none;
 padding: 0px 0 0px 1px;
}
.midbox {padding: 0 0 10px 0;}
.emph { font: 12pt "Arial Black", Impact, sans-serif; color: #369; margin: 0 0; }

.defword { font-size: 16pt;  font-family: Georgia, Times, serif; color: #CA6309; margin: 0 0; font-weight: 900; }
.definition { font-size: 12pt;  font-family: Georgia, Times, serif; color: #005F7B; margin: 0 0; font-weight: 500; font-style: italic;}

.misword { font-size: 17pt;  font-family: "Arial Black", Arial, Helvetica, sans-serif; color: #f15e25; margin: 0; font-weight: 900; }
.mission { font-size: 12pt;  font-family: georgia, times, serif; color: #CA6309; margin: 0 0; font-weight: 500; line-height: 140%; }

#hpboxtop {
	text-align: center; width: 530px;
padding: 15px 0 15px 0;
}

.middle {margin: 10px 0 0 0; font-size: 10pt; font-family: font-family: Georgia, Times, serif;}

span.knowemph { font: 24pt; font-weight: 800; font-family: Georgia, Times, serif; color: #f74c02; margin: 0 0; }

#hpboxmiddle p.didyouknow {font-size: 11pt; font-weight: 800; font-family: Georgia, Times, serif; color: #f74c02;} 
#hpboxdef {padding: 2px 15px 15px 35px;  width: 515px; }


#hpboxmis {padding: 2px 15px 15px 35px;  width: 465px; }

/* end of middle column */
#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
#outeri>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both;}
 
.content {padding:0;} /*padding for content */ 
 
  
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 
#copyright {
	float: left;
}
 #platform {
 	float: right; padding-right: 15px;
 }
 #webmaster {
 	float: right;
 }
 .powered, a:link.powered, a:visited.powered {
 	font-size: 8pt; color: #095558;
 }

/* left navs */
 ul#navlist
{
width: 211px;
width: 213px;
width: 211px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 100px 0 25px 0px;
font: 12px arial,helvetica,sans-serif;
background: #8ed0d4; 
}


ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #fff; 
}

ul#navlist li a
{
display: block;
width: 174px;
width: 213px;
width: 174px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #1388aa;
}


/* dyno cats */
 ul#nav_categories
{
width: 189px;
width: 191px;
width: 189px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 0 0 0 20px;
font: 12px arial,helvetica,sans-serif;
/* background: #8ed0d4; */
}

ul#nav_categories ul
{
width: 169px;
width: 163px;
width: 169px;
padding: 0px;
border: 1px solid #ccc;
border-top: 0px;
margin: 0 0 0 20px;
font: 12px arial,helvetica,sans-serif;
background: #8ed0d4; 
}



ul#nav_categories li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #fff; 
}

ul#nav_categories li a
{
display: block;
width: 152px;
width: 191px;
width: 152px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}

ul#nav_categories ul li a
{
display: block;
width: 132px;
width: 191px;
width: 132px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #017ba0;
background: #a1d9es;
text-decoration: none;
text-align: right; 
}


ul#nav_categories li a:link { color: #666677; }


ul#nav_categories li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #1388aa;
}



/* end left navs */




 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 
}