/* CSS Document - Frontier Youth Trust*/
body {
background: #E8E4E8 url("../images/main_bg.jpg") repeat-x;;
margin: 20px 0 0 0;
padding: 0;
text-align: center;
border:none 0;
}
.wrapper {
margin:0px auto;
text-align:left;
background-color: #ffffff;
padding: 0 0 12px 0;
width: 900px;
border: none;
}
.mainlogo, .mainlogo img {
margin: 0;
padding: 0;
border: none;
}
.menu{
font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
float: left;
clear: both;
display: block;
margin: 0px;
width: 900px;
height: auto;
padding: 5px 0px 4px 14px;
overflow: hidden;
}
.menu {
background: #731285 url("../images/menu-bg.gif") repeat-x;
}
.menu#submenu{
background: #d8d4d8;
}
.menu#loggedin {
background: #aa0000;
}
html>body .menu{
width: 886px;
height: auto;
}
.menu ul {
width:900px;
list-style-type: none;
margin: 0 0 2px 0;
padding: 0;
float: left;
clear: none;
display: inline;
}
.menu li {
float: left;
clear: none;
color: #ffffff;
}
.menu li a {
float: left;
clear: none;
margin: 0;
padding: 0 8px;
text-decoration: none;
color: #ffffff;
border-right: solid 1px #ffffff;
}

.menu#submenu li a {
color: #333333;
border-right: solid 1px #333333;
}

.menu li a:hover {
text-decoration: underline;
}
.spacer{
width:100%;
clear:both;
}
.intro {
clear:both;
width: 900px;
min-height: 195px;
padding: 20px 560px 0px 20px;
font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
border: none 0;
border-bottom: 1px dashed #999999;/*the border*/
overflow: auto;
}
.intro a {
color: #731285;
text-decoration: none;
}

.intro a:hover {
text-decoration: underline;
}
html>body .intro{
width: 320px;
min-height: 175px;
}
#homeintro {
background: #ffffff url("../images/intro-bg.jpg") no-repeat;
}
#projectintro {
background: #ffffff url("../images/project-intro-bg.jpg") no-repeat;
}
#newsintro {
background: #ffffff url("../images/news-intro-bg.jpg") no-repeat;
}
#linkintro {
background: #ffffff url("../images/link-intro-bg.jpg") no-repeat;
}
#resourceintro {
background: #ffffff url("../images/resource-intro-bg.jpg") no-repeat;
}
#diaryintro {
background: #ffffff url("../images/diary-intro-bg.jpg") no-repeat;
}
.flashintro{
float:left;
margin: 30px 0 0 20px;
}
.intro h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #731285;
margin: 0;
}
.intro p {
margin: 0 0 5px 0;
}
.daveintro {
clear: both;
float: right;
width: 420px;
height: 350px;
padding: 0;
margin: 5px 10px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:140%;
font-size: 10px;
font-weight: normal;
color: #333333;
}
.daveintro a {
color: #731285;
text-decoration: none;
}

