/*****************************************************************************************/
/* 
	Common CSS properties
*/
/*****************************************************************************************/

HTML
{
    height: 100%;
    padding: 0px;
    border: 0px;
    margin: 0px;
}

BODY
{
    margin: 0;
    padding: 0;
    border: 0;
    font: normal normal normal 1em/1.25 Verdana, Geneva, sans-serif;
}

FORM
{
    margin: 0;
    padding: 0;
    display: inline;
}

TABLE
{
    border-collapse: collapse;
    empty-cells: show;
    font-size: inherit;
}

TD
{
    margin: 0px;
    padding: 0px;
    vertical-align: middle;

}

INPUT
{
    font-size: inherit;
    border-spacing: 0px;
}

TEXTAREA
{
    font-size: inherit;
}

CHECKBOX
{
    font-size: inherit;
}



IMG
{
    border-width: 0px;
}

HR
{
    height: 1px;
    border: none;
    width: 95%;
}

/*****************************************************************************************/


/*****************************************************************************************/
/* 
	CSS properties for content control
*/
/*****************************************************************************************/

.MainPhoto
{
    border: none;
    margin: 0px 0px -3px 0px;
    padding: 0px;
}

/* Left hand hand content panel */
.PrimaryContentPanel
{
    color: #666666;
    height: 100%;
    width: 564px;
    padding: 0px;
    margin: 0px;
    float: left;
    background-image: url(/Images/MainContentPanelFade.gif);
    background-position: top;
    background-repeat: repeat-x;
}

/* right hand content panel */
.SecondaryContentPanel
{
    color: #666666;
    /* height: 1000px; GB Removed */
    width: 224px;
    padding: 0px;
    margin: 0px;
    float: left;
    background-image: url(/Images/SecondaryContentPanelFade.gif);
    background-position: top;
    background-repeat: repeat-x;
    border-right: 1px solid white;
    border-left: 1px solid white;

}
.ArchivedNewsletter
{
height: 100%;
width: 200px;
padding: 10px 10px 10px 10px;
margin: 0px;
}

