﻿
body, html { margin:0px; font-family:Tahoma; font-size:90%; }
#Header { background-image:url(/Images/BgHeader.gif); height:137px; padding:13px 0px 0px 0px; }
a:hover { text-decoration:underline !important; }
#HeaderTop { padding:0px 0px 0px 30px; height:100px; width:856px; margin:auto; }
p { margin-top:8px; } 


/* HEADER */
#HeaderTop img { float:left; border:0px }
#HeaderTop ul { float:right; list-style-type:none; margin:0px 40px 0px 0px; }
#HeaderTop ul li { float:left; padding-left:20px; background-image:url(/Images/Divider.gif); background-repeat:no-repeat; background-position:10px center; }
#HeaderTop ul li a { color:#636363; text-decoration:none; font-size:85%; }
#HeaderTop ul li a:hover { color:#636363; text-decoration:underline; }
#HeaderTop ul li.First { background-image:none; }

/* NAVIGATION */
#Navigation { padding:0px 33px 0px 33px; width:823px; margin:auto;}
#Navigation ul { margin:0px; list-style-type:none; }
#Navigation ul li a { color:#FFFFFF; text-decoration:none; font-size:90%; }
#Navigation ul li a:hover { text-decoration:underline; }
#Navigation ul li.First { border-left:1px solid #767677; }
#Navigation ul li { float:left; background-image:url(/Images/Marker.gif); background-repeat:no-repeat; background-position:20px center; padding:8px 20px 0px 33px; height:26px; border-right:1px solid #767677; }
#Navigation ul li.Active { background-color:#009dad; float:left; background-image:url(/Images/MarkerOn.gif); }


#Content { padding:20px 45px 20px 45px; width:796px; margin:auto; color:#636363;}
#Content a { color:#636363;}
span.Highlight { color: #009dad; }
span.Project { font-weight:bold; }
span.Date { font-weight:bold; }
span.Course { font-size:140%; font-weight:normal; margin:0px;  }
span.Important { font-weight:bold; color: #FA1F24;}
span.Experience { color: #009dad; font-weight:bold; }

h1 { font-size:165%; font-weight:normal;margin:0px;  }
h2 { font-size:140%; font-weight:normal;margin:0px;  }

#PrimaryColumn { width:547px; float:left; }
#SecondaryColumn { width:229px; float:left; padding-left:20px;}


.Quote { width:214px; background-color:#f5f3ec; background-image:url(/Images/QuoteOpen.gif); background-repeat:no-repeat; background-position: left top; margin:40px 0px 0px 20px; }
.Quote blockquote { background-image:url(/Images/QuoteClosed.gif); background-repeat:no-repeat; background-position: right bottom; margin:0px; padding:25px 15px 25px 25px; line-height:150%; }
.Quote p { margin:0px; }
.Quote .Author { font-weight:bold; margin-top:20px; }

.Latest { width:214px; background-color:#f5f3ec; background-image:url(/Images/LatestOpen.gif); background-repeat:no-repeat; background-position: left top; margin:40px 0px 0px 20px; }
.Latest blockquote { background-image:url(/Images/LatestClosed.gif); background-repeat:no-repeat; background-position: right bottom; margin:0px; padding:15px 5px 15px 20px; line-height:120%; }
.Latest p { margin:0px; }

.Bigquote { width:355px; background-color:#f5f3ec; background-image:url(/Images/QuoteOpen.gif); background-repeat:no-repeat; background-position: left top; margin:40px 0px 0px 20px; }
.Bigquote blockquote { background-image:url(/Images/QuoteClosed.gif); background-repeat:no-repeat; background-position: right bottom; margin:0px; padding:15px 5px 15px 20px; line-height:140%; }
.Bigquote p { margin:0px; }
.Bigquote .Author { font-weight:bold; margin-top:5px; }

#Footer { background-color:#009dad; margin:20px 0px 0px 0px; }
#FooterInner { width:794px; margin:auto; }
#Footer .Copyright { float:left; }
#Footer .Contact { float:right; }
#Footer { height:156px; }
#Footer #FooterInner { padding:20px 45px 0px 45px; }
#FooterInner, #FooterInner a { color:#FFFFFF; text-decoration:none; font-size:85%; }
#FooterInner  { color:#FFFFFF; text-decoration:none; }


.BlockOne, .BlockTwo, .BlockThree { padding:0px 0px 0px 30px; margin:0px; }
.Block h2 { margin:0px; padding-top:0px; color:#009dad; font-weight:bold; font-size:120%; }
.Block h3 { margin:0px; padding-top:0px; font-weight:bold; font-size:90%; }
.Block p{ margin-top:0px; padding-top:0px;  }
.BlockOne { background-image: url(/Images/MarkerOne.gif); background-repeat:no-repeat; background-position: left top; }
.BlockTwo { background-image: url(/Images/MarkerTwo.gif); background-repeat:no-repeat; background-position: left top; }
.BlockThree { background-image: url(/Images/MarkerThree.gif); background-repeat:no-repeat; background-position: left top; }
.Services { float:left; width:245px; }

.Block { margin:0px 0px 10px 0px; } 
.Block ul { margin:5px 0px 0px 0px; list-style-type:none; padding:0px; }
.Block ul li { background-image: url(/Images/Marker.gif); background-repeat:no-repeat; background-position:left 5px; margin-bottom:2px; }
.Block ul li a { text-decoration:underline; }
.Services ul li { background-image: url(/Images/Marker.gif); padding-left:15px; }
.Benefits ul li, ul.Benefits li {background-repeat:no-repeat; background-image: url(/Images/MarkerSmall.gif); padding-left:20px;}
.Benefits { float:left; margin: 0px 0px 0px 90px; }
ul.Benefits li { background-position:left 7px; margin-bottom:3px; list-style-type:none;}
ul.Benefits { margin-top:10px; float:none; }
ul.Benefits ul {margin-top:10px;}

ul.Offering { list-style-type:none; margin:0px; padding:5px;}
ul.Offering li { background-image:url(/Images/Marker3.png); background-repeat:no-repeat; background-position:left center;margin:5px 0px 0px 0px; padding:0px 0px 0px 20px; }
ul.Offering li a { text-decoration:underline; }

/*------------------ INNER PAGES --------------------*/

#InnerPage #PrimaryColumn { width:200px; float:left; padding-right:20px; border:1}
#InnerPage #SecondaryColumn { width:555px; float:left; }

#InnerPage ul.List { list-style-type:none; margin:0px; padding:1px;}
#InnerPage ul.List li { background-image:url(/Images/Marker2.gif); background-repeat:no-repeat; background-position:left center;margin:0px 0px 5px 20px; padding:0px 0px 0px 20px; }
#InnerPage ul.List li a { text-decoration:underline; }

#InnerPage ul#SubNavigation { background-color:#f5f3ec; margin:0px; padding:10px 20px 10px 20px; width: 160px; list-style-type:none; }
#InnerPage ul#SubNavigation li { border-top:1px solid #cccac2; padding:10px 0px 10px 0px; }
#InnerPage ul#SubNavigation a { text-decoration:none; font-size:90%; }
#InnerPage ul#SubNavigation .Active { font-weight:bold; }

#InnerPage ul#SubNavigation li.First { border-top:0px; }
#InnerPage h1 { color:#009dad; }
#InnerPage h2 { color:#636363; }

div.Hr { background-image:url(/Images/Hr.gif); height:45px; background-repeat:no-repeat; }
/*------------------ CLEARING FLOATS HACK --------------------*/
.fc:after {
    content: "."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.fc {display:inline-block;}
/* LEAVE COMMENTS BELOW AS THEY ARE. THIS IS INTENTIONAL */
/* Hides from IE-mac \*/
* html .fc {height:1%;}
.fc {display:block;}
/* End hide from IE-mac */