.daveintro a:hover {
text-decoration: underline;
}
html>body .daveintro {
margin: 5px 20px 0 0;
}
.daveintrocopy{
width: 420px;
height: 283px;
border-left: 1px dashed #999999;/*the border*/
border-right: 1px dashed #999999;/*the border*/
border-bottom: 1px dashed #999999;/*the border*/
overflow: auto;
margin: 0;
padding: 10px;
background: #ffffff url("../images/daveintro-bg.gif") repeat-x;
}
html>body .daveintrocopy{
width: 398px;
height: 263px;
}
.flashbox {
display: block;
float: left;
clear: none;
padding: 0;
width:130px;
height:162px;
background:#33CCFF
}
.flashbox img {
border: none 0;
}
.featurebox{
width:130px;
height:130px;
}
.featureboxhead{
width:130px;
height:32px;
overflow:hidden;
background:url(../images/home_box_head.jpg)
}
.featureboxhead p{
color:#FFFFFF;
margin: 2px 4px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
}
.featureboxhead a{
color:#FFFFFF;
text-decoration:none;
}
#box1{
margin: 37px 0 0 10px;
}
html>body #box1{
margin: 37px 0 0 20px;
}
#box2{
margin: 37px 0 0 15px;
}
#box3{
margin: 37px 0 0 15px;
}
.homeintro{
display:block;
float:left;
width: 400px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333333;
margin: 10px 0 0 10px;
}
html>body .homeintro{
margin: 10px 0 0 20px;
}
.homeintro h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #731285;
}
html>body .homeintro{
margin: 10px 0 0 20px;
}
.news, .diary, .feature, .related {
display: block;
float: left;
padding: 0;
width: 200px;
min-height: 233px;
background: #E8E4E8;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
}
.related {
min-height: 0px
}
.detailmainimg{
display: block;
float: left;
clear: left;
padding: 0;
width: 200px;
height: auto;
margin: 25px 0 0 10px;
}
html>body .detailmainimg {
margin: 25px 0 0 20px;
}
.detailmainimg img.mainimg{
padding: 0;
margin: 0;
border: 1px solid #cccccc;
}
.news a, .diary a, .feature a, .related a {
color: #731285;
text-decoration: none;
}
.news a:hover, .diary a:hover, .feature a:hover, .related a:hover {
text-decoration: underline;
}
.news {
clear: left;
margin: 30px 0 0 10px;
}
.related {
clear: left;
margin: 10px 0 10px 0;
padding: 0 0 10px 0;
height: auto;
overflow: visible;
}
html>body .news {
margin: 30px 0 0 20px;
}
.news#belowfeature{
margin-top: 20px
}
.feature {
clear: left;
margin: 20px 0 0 10px;
height: auto;
padding: 0 0 10px 0;
}
.feature#homefeature{
clear: none;
margin: 30px 0 0 20px;
padding: 0 0 0 0;
height:233px;
}
.news#homenews{
clear: none;
margin: 30px 0 0 10px;
padding: 0 0 0 0;
height:233px;
}
html>body .news#homenews{
margin: 30px 0 0 20px;
}
.feature img#featureimg{
border: none 0;
margin: 10px 0 0 0;
}
html>body .feature{
margin: 20px 0 0 20px;
}
.listing, .imglisting{
display: block;
float: right;
clear: both;
width: 640px;
height: auto;
padding: 0;
margin: 20px 10px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #333333;
background: #ffffff;
}
html>body .listing, html>body .imglisting {
margin: 20px 20px 0 0;
}
.listing#genhead{
background: #ffffff;
float: left;
clear: both;
width: 860px;
margin: 20px 0 10px 10px;
padding: 0;
border-bottom: 1px dashed #999999;
}
html>body .listing#genhead{
margin: 20px 0 0 20px;
}
.listing#genhead h1{
font-size: 16px;
font-weight: bold;
color: #731285;
margin: 0 0 8px 0;
}
.listing#gencol1{
background: #ffffff;
float: left;
clear: both;
width: 420px;
margin: 0 0 0 10px;
padding: 0;
}
.listing#gencol1-img{
background: #ffffff;
float: left;
clear: both;
width: 120px;
margin: 0 0 0 10px;
padding: 0;
}
.listing#gencol1-img img{
margin: 10px;
border: 0;
}
html>body .listing#gencol1{
margin: 0 0 0 20px;
}
.listing#gencol2{
background: #ffffff;
float: left;
clear: none;
width: 420px;
margin: 0 0 0 20px;
padding: 0;
}
.listing#gencol2 h1{
font-size: 16px;
font-weight: bold;
color: #731285;
margin: 10px 0 4px 0;
padding: 0;
}
.listing input, .listing textarea{
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
}
.imglisting {
width: 840px;
}
.listing a, .imglisting a {
color: #731285;
text-decoration: none;
}
.listing a:hover, .imglisting a:hover {
text-decoration: underline;
}
.imglisting img {
border: 1px solid #999999;
}