/* Content panel used for unusual pages w/o right side content*/
.TertiaryContentPanel
{
    font-size: 10pt;
    color: #666666;
    height: 514px;
    width: 788px;
    padding: 0px;
    margin: 0px;
    float: left;
    background-image: url(/Images/MainContentPanelFade.gif);
    background-position: top;
    background-repeat: repeat-x;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

.ContentPane
{
    margin-top: 0px;
    padding: 0px;
}

.ding
{
    text-decoration: none !important;
    font-size: inherit;
}

.ContentAnchor
{
    padding: 20px;
}

/*
.ContentDate
{
	font-family: inherit;	
	font-style: italic;
	font-size: 8pt;
	padding: 10px; 
}
*/

/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Control Logon CSS properties
*/
/*****************************************************************************************/

/* 
    Wraps the logon control and centers it on the page 
*/
.LogonControl
{
    padding-top: 100px;
    padding-bottom: 100px;
    height: 200px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.LogonControl-with-required
{
    padding-top: 100px;
    padding-bottom: 100px;
    height: 200px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.LogonTable TD
{
    padding: 5px;
}

.LogoffLink
{
    font-weight: bold;
}

.PageList
{
    padding: 10px;
    margin: 5px;
    color: #666666;
    background-color: #fcede3;
    border: solid 1px #ed8540;
    height: 300px;
    width: 160px;
    float: right;
}



.TextEditor
{
    color: #0c78be;
    font-size: 12pt;
    font-weight: bold;
    padding: 10px;
}

/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Control Footer CSS properties
*/
/*****************************************************************************************/

.FooterControl
{
    color: #333333;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 10px;
}

@media print
{
    .FooterControl
    {
        color: #000000;
    }
}

/*****************************************************************************************/

.FooterLink
{
    font-weight: bold;
    text-decoration: none;
    color: #333333;
    font-size: 12px;
}

@media print
{
    .FooterLink
    {
        color: #000000;
    }
}

/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Control Left navigation CSS properties
*/
/*****************************************************************************************/

.DonateButton
{
    width: 165px;
    height: 155px;
    margin: 0px;
    padding: 0px;
}
.LowerNavigation
{
    height: 100%;
    width: 165px;
    padding-bottom: 0px;
}
.LeftPanelContent
{
    background:White url(/Images/LeftPanelContentFade.gif);
    background-position: top;
    background-repeat: repeat-x;
    border-right: 1px solid white; /*height:514px;*/
    width: 164px;
    float: left;
    text-align: center;
    padding-top: 0px;
}
.LeftPanelFeature
{
    padding-top: 0px; /*position: relative;*/
}
.LeftPanelFeature img
{
    margin-top: 10px; /*position: relative;*/
}

.LeftPanelFill
{
    width: 100%;
    height: 550px;
}
/*****************************************************************************************/


/*****************************************************************************************/
/* 
	Control Logon CSS properties
*/
/*****************************************************************************************/

.VideoPlayer
{
    /*background-color: Lime;*/
    padding: 20px 100px 0px 100px;
    background-image: url(/Images/MainContentPanelFade.gif);
    background-position: top;
    background-repeat: repeat-x;
    border-right: 1px solid white;
    border-left: 1px solid white;
}

/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Main page layout CSS properties
*/
/*****************************************************************************************/

BODY
{
    background-color: #eeeeee;
}

/* 
	Mainfram wraps and centers the whole site  
*/

.MainFrame
{
    background-color: #ffffff;
    border-style: solid;
    border-color: #f27e30;
    border-width: 0px 1px 1px 1px;
    min-height: 650px;
    height: 100%;
    width: 955px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    clear: both;
}

@media print
{
    .MainFrame
    {
    }
}

/*****************************************************************************************/

/* 
	banner class contains the logo and branding for the site. 
*/

.Banner
{
    margin-left: auto;
    margin-right: auto;
    padding: 0px; /*clear: both;*/
}

@media print
{
    .Banner
    {
        /*display: none;*/
    }
}


/*****************************************************************************************/

/* 
	Navigation class 
*/

.Navigation
{
    /*margin-right: 2px;*/
    background-color: #FFFFFF; /*	 	min-height: 600px; 	height: auto !important; 	height: 600px; 	width: 170px; */
    float: left;
}

@media print
{
    .Navigation
    {
        display: none;
    }
}

/*****************************************************************************************/

/* 
	Content class 
*/

.Content
{
    background-color: #ffffff;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    width: 790px;
    float: right;
    position: relative;
}

@media print
{
    .Content
    {
        display: inline;
        margin: 0px;
    }
}

/*****************************************************************************************/

/* 
	Footer class goes at the bottom of every page to provide branding and 
	branding and additional navigation around the site. 
*/

.Footer
{
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    bottom: 0px;
    position: relative;
    padding-left: 175px;
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: .50em;
}

.Footer a:link
{
    color: #000;
}

@media print
{
    .Footer
    {
        display: none;
    }
}

/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Common CSS properties
	for any properties that are used all over the site
*/
/*****************************************************************************************/

a:Link
{
    color: #0c78be;
}
a:Visited
{
    color: #0c78be;
}
a:Active
{
    color: #0c78be;
}
a:Hover
{
    color: #0c78be;
}

/*****************************************************************************************/

.ErrorMessage
{
    font-weight: bold;
    font-size: inherit;
    color: #cc0000;
}

.button1
{
    border: #000000 1px solid;
    font-size: 12px;
    cursor: hand;
    color: #000000;
    background-color: #ccccff;
}

/*******************************************************************************/


/*****************************************************************************************/
/* 
	Control Logon CSS properties

    this stylesheet affects all the user created style panels.
    Any changes to the user content styles should not require 
    any additional style sheet changes.

    I included all the possible tabs that can be emitted by the 
    content generator. Note that not all have custom styles applied,
    since we don't know exactly how specific elements should look.
*/
/*****************************************************************************************/

.PrimaryContent P
{
 margin:0px;
 font-family:Calibri, sans-serif;
 padding-left:15px;
 padding-bottom:5px;  
 color:#666666;
 text-align:left;
 font-weight:normal;
 font-size:11pt;

}
.PrimaryContent H1
{
    padding: 10px 10px 4px 15px;
    font-size: 1.5em;
    color: #0c78be;
    margin: 0px;
    font-weight: normal;
}
.PrimaryContent H2
{
    padding: 10px 10px 4px 15px;
    font-size: 1.25em;
    color: #0c78be;
    margin: 0px;
    font-weight: normal;
}

.PrimaryContent H3,  .PrimaryContent H5, .PrimaryContent H6
{
    padding: 10px 10px 4px 15px;
    font-size: 1em;
    color: #0c78be;
    margin: 0px;
    font-weight: normal;
}
.PrimaryContent H4
{
margin:0px;
font-family:Calibri;
font-size:13pt;
color:#0000ff;
font-weight:bold;
padding:10px 0px 3px 15px;


}

.PrimaryContent PRE, .PrimaryContent ADDRESS
{
    margin: 0px;
    padding: 5px 10px 10px 15px;
    font-size: 18pt;
    color: #666666;
    font: .75em/1.25 Verdana, Geneva, sans-serif;
}
.PrimaryContent EM
{
}
.PrimaryContent U
{
}
.PrimaryContent STRIKE
{
}
.PrimaryContent SUP
{
}
.PrimaryContent SUB
{
}
.PrimaryContent UL
{
    padding: 10px 10px 10px 50px;
    margin: 0px;
}
.PrimaryContent LI
{
    padding-bottom: 10px;
    font-size: .75em;
}
.PrimaryContent OL
{
    padding: 10px 10px 10px 50px;
    margin: 0px;
}
.PrimaryContent BLOCKQUOTE
{
}
.PrimaryContent A:Link
{
    color: #0c78be;
}
.PrimaryContent A:Visited
{
    color: #0c78be;
}
.PrimaryContent A:Active
{
    color: #0c78be;
}
.PrimaryContent A:Hover
{
    color: #0c78be;
}
.PrimaryContent IMG
{
}
.PrimaryContent HR
{
    color: #0c78be;
    background-color: #0c78be;
}

.PrimaryContent .proBonoList
{
    font-size: 12pt;
    line-height: 28pt;
    margin: 25px;
}

.PrimaryContent .proBonoList a.pdf
{
    background-image: url(/Images/ico_download_pdf.gif);
    background-repeat:no-repeat;
    padding-left: 25px;
}

.PrimaryContent .proBonoList a.docx, a.doc
{
    background-image: url(/Images/ico_download_doc.gif);
    background-repeat:no-repeat;
    padding-left: 25px;
}

/*****************************************************************************************/

.SecondaryContent P
{
    margin: 0px;
    padding: 5px 10px 10px 15px;
    font-size: .75em;
    color: #666666;

}

.SecondaryContent H1
{
    padding: 10px 10px 4px 15px;
    font-size: 1.5em;
    color: #ed8540;
    margin: 0px;
    font-weight: normal;
}
.SecondaryContent H2
{
    padding: 10px 10px 4px 15px;
    font-size: 1.10em;
    color: #ed8540;
    margin: 0px;
    font-weight: normal;
}
.SecondaryContent H4
{
  padding : 10px 10px 4px 15px;
    font-size: 1em;
    color: #ed8540;
    margin: 0px;
    font-weight: normal;
}
.SecondaryContent H3, .SecondaryContent H5, .SecondaryContent H6
{
    padding: 10px 10px 4px 15px;
    font-size: 1em;
    color: #ed8540;
    margin: 0px;
    font-weight: normal;
}
.SecondaryContent PRE, .SecondaryContent ADDRESS
{
    margin: 0px;
    padding: 5px 10px 10px 15px;
    font-size: .75em;
    color: #666666;
    font: .75em/1.25 Verdana, Geneva, sans-serif;
}
.SecondaryContent UL
{
    padding: 10px 10px 10px 30px !important;
    margin: 0px;
}
.SecondaryContent LI
{
    padding-bottom: 10px;
    font-size: .75em;
}
.SecondaryContent OL
{
    padding: 10px 10px 10px 50px !important;
    margin: 0px;
}
.SecondaryContent STRONG
{
}
.SecondaryContent EM
{
}
.SecondaryContent U
{
}
.SecondaryContent STRIKE
{
}
.SecondaryContent SUP
{
}
.SecondaryContent SUB
{
}
.SecondaryContent UL
{
    padding: 10px 10px 10px 10px;
    margin: 0px;

}
.SecondaryContent LI
{
    padding-bottom: 10px;
    font-size: .75em;

}
.SecondaryContent OL
{
}
.SecondaryContent BLOCKQUOTE
{
}
.SecondaryContent A:Link
{
    color: #ed8540;
}
.SecondaryContent A:Visited
{
    color: #ed8540;
}
.SecondaryContent A:Active
{
    color: #ed8540;
}
.SecondaryContent A:Hover
{
    color: #ed8540;
}

.SecondaryContent HR
{
    color: #f27e30;
    background-color: #f27e30;
    border: 1px dotted #f27e30;
    border-style: none none dotted;
}
#ar
{
width:100px;
}
/*****************************************************************************************/

/*****************************************************************************************/
/* 
	Sliverlight CSS

    this stylesheet affects all the user created style panels.
    Any changes to the user content styles should not require 
    any additional style sheet changes.

    I included all the possible tabs that can be emitted by the 
    content generator. Note that not all have custom styles applied,
    since we don't know exactly how specific elements should look.
*/
/*****************************************************************************************/
.VideoPane
{
    margin: 20px 0 30px 40px;
}

.VideoThumbnails
{
    margin: 10px 1px 0px 1px;
}

.VideoThumbnails ul
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

.VideoThumbnails li
{
    display: inline;
    margin-right: 3px;
}

.ThumbnailLast
{
    margin-right: 0;
}

.VideoThumbnails img
{
    border: solid 1px black;
}

.VideoThumbnails a:hover img
{
    border: solid 1px #f29750;
}

.VideoFooter
{
    font-size: small;
    margin-top: 10px;
    position: relative;
}

.VideoFooter img
{
    position: absolute;
    top: 0;
    margin-left: 10px;
}

#divPlayer_0
{
    width: 480px;
    height: 360px;
}

#divPlayer_0 img
{
    border: none;
}


/*****************************************************************************************/

.BioImage
{
    border-style: solid;
    border-width: 1px;
    border-color: #0C78BE;
    margin-bottom: 4px;
    margin-right: 10px;
}
.div-data-wrapper
{
    color: #0c78be;
    background-color: #fcede3;
    border:solid 1px #0c78be;
    width: 560px;
    height: 400px;
    overflow: scroll;
}
.hr-report
{
    color: #0c78be;
    height: 2px;
    width: 560px;
}


/*****************************************************************************************/
/* 
	BLOG STYLES
*/
/*****************************************************************************************/

/* -- Comment Form -- */

#respond { margin:20px 0; float: left; }
#respond .formcontainer { margin: 20px; }
#respond .formcontainer #commentform #gravatar { margin-bottom: 10px; }

#respond .form-label { margin:0 0 3px 0; }
#respond .form-input { margin:0 0 10px 0; }
#respond .form-input input { padding:4px 5px; width:240px; /*250 - 5 - 5 = 240*/ border:2px solid #ccc; }
#respond .form-input textarea { padding:4px 5px; width:240px; /*250 - 5 - 5 = 240*/ height:150px; border:2px solid #ccc }
#respond .form-input input.valid,
#respond .form-input textarea.valid { padding-left:20px; width:225px; /*250-5-20 = 225*/ background:#E6EFC2 url(blog/images/icons/tick.png) no-repeat 3px 5px; border:2px solid #C6D880; color:#264409; }
#respond .form-input input.error,
#respond .form-input textarea.error { padding-left:20px; width:225px; /*250-5-20 = 225*/ background:#FBE3E4 url(blog/images/icons/cross.png) no-repeat 3px 5px; border:2px solid #FBC2C4; color:#8A1F11; }
#respond .form-input label.error { color:#8A1F11; display:inline-block; margin:0 0 0 15px; }
#respond .form-submit input { padding:3px 10px; }

/* -- Comments Display -- */

#comments .commentlist li { float: left; margin-top: 20px;}
#comments .commentlist li div.comment-author { float: left; width: 100%;}
#comments .commentlist li div.comment-author img.avatar { float: left; margin-right: 10px; }
#comments .commentlist li div.comment-author span.fn { float: left;  }
#comments .commentlist li div.comment-meta { float: left; font-size: 11px;}
#comments .commentlist li p { float: left; margin-top: 15px;}


/*****************************************************************************************/
/* 
	CONTOUR STYLES
*/
/*****************************************************************************************/


div#contour { width: 550px; float: left; font-family:Calibri, sans-serif; color:#666666; text-align:left; font-weight:normal; font-size:11pt;}
div#contour fieldset { border-style: none; margin-left: 15px; }
div#contour legend { margin:10px 0 0 -10px; font-weight: bold; font-size: 12pt; }
div#contour .contourValidationSummary ul { padding: auto; margin-bottom: 15px; }
div#contour .contourValidationSummary ul li { padding-bottom: 0; font-size: 11pt;}
div#contour div.contourField { padding-bottom: 10px; }
div#contour div.contourField input, textarea, select { width: 200px; font-size: 11px; float: left;  }
div#contour div.contourField input { height: 12px;}
div#contour div.contourField input.contourError { border: red solid thin}
div#contour div.contourField textarea {}
div#contour div.contourField select { width: auto; }
div#contour div.contourField label { width: 250px; float: left; margin: 0 15px 0 0; }
div#contour div.contourField .checkboxlist { float: left; width: 250px; }
div#contour div.contourField .checkboxlist label { float: left; width: 180px; padding-bottom: 0px; }
div#contour div.contourField .checkboxlist input { clear: left; float: left; width: 20px; }
div#contour div.contourNavigation { text-align: center; }
div#contour div.contourNavigation .contourButton { font-size: 14pt; font-weight: bold; border: 2px solid #0C78BE; }



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */