﻿@charset "UTF-8";

/* UNIVERSAL TAGS */

body
{
    background: #FF7300 none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    margin-top: 24px;
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif, Verdana;
}

img
{
    border: 0;
}

p
{
    font-size: 1.4em;
    color: #777;
    line-height: 17px;
}

h1
{
    font-size: 3.2em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h2
{
    font-size: 2.2em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h3
{
    font-size: 1.8em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h4
{
    font-size: 1.8em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

h5
{
    font-size: 1.4em;
    color: #777;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

a:link
{
    color: #666666;
    text-decoration: underline;
}

a:visited
{
    color: #666666;
    text-decoration: underline;
}

a:hover
{
    color: #FF7300;
    text-decoration: underline;
}

li
{
    color: #777;
}

/* TEMPLATE IDs */

#wrap
{
    margin: 0 auto;
    width: 975px;
}

#header
{
    width: 975px;
    height: 70px;
    margin-bottom: 16px;
}

#slogan
{
    clear:right;
    float: right;
    margin-top: 25px;
}

#logo
{
    float: left;
}

#main
{
    width: 949px;
    background-color: #FFF;
    padding: 13px;
}

/* UNIVERSAL NAVIGATION */

#navigation
{
    width: 929px;
    height: 20px;
    background-color: #E1E1E1;
    padding: 10px;
    margin-bottom: 13px;
}

#navigation ul
{
    margin: 0;
    padding: 3px 0;
}

#navigation li
{
    margin: 0;
    padding: 0;
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    color: #777;
    padding-left: 8px;
    padding-right: 8px;
}

#navigation a:link
{
    color: #777;
    text-decoration: none;
}

#navigation a:visited
{
    color: #777;
    text-decoration: none;
}

#navigation a:hover
{
    color: #444;
    text-decoration: none;
}

#search
{
    float: right;
    margin: 0;
    padding: 0;
    background-color: #E1E1E1;
    margin-top: 0px;
}

#searchbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #777;
    border: 0;
    background-color: #FFF;
    padding: 0px;
    margin: 0px;
    width: 185px;
}

#go
{
    width: 33px;
    height: 20px;
    margin: 0;
    padding: 0;
}

/* HOMEPAGE IDs */

#row1
{
    width: 949px;
    height: 305px;
    clear: both;
    margin-bottom: 13px;
}

#flash
{
    width: 708px;
    height: 279px;
    float: left;
    margin-right: 13px;
}

#greybox
{
    width: 202px;
    height: 279px;
    float: right;
    background-color: #E1E1E1;
    padding: 13px;
}

#greybox p
{
    padding: 0;
    margin: 0;
}

#greybox span
{
    text-transform: uppercase;
    color: #FF7300;
    font-weight: bold;
    line-height: 18px;
}

#hpnews
{
    border-bottom: 1px solid #FF7300;
    height: 69px;
    width: 202px;
}

#hpcallback
{
    border-bottom: 1px solid #FF7300;
    height: 59px;
    width: 202px;
    padding-top: 5px;
}

#hpevents
{
    border-bottom: 1px solid #FF7300;
    height: 118px;
    width: 202px;
    padding-top: 5px;
}

#hpscott
{
    border-bottom: 1px solid #FF7300;
    height: 69px;
    width: 202px;
    padding-top: 5px;
}

#hpprofiles
{
    height: 64px;
    width: 202px;
    padding-top: 5px;
}

/*#row2 { width:949px; background-image:url(images/hp-tabs-bg.gif); background-repeat:repeat-y; overflow:hidden; }*/

#hpgreen
{
    padding: 13px;
    width: 201px;
    float: left;
    margin-right: 13px;
    background-color: #7CC000;
    height: 202px;
    background-image: url(/Images/green-feat-bg.gif);
}

#hppink
{
    padding: 13px;
    width: 202px;
    float: left;
    margin-right: 13px;
    background-color: #FF3EB6;
    height: 202px;
    background-image: url(/Images/pink-feat-bg.gif);
}

#hpyellow
{
    padding: 13px;
    width: 202px;
    float: left;
    margin-right: 13px;
    background-color: #FFBD00;
    height: 202px;
    background-image: url(/Images/yellow-feat-bg.gif);
}

#hpblue
{
    padding: 13px;
    width: 201px;
    float: left;
    background-color: #5ABEAC;
    height: 202px;
    background-image: url(/Images/blue-feat-bg.gif);
}

#row2 h1
{
    font-size: 2.2em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#row2 h2
{
    font-size: 2.2em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#row2 p
{
    font-size: 1.3em;
    color: #333;
    padding-top: 6px;
}

#row2 ul
{
    margin: 0;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 4px;
}

#row2 li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #333;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-bottom: 3px;
}

#row2 a:link
{
    color: #333;
    text-decoration: none;
    display: block;
}

#row2 a:visited
{
    color: #333;
    text-decoration: none;
    display: block;
}

#row2 a:hover
{
    color: #fff;
    text-decoration: none;
    display: block;
}

/* CONTENT IDs */

#contentwrap
{
    width: 949px;
    overflow: hidden;
    background-color: #e1e1e1;
}

#contentwrapleft
{
    width: 227px;
    float: left;
}

#sidebar
{
    padding: 13px;
    width: 201px;
    float: left;
    margin-top: 30px;
}

#sidebar ul
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #777;
    margin-top: 20px;
    margin-bottom: 50px;
}

#sidebar li
{
    margin: 0;
    padding: 0;
    border-top: 1px solid #777;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-top: 6px;
    padding-bottom: 6px;
    color: #FF7300;
}

#sidebar a:link
{
    color: #777;
    text-decoration: none;
    display: block;
}

#sidebar a:visited
{
    color: #777;
    text-decoration: none;
    display: block;
}

#sidebar a:hover
{
    color: #FF7300;
    text-decoration: none;
    display: block;
}

#sidebar h3
{
    margin: 0;
    padding: 0;
}

#sidebar h4
{
    margin: 0;
    padding: 0;
}

#contentwrapright
{
    width: 722px;
    float: right;
    background-color: #FFF;
}

#middlecols
{
    width: 469px;
    float: left;
    background-color: #FFF;
    padding-left: 13px;
}

#middlecols li
{
    font-size: 12px;
    color: #777;
}

#featurettes
{
    width: 227px;
    float: right;
    margin-left: 13px;
    background-color: #fff;
}

#featurettes p
{
    font-size: 1.3em;
    color: #333;
    padding-top: 4px;
}

#featurettes h2
{
    font-size: 1.8em;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    margin-bottom: 4px;
}

#featurettes ul
{
    margin: 0;
    padding: 0;
    margin-top: -4px;
    margin-bottom: 4px;
}

#featurettes li
{
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #333;
    list-style-type: none;
    font-size: 1.2em;
    display: block;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}

#featurettes a:link
{
    color: #333;
    text-decoration: none;
    display: block;
}

#featurettes a:visited
{
    color: #333;
    text-decoration: none;
    display: block;
}

#featurettes a:hover
{
    color: #fff;
    text-decoration: none;
    display: block;
}

#greenfeaturette
{
    width: 201px;
    padding: 13px;
    background-color: #7CC000;
    height: 201px;
    background-image: url(/Images/green-feat-bg.gif);
}

#pinkfeaturette
{
    width: 201px;
    padding: 13px;
    background-color: #FF3EB6;
    margin-top: 13px;
    height: 201px;
    background-image: url(/Images/pink-feat-bg.gif);
}

#yellowfeaturette
{
    width: 201px;
    padding: 13px;
    background-color: #FFBD00;
    margin-top: 13px;
    height: 201px;
    background-image: url(/Images/yellow-feat-bg.gif);
}

#bluefeaturette
{
    width: 201px;
    padding: 13px;
    background-color: #5ABEAC;
    margin-top: 13px;
    height: 201px;
    background-image: url(/Images/blue-feat-bg.gif);
}

#breadcrumb
{
    margin: 0;
    padding: 0;
}

/* FOOTER */

#footer
{
    width: 949px;
    padding: 13px;
    color: #FFF;
    font-size: 1.3em;
	position: relative;
}

#footer p
{
    font-size: 1.2em;
    color: #FFF;
    text-align: center;
}

#footer span
{
    font-size: 90%;
    color: #FFF;
    text-align: center;
}

#footer a:link
{
    color: #fff;
    text-decoration: underline;
}

#footer a:visited
{
    color: #fff;
    text-decoration: underline;
}

#footer a:hover
{
    color: #333;
    text-decoration: none;
}

#breadcrumbContainer
{
    margin-left: 13px;
    font-size: 1.2em;
    color: #1e1e1e;
    margin-bottom: 8px;
}

#polaroid
{
    background-image: url(/Images/polaroid-sidebar-bg.gif);
    background-repeat: no-repeat;
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 8px;
    width: 51px;
    height: 51px;
    float: right;
    margin-top: -58px;
}

.yellowpolaroid
{
    background-image: url(/Images/polaroid-yellow.gif);
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 13px;
    width: 51px;
    height: 51px;
    float: right;
    margin-top: 15px;
}

.pinkpolaroid
{
    background-image: url(/Images/polaroid-pink.gif);
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 13px;
    width: 51px;
    height: 51px;
}

#caserotator
{
    margin-bottom: -10px;
}

#caserotator a:link
{
    color: #777;
    text-decoration: none;
}

#caserotator a:visited
{
    color: #777;
    text-decoration: none;
}

#caserotator a:hover
{
    color: #FF7300;
    text-decoration: none;
}

#caserotator p
{
    color: #777;
    font-size: 1.2em;
    text-transform: none;
}

#caserotator span
{
    color: #777;
    font-size: 1.0em;
    text-transform: none;
    font-weight: normal;
}

/* EVENT */

.eventpost
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eventfull
{
    color: #777;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.eventtitle
{
    font-size: 140%;
    font-weight: bold;
    float: left;
    margin: 0;
}

.eventdate
{
    float: right;
    color: #FF7300;
    margin: 0;
}

/* NEWS */

.newspost
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.newsfull
{
    color: #777;
    padding-bottom: 10px;
    font-size: 1.2em;
}

.newstitle
{
    font-size: 140%;
    font-weight: bold;
    float: left;
    margin: 0;
}

.newsdate
{
    float: right;
    color: #FF7300;
    margin: 0;
}

.excerpt
{
    clear: both;
    margin: 0;
    padding-top: 10px;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.postdate
{
    color: #FF7300;
}

legend
{
    font-size: 1.3em;
    color: #FF7300;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #FFF;
    padding-left: 5px;
    padding-right: 5px;
}

fieldset
{
    border: 1px dotted #999;
    padding: 10px;
}

#bookmarktable
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/*bookmarks*/
.bookit
{
    border: 1px dotted #cccccc;
    padding: 0.5em;
    margin: 1.5em 0 1.5em 0;
    clear: both;
    float: left;
    width: 46.2em;
    text-align: center;
}

.bookit h4
{
    font-size: 1.2em;
    width: 100%;
    text-align: left;
}

.bookit ul
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 30em;
}

.bookit ul li
{
    list-style: none;
    display: inline-block;
    width: 1.5em;
    margin: 0 0.45em 0 0.45em;
    float: left;
    text-decoration: none;
}

.bookit ul li a
{
    text-decoration: none;
}

.bookit ul li.blink
{
    background: #fff url(/Images/BookMarks/blink.gif) no-repeat top left;
}
.bookit ul li.delicious
{
    background: url(/Images/BookMarks/delicious.gif) no-repeat 0 0;
}
.bookit ul li.digg
{
    background: url(/Images/BookMarks/digg.gif) no-repeat 0 0;
}
.bookit ul li.facebook
{
    background: url(/Images/BookMarks/facebook.gif) no-repeat 0 0;
}
.bookit ul li.furl
{
    background: url(/Images/BookMarks/furl.gif) no-repeat 0 0;
}
.bookit ul li.google
{
    background: url(/Images/BookMarks/google.gif) no-repeat 0 0;
}
.bookit ul li.live
{
    background: url(/Images/BookMarks/live.gif) no-repeat 0 0;
}
.bookit ul li.newsvine
{
    background: url(/Images/BookMarks/newsvine.gif) no-repeat 0 0;
}
.bookit ul li.reddit
{
    background: url(/Images/BookMarks/reddit.gif) no-repeat 0 0;
}
.bookit ul li.simpy
{
    background: url(/Images/BookMarks/simpy.gif) no-repeat 0 0;
}
.bookit ul li.spurl
{
    background: url(/Images/BookMarks/spurl.gif) no-repeat 0 0;
}
.bookit ul li.stumbleupon
{
    background: url(/Images/BookMarks/stumbleupon.gif) no-repeat 0 0;
}
.bookit ul li.technorati
{
    background: url(/Images/BookMarks/technorati.gif) no-repeat 0 0;
}
.bookit ul li.yahoo
{
    background: url(/Images/BookMarks/yahoo.gif) no-repeat 0 0;
}

/* YOUR STORIES */

.casestudy
{
    border-top: #999 dotted 1px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.casestudytitle
{
    font-size: 140%;
    font-weight: bold;
    margin: 0;
}

.casestudystrapline
{
    color: #FF7300;
    font-size: 140%;
    margin: 0;
    margin-bottom: 10px;
}

.caseexcerpt
{
    margin: 0;
    padding-top: 10px;
}

.excerptthumb
{
    float: right;
    border: 1px solid #777;
    margin: 10px;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder1_storyphoto
{
    float: right;
    border: 1px solid #777;
    margin-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.question
{
    margin-left: 10px;
    margin-top: 10px;
    font-size: 1.0em;
    color: green;
}

.questionAnswer
{
    margin-left: 15px;
    font-size: 1.0em;
    color: #777777;
}

.quickTestReport
{
}

/* IMAGE ROTATOR */
#ctl00_RightCol2_ImageRotator1_homeimage
{
    float: left;
    padding: 13px;
    width: 682px;
    height: 279px;
    font-size: 1.3em;
}
#ctl00_RightCol2_ImageRotator1_homeimageheading
{
    color: #fff;
    float: left;
    margin-top: 28px;
    width: 400px;
}
#ctl00_RightCol2_ImageRotator1_homeimageslogan
{
    color: #fff;
    clear: both;
    float: left;
    margin-top: 10px;
    font-size: 1.3em;
    width: 275px;
}

.midCol
{
    width: 350px;
}

.profile
{
    color: #333;
}
.profile1
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile2
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile3
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile4
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile5
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile6
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile7
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile8
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile9
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}
.profile10
{
    width: 120px;
    float: left;
    background-color: #5ABEAC;
    text-align: center;
    font-size: 1.5em;
    padding: 8px;
    height: 68px;
    border: solid 6px white;
}

#imgStudy
{
    padding-left: 3px;
}

#navlinks
{
	position: absolute;
	left: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#navlinks li
{
	display:inline;
}