.searchhead img {
float: left;
}
.searchbox{
float: right;
clear: none;
text-align: right;
width: auto;
}
.searchbox input, .searchbox select, .searchbox button{
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #000000;
margin: 0;
padding: 0;
}
.searchbox form, .searchbox img {
text-align: right;
margin: 0;
padding: 0;
}
.searchinfo{
clear: both;
float: left;
width: 640px;
display: block;
height: auto;
padding: 8px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
}
.searchinfo#detail{
clear: left;
}
.searchinfo p, .detailmainimg p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 0;
padding: 0;
}
.detailmainimg p{
margin: 0 0 8px 0;
}
.searchinfo a, .detailmainimg a {
color: #731285;
text-decoration: none;
}
.searchinfo a:hover, .detailmainimg a:hover {
text-decoration: underline;
}
.result, .detailcopy, .imgboxout {
clear: both;
float: left;
width: 640px;
height: auto;
padding: 8px;
margin: 5px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
background: #ffffff;
border: 1px dashed #999999;
}
.imgboxout {
width: 330px;
border: 1px solid #999999;
padding: 0;
}
.detailcopy {
border: 1px solid #E8E4E8;
border-top: none 0;
margin:  0;
padding: 0;
}
.detailboxhead{
margin:  3px 0 0 0;
padding: 0;
border: none 0;
}
html>body .detailcopy {
width: 638px;
}
.trash{
float: right;
margin: 5px 0 0 20px;
border: none 0;
}
html>body .result {
width: 624px;
}
.resultbox {
float: left;
width: 190px;
height: auto;
overflow:hidden;
padding: 0;
margin: 12px 20px 12px 0;;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
background: #ffffff;
}
.resultbox img{
float:none;
border:solid 1px #aaaaaa;
margin-bottom:8px;
}
.resultbox h1{
width:100%;
display:block;
float:none;
clear:both;
}
.resultbox p{
width:100%;
display:block;
float:none;
clear:both;
}
.resultspacer{
width:640px;
height:10px;
float:none;
clear:both;
}
.detailcopy span {
margin: 0;
padding: 0;
display: block;
}
.detailcopy form {
margin: 0;
}
html>body .detailcopy form {
margin: 0 0 0 10px;
}
.detailcopy a, .imgboxout a {
color: #731285;
text-decoration: none;
}
.detailcopy a:hover, .imgboxout a:hover {
text-decoration: underline;
}
.detailcopy h1, .imgboxout h1 {
font-size: 16px;
font-weight: bold;
color: #731285;
margin: 0 10px 10px 10px;
padding: 8px 0 10px 0;
border-bottom: 1px dashed #999999;
}
.imgboxout input{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
}
.imgboxout form{
float: left;
margin: 5px 0 12px 8px;
}
.detailcopy h2, .imgboxout h2 {
font-size: 12px;
font-weight: bold;
color: #333333;
margin: 8px 10px 4px 10px;
padding: 0;
}
.detailcopy h3, .imgboxout h3 {
font-size: 12px;
font-weight: bold;
color: #731285;
margin: 8px 10px 4px 10px;
padding: 0;
}
.detailcopy p, .imgboxout p{
clear: both;
margin: 4px 10px 6px 10px;
padding: 0 0 8px 0;
border-bottom: 1px dashed #999999;
}
.detailcopy img{
margin: 0;
padding: 0;
border: 0;
}
.detailblurb, detailblurb p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #999999;
background: none;
border-bottom: none 0;
border: none 0;
}
.resultbox h1 {
float: left;
clear: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #731285;
margin: 0 0 0 0;
padding: 0;
}
.resultbox p, .result p {
float: left;
clear: both;
margin: 0;
padding: 0;
}
.resultbox p#type {
width: auto;
float: left;
clear: both;
margin: 1px 0 5px 0;
padding: 0;
color: #777777;
}
.resultbox a {
color: #731285;
text-decoration: none;
}
.resultbox a:hover {
text-decoration: underline;
}
.diary {
clear: none;
margin: 20px 0 0 20px;
min-height: 243px;
}
.diary#calendarbox{
height: auto;
margin: 20px 0 0 10px;
}
html>body .diary#calendarbox{
height: auto;
margin: 20px 0 0 20px;
}
.news h1, .diary h1, .feature h1, .related h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #000000;
margin: 0;
padding: 0 10px;
}
.diary h1, .feature h1, .related h1 {
color: #731285;
}
.related h1 {
margin: 8px 0 0 0;
}
.feature h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 8px 0;
}
.news h2, .diary h2, .related h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #999999;
margin: 0;
padding: 0 10px;
}
.diary h2 {
color: #000000;
font-weight: bold;
}
.news p, .diary p, .feature p{
margin: 0;
padding: 0 10px;
}
.related p {
margin: 0 0 4px 0;
padding: 0 10px 0 10px;
}
.relatedlisting{
clear: both;
border-bottom: 1px dashed #999999;
padding: 0 0 8px 0;
}
.related img#relimg{
float:left;
margin: 3px 5px 0 10px;
}
.diary p {
margin: 0 0 8px 0;
}
.team {
clear: right;
float: right;
width: 220px;
height: 60px;
padding: 0;
margin: 14px 10px 0 0;
}
html>body .team {
margin: 14px 20px 0 0;
}
.team img {
border: none 0;
}
.team a, .team p {
margin: 0;
}
.spacer {
display: block;
clear: both;
width: 900px;
height: 1px;
margin: 0 0 -15px 0;
padding: 0;
}
html>body .spacer{
margin: 0;
}
.blurb{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #666666;
margin: 10px 0 20px 0;
padding: 0;
}
.blurb a {
color: #666666;
text-decoration: none;
}
.blurb p {
margin: 4px 0 0 0;
}
/*cms*/
.cmsedit select, .cmsedit textarea, .cmsedit input, .cmsedit button, .cmsedit submit{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
}
.cmsinputhead input{
font-family: Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
color: #731285;
background: #ffffcc;
}
.imgboxout{
position: absolute;
top: 200px;
left: 400px;
padding: 0;
}
.imgboxout .topiconleft {
float: left;
padding: 0;
border: none 0;
margin: 5px 0 0 8px;
}
.imgboxout .topiconright {
float: right;
padding: 0;
border: none 0;
margin: 5px 8px 0 0;
}
.imgthumbholder {
display: block;
width: 310px;
margin: 10px;
padding: 0;
border: none;
background: none;
}
.imgthumb, .gallerythumb, .relthumb {
display: block;
float: left;
clear: none;
padding: 0;
border: 1px dashed #999999;
background: #ffffff;
overflow: hidden
}
.imgthumb {
margin: 0 5px 5px 0;
width: 96px;
height: 150px;
cursor: move;
}
.relthumb {
margin: 0 5px 5px 0;
width: 300px;
height: auto;
cursor: move;
}
.gallerythumb {
margin: 0 0 10px 8px;
width: 97px;
height: 160px;
cursor: default;
}
html>body .gallerythumb {
width: 95px;
}
html>body .imgthumb {
width: 94px;
}
.imgthumb p, .gallerythumb p, .relthumb p {
font-size: 9px;
font-weight: normal;
color: #333333;
margin: 4px 4px 0 4px;
padding: 0;
border: none 0;
}
.relthumb p {
margin-bottom: 4px;
}
.imgthumb p {
font-family: Helvetica, sans-serif;
}
.gallerythumb p, .relthumb p{
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.relthumb h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 4px 4px 0 4px;
padding: 0;
color: #731285;
border: none 0;
}
.gallerythumb img{
margin: 0 0 8px 0;
padding: 0;
border: none 0;
}
.gallerythumb a {
color: #731285;
text-decoration: none;
}
.gallerythumb a:hover {
text-decoration: underline;
}
.imgthumb img{
border: none 0;
margin: 0;
padding: 0;
}
#drag{
	cursor: move;
}
.redtype {
color: #aa0000;
}
.eventdate {
font-size: 11px;
color: #999999;
}
.calendar {
margin: 0 0 0 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
border: none 0;
}
.calendar caption{
font-size: 14px;
font-weight: bold;
color: #731285;
}
.calendar td{
background: #ffffff;
padding: 3px 5px;
margin: 1px;
text-align:center;
}
.calendar th {
font-weight: bold;
}
.calendar td.eventday {
background: #ccffaa;
}
.calendar td.newsday {
background: #ffffaa;
}