body
{
    background-color: #475159;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 80%;
}
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, html, blockquote, fieldset, input
{
    margin: 0;
    padding: 0;
}
a:link.PrinterFriendly, a:visited.PrinterFriendly
{
    color: #990000;
    font-size: 1em;
}
a:link, a:visited
{
    color: #444;
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
    color: #990000;
}
a:link.Galleries, a:visited.Galleries, a:hover.Galleries
{
    color: #990000;
    text-decoration: none;
}

a:link.NormalLink, a:visited.NormalLink, a:hover.NormalLink, a:active.NormalLink
{
    color: #990000;
    text-decoration: underline;
}
.code
{
    padding: 5px 5px;
    background-color: #FEFAF1;
}
.textbox input
{
    padding: 10px 10px;
    background-color: #888;
}
.title
{
    color: #990000;
    font-size: 150%;
    padding: 5px 10px 10px 10px;
    line-height: 125%;
    font-family: Georgia,Verdana,Arial,sans-serif;
}

.AccordianPane
{
    border: solid 1px #BDC2B4;
    padding: 2px 2px 2px 5px;
    line-height: 1.50em;
}


.SelectedPane
{
    font-size: 1em;
    border: solid 1px #BDC2B4;
    background-color: #BDC2B4;
    color: #FFF;
    padding: 5px 10px 10px 15px;
    line-height: 125%;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: Georgia,Verdana,Arial,sans-serif; 
}

.PaneHeading
{
    font-size: 1em;
    border: solid 1px #BDC2B4;
    background-color: #F7F0DF;
    color: #444; /*font-size: 125%;*/
    padding: 5px 10px 10px 15px;
    line-height: 125%;
    letter-spacing: 2px;
    font-family: Georgia,Verdana,Arial,sans-serif; 
}

/* Code Archive */
.code
{
    margin-left: 0px;
    padding: 7px 7px 7px 7px;
    background-color: #FDFFEF;
}
.description
{
    padding: 2px 3px;
}
.results
{
    color: #990000;
}

.CodeArchive td
{
    vertical-align: top;
    border-bottom: 1px solid #666;
    padding: 2px 5px;
    color: #555;
}

#EditLinks A:link
{
    color: #990000;
    text-decoration: none;
}
#EditLinks A:visited
{
    color: #990000;
    text-decoration: none;
}
#EditLinks A:hover
{
    color: #990000;
    text-decoration: none;
}



h2
{
    font-size: 114%;
    color: #990000;
}

h3
{
    font-size: 100%;
    color: #990000;
}

h4
{
    font-size: 100%;
    font-weight: normal;
    color: #333333;
}

h5
{
    font-size: 100%;
    color: #334d55;
}

label
{
    font: bold 100% Arial,sans-serif;
    color: #334d55;
}


#outer
{
    width: 1000px;
    padding: 0px;
    
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px; 
    /*background-color: #FFF; border: 1px solid #BDC2B4;*/
}

#container
{
    /*background-color: #FFF;*/
    width: 1000px;
    background: #FFF url(images/container_bg2.jpg) repeat-y;
    background-repeat: repeat-y;
}

#SiteName
{
    color: #FFF;
    width: 750px;
}


#PageName
{
    float: right;
    width: 250px;
    color: #000;
    color: #FFF;
    padding: 67px 20px 0px 0px;
    letter-spacing: 1px;
    text-align: right;
}
.PageNameShort
{
    /*background-color: #939192;*/
    padding: 2px 2px;
    font-size: 1em;
}
#Masthead
{
    height: 90px; /*background-image: url(images/ccdotnet.gif);     background-repeat: no-repeat;     background-color: #C8C3A4;     background-color: #C9C9C9; /*background-color:#939FA3;*/
    background-color: #AFBAB6;/* #709397;#8B947B; #A64747;#4F4F4F;#939192;*/
    border-bottom: dashed 1px #CCC;
    border-bottom: solid 1px #BDC2B4;
    /*background-image: url(images/ccdotnet.gif);
    background-repeat: no-repeat;*/
}

#Masthead img
{
    /*margin: 15px 0px 0px 35px;*/
}
#Masthead h1
{
     /*margin-left: -1999px;
    font-size: .1em;*/
    color: #FFF;
    margin: 0 0;
    padding: 20px 0px 0px 165px;
    letter-spacing: 15px;
    font-weight: normal;
    font-size: 3em;
    font-style: italic;
    font-family: Georgia,Verdana,Arial,sans-serif;
}

#main
{
    width: 420px; /*float: right;*/
    border: solid 1px red;
}

#sidebar
{
    width: 132px;
    float: left;
    
    padding: 10px 0px 10px 5px;
    margin: 0px 0px 0px 0px;
    font-weight: normal;
    font-family: Verdana,Arial,sans-serif;
    font-family: Georgia,Verdana,Arial,sans-serif;
    color: #666;
    line-height: 1.4em; /*background-color: #F7F0DF;     border: solid 1px #666;*/
}

