body {
	    margin-top: 0em;
	    margin-left: 0em;
	    margin-right: 0em;
		text-align:left;
        font-family: Arial; sans-serif;
        font-size: 11px;
        background:#95CDED;
		}
    :focus { -moz-outline-style: none; }
    :link {text-decoration: none; color:blue;}
    :visited {text-decoration: none;}
    :active {text-decoration: none; font-style: bold;}
    :hover {text-decoration: none;}	
    a img { border: none ;}	
    /*container for all content*/
    p {
	margin-top: 0px;
	margin-bottom: 6px;
}
    #frame {
        width:auto;
        height:auto;
        background: #95CDED;
        border-color:#95CDED;
        border-style: solid;
        border-top: 6px;
        border-right:0px;
        border-left: 0px;
        border-bottom:0px;
        margin-top:7px;
        margin-left: 14px;
    }
    /* framelong is a td element at the bottom of the page whose height parameter is manipulated to adjust the background height to hidden layers */
    #framelong{
    }
/*index page top spacer*/
    #indextopspacer{
        height:93px;
    }
    #topspacer {
        height: 98px;
    }
    .linkspacer {
        height: 28px;
    }
    .projectIndexSpacer{
    width:1px;
    }
    #basespacer {
        height: 79px;
    }
    #bottomspacer {
        height:15px;
    }
    .pspacer {
        height: 11px;
    }
    .bspacer {
        height: 7px;
    }
   .header {
        font-weight: bold;
    }
    #bottomfill{
    background: #95CDED;
    }
    
    /*speaking/projects/writing top navigation styles*/
    .topnav {
    background: #4EC7C8;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top:0px;
    border-bottom: 5px; 
    border-right: 1px; 
    border-left: 1px; 
    border-style: solid; 
    border-color: #95CDED;
    margin-right:0px;
    margin-bottom:8px;
    color:#F8F1B1;
    }
    /*top navigation link styles*/
    .topnav a{
    font-size:10pt;
    font-weight: bold;
    color:#F8F1B1;
    }
    /* katie salen top navigation styles*/
    .kttopnav a{
    margin-left: 23px;
    color:#0194E9;
    font-size:12px;
    border:none;
    background:#95CDED;
    font-weight: bold;
    }
    /*katie salen index page styles*/
   .katiecolumnindex {
        width: 88%;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        background: #F8F1B1;
        padding:0px;
        border:7px;
        border-style: solid;
        border-color: #039CF4;
    }
   .katiecolumnWidth {
        width: 202px;
}

/*//////////////////////////INDEX PAGE*/
    /*index page speaking column styles*/
    #speakingcolumnindex {
        width: 230px;
        height:332px;
        background:#039CF4;
        padding: 0 0 0 0;
		margin: 0 0 0 0;
    }
    /*index page projects column styles*/
    #projectscolumnindex {
        width: 232px;
        height:332px;
        background: #FD0220;
        padding: 0 0 0 0;
		margin: 0 0 0 5px;
    }
    /*index page writing column styles*/
        #writingcolumnindex {
        width: 230px;
        height:332px;
		background: #FD74B5;
        padding: 0 0 0 0;
		margin: 0 0 0 5px;
    }

    .projarrowlink {
    width: 230px;
    background-image: url("./images/arrow/bgdark.jpg");
	padding: 5px 7px 0px 0px;
    }

    /*speaking header styles*/
    .speakingheader {
    border-top: 5px;
    border-bottom: 0px; 
    border-left: 7px; 
    border-right: 5px; 
    border-style: solid; 
    border-color: #039CF4;
    }
    /*projects header styles*/
    #projectsheader {
    width:230px;
    height:20px;
    background:#FD0220;
    border-top: 5px;
    border-bottom: 0px; 
    border-left: 7px; 
    border-right: 7px; 
    border-style: solid; 
    border-color: #FD0220;
    }
    /*writing header styles*/
    #writingheader {
    border-top: 5px;
    border-bottom: 0px; 
    border-left: 7px; 
    border-right: 5px; 
    border-style: solid; 
    border-color: #FD74B5;
    }
     /*project image style for index page*/
    #projectsimageindex {
    width:230px;
    background: #F8F1B1;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right:7px;
    border-right: 7px; 
    border-left: 7px; 
    border-bottom: 7px; 
    border-top: 7px;
    border-style: solid; 
    border-color: #FD0220;
    }
    #projnoback {
    background: #FD0220;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 14px;
    border-left: 0px; 
    border-bottom: 0px; 
    border-top: 0px;
    font-weight:bold;
    }
    #projnoback a{
    color: #F8F1B1;
    }


/*//////////////////SPEAKING PAGE*/
    .link {
    width: 230px;
    background-image: url("./images/arrow/bgdark.jpg");
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-right: 7px; 
    border-left: 7px; 
    border-bottom: 0px; 
    border-top: 5px;
    border-style: solid; 
    border-color: #039CF4;
    color:#000000;
    font-size:11px;
    margin-right:0px;
    }
    .link a{
    color:#000000;
    }
    .link a:visited {color: #000000;}
    .linklight{
    background-image: url("./images/arrow/bglight.jpg"); 
    }
    /*speaking image style for projects page*/
    .speakingimage {
    width:230px;
    background: #AAE9FB;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right:7px;
    border-right: 7px; 
    border-left: 7px; 
    border-bottom: 0px; 
    border-top: 7px;
    border-style: solid; 
    border-color: #039CF4
    }
    /*speaking page large right block column holding speaking text content*/
    .speakingblockcolumn {
        width: 438px;
        height:304px;
        border-top:14px;
        border-bottom:7px;
        border-left:17px;
        border-right:14px;
        border-style: solid; 
        border-color: #95CDED;
        background-color:#95CDED; 
        margin-left:6px;
        margin-right:-2px;
        }

        /*bio text styles for speaking page*/
        .indexbioText {
        color:#000000; 
        background-color:#F8F1B1; 
        padding-top:10px;
        padding-left:10px;
        padding-right:10px;
        padding-bottom: 7px;
        position:absolute; 
        top:105px; 
        left:257px; 
        width: 435px;
        height:auto;
        z-index:100;  
        border-top: 7px;
        border-bottom: 7px;
        border-right: 7px;
        border-left: 7px;
        border-color:#FE1914;
        border-style: solid;
        visibility:hidden;
        }


/*///////////////////////////////////////////////////PROJECTS PAGE*/
    /*projects column styles*/
    #projectscolumn {
        width: 231px;
        height:325px;
        background: #FD0220;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        margin-left:0px;
        margin-right:0px;
        margin-bottom:0px;
        padding-bottom:0px;
    }
    /*project image style for projects page*/
    .projectsimage {
    width:230px;
    background: #F8F1B1;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right:7px;
    border-right: 7px; 
    border-left: 7px; 
    border-bottom: 7px; 
    border-top: 8px;
    border-style: solid; 
    border-color: #FD0220;
    }
    /*project image style for left picture projects page*/
    .projectsimageBlock {
    background: #F8F1B1;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right:7px;
    border-right: 0px; 
    border-left: 3px; 
    border-bottom: 7px; 
    border-top: 0px;
    border-style: solid; 
    border-color: #FE1914;
    width:198px;
    height:131px;
    }

    /*project page large right block column holding pictures*/
    .projectsblockcolumn {
        height:291px;
        width: 437px;
        border-top:34px;
        border-bottom:0px;
        border-left:13px;
        border-right:19px;
        border-style: solid; 
        border-color: #FD0220;
        background: #FD0220;
        margin-left:5px;
        margin-right:0px;
        margin-bottom:0px;
        padding-top:0px;
        padding-right:0px;
        padding-left:0px;
        padding-bottom:0px;
        }
        /*project page title and description styles*/
        .projectdescription{
        width: 200px;
        height:75px;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        border-style: solid; 
        margin-top:0px;
        margin-bottom:0px;
        margin-right:0px;
        margin-left:0px;
        padding-top:0px;
        padding-bottom:0px;
        padding-right:10px;
        padding-left:10px;
        color: #000000;
    }
    .projectdescription_2{
    padding-left:5px;
    padding-right:0px; 
    }
    .projectdescription_2 a{
    color:#F8F1B1;
    }
    .projecttexturl a{
    color:#F8F1B1;
    font-size:11px;
    text-align:right;
    font-weight: bold;
    }
    .projectimglink a{
    text-align:right;
    font-size:11px;
    color: #F8F1B1;
    text-decoration:underline;
    padding-left:5px;
    line-height:15px;
          }

    .projectbottomnav {
    width:210px;
    background: #4EC7C8;
    padding-top: 0px;
    padding-bottom: 4px;
    padding-left: 5px;
    border-top:0px;
    border-bottom: 5px; 
    border-right: 30px; 
    border-left: 4px; 
    border-style: solid; 
    border-color: #95CDED;
    margin-left:0px;
    }
    /*top navigation link styles*/
    .projectbottomnav a{
    font-size:11px;
    color:#000000;
    }
    .projtitle a{
    font-size: 12px;
    color:#000000;
    font-weight:bold;
    }
/*////////////////////////////WRITING PAGE*/
    /*writing column styles*/
    #writingcolumn {
        width: 230px;
        height:325px;
        background: #FC74B6;
        border-top:0px;
        border-bottom:0px;
        border-left:0px;
        border-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
/*writing  bar link styles*/
    .writinglinklight {
    background-image: url("./images/arrow/bglight.jpg");
    border-color: #FD74B5;
    }
    .writinglinkdark {
    border-color: #FD74B5;
    }
    .writing {
    font-size:11px;
    background:#FD74B5;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    color: #000000;
    }
    .writing a{
    color:#000000;
    font-weight:bold;
    text-decoration: underline;    }
    .writingbold{
    font-weight:bold;
    }



    /*right block area - change border color to pink*/
    #writingblock{
    background="#FD74B5";
        }
    .writingbookimage {
    padding-left:10px;
    }
    

/*writing styles for writing and bio content on speaking page*/

        /*bio text styles for speaking page - changing border color*/
        .speakingText {
        border-color:#039CF4;
        background:#039CF4; 
        }
        .speakingupcomingText {
        border-color:#039CF4;
        background:#039CF4; 
        height:300px;
        }
        
        .speakingbioText {
        border-color:#039CF4;
        }
/*writing styles for writing and bio content on writing page*/
        .writingText {
        border-color:#FD74B5; 
        background:#FD74B5; 
        }
        .writingbioText {
        border-color:#FD74B5; 
        background:#EEE7C2;      
        }
        .writingText a {
        color:#82022C;
        }
        .projectText{
        border-color:red;
        }
    .katiesalenlink {
    background:#F8F1B1;
    border-color:#F8F1B1;
    border-bottom:0px;
    border-top: 0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-left:10px;
    padding-right:0px;
    color:#039CF4;
        }
    .katiesalenlink a{
    font-size:10pt;
    font-weight: bold;
    color:#039CF4;
    }
/*/////////arrows on index page///////////////*/
    .bottomarrowProjects {
    background: #FD0220;
    border-color:#FD0220;
        }
    .bottomarrowSpeaking{
     background:#039CF4;
     border-color:#039CF4;
    }
    .bottomarrowWriting{
    border-color:#FD74B5; 
    background:#FD74B5;
    }