#content
{
    /*
      width is set in the masterpage
      It's set to 640px in ccdotnet.master 
      and not set in TwoColumn.master
      so that it uses all remaining space
    */
    margin-left: 138px;
    color: black;
    color: #111;
    line-height: 1.5;
    padding: 10px 10px;
    /*background-color: #FFF;
    font-size: .8em;
     border-left: 1px dashed #CCC; 
    background-color: #FEFEFE;
     background: #FFF url(images/singledot.jpg) ;*/
}

#rightPanel
{
    float: right;
    width: 185px;
    line-height: 1.5; /*border:solid 1px red;
    font-size: .8em;*/
    color: #111;
    background-color: #FFF;
    padding-right: 0px;
    padding-left: 0px;
}

#accordian a:hover 
{
    color:#990000;
}

.blogroll
{
    font-size: 1em;
}

/***********************************************/
/*Component Divs                               */
/***********************************************/




/************** .resume styles *****************/
#resumeTitle h1
{
    letter-spacing: 5px;
    font-family: Georgia,Verdana,Arial,sans-serif;
    font-size: 150%;
    color: #990000;
    text-align: center;
    text-indent: 0px;
}
.resume ul
{
    margin: 5px 0px 20px 0px;
}
.resume li
{
    margin-bottom: 5px;
}
a:link.Resume, a:visited.Resume
{
    color: #990000;
    font-size: 1em;
    text-decoration: underline;
}
.resume
{
    padding: 0px 0px 10px 25px; /*font-size: 80%;*/
}
.resume p
{
    clear: both;
    padding: 0px 0px 0px 60px;
    font-size: 100%;
}
.education
{
    padding: 0px 0px 10px 10px; /*font-size: 80%;*/
}
.CompanyTitle
{
    background-color: #C9C9C9;
    padding: 2px 3px;
}
.CompanyName
{
    /*color: #000; 	background-color: #ddd; padding: 3px 2px; 	margin-top: 15px;*/
}
.JobTitle
{
    color: #000;
}


/************* #siteInfo styles ***************/
.emailAddressImage
{
    padding: 3px 2px;
}
#siteInfo
{
    clear: both; /* border-bottom: 1px dashed #cccccc;*/
    font-size: 100%;
    color: #FFF;
    padding: 25px 0 25px 145px;
    margin: 0px;
    background-color: #AFBAB6; /*background-color:#939FA3;*/ /*border-top: 1px dashed #CCC; 	border-right: 1px dashed #CCC; 	border-bottom: 1px dashed #CCC;*/
}

#siteInfo img
{
    padding: 4px 4px 4px 0px;
    vertical-align: middle;
}



.skillsHeading
{
    vertical-align: top;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 15px;
}
.skills
{
    padding-bottom: 15px;
}

.options
{
    color: #444;
}

/* PhoneList and Retirement Funds */
.PhoneList
{
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 0px;
    font: 1em "trebuchet MS" , arial, sans-serif;
    padding-top: 0px;
}
.heading
{
    padding-right: 3px;
    padding-left: 3px;
    font-weight: bold;
    font-size: 1.25em;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: Verdana, 'Arial Narrow';
}
.RetirementGrid td
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 0px;
    font: 1em "trebuchet MS" , arial, sans-serif;
    padding-top: 0px;
}
.retirementHeading
{
    font-weight: normal;
    font-size: 1em;
}
/* end PhoneList and Retirement Funds  */

.ContactItemStyle
{
    background-color: #FEFAF1; /*padding:15px 15px;*/
}
.ContactAltItemStyle
{
    background-color: #FEFAF1; /*background-color:#F0FAF1; 	padding:15px 15px;*/
}
#DLContacts /* needed so that the data list table takes up the entire div*/
{
    width: 100%;
}
.Contacts
{
    border: 1px solid #666;
    background-color: #FEFAF1;
}

#ContactsNav ul
{
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 0;
    margin-top: 0;
}
#ContactsNav ul li
{
    display: inline;
    margin: 0;
    padding: 5px 4px;
    background-color: #E8EBE3;
}
.CodeArchive
{
    border: 1px solid #666;
    background-color: #FEFAF1;
}

/* :hover is a pseudo selector to use to set the mouseover attributes */
.CodeArchive td:hover
{
    background-color: #E8EBE3;
}
.loginTitle
{
   font-size: 1.5em;
}
.loginTextBox 
{
    border: none;
    margin: 5px;

}

.loginCheckbox input
{
    margin: 5px;
}

.RecipeDetail
{
    /*border:solid 1px #666;     width: 6in;     height: 4in;     */
    padding: 5px 20px;
}

.RecipeName
{
    color: Blue;
    font-size: 1.25em;
}