/* -------------------------------------------------------------- 
	
	content-design.css	
	* Styles for content-level markup
	
-------------------------------------------------------------- */

.content
{
}

/* Styles for Content Area */
#contentArea h2
{
    margin-bottom: 12px;
    border-bottom: 1px solid #4CA6BC;
    padding: 0;
    line-height: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #0080A0;
}

#contentArea h3
{
    padding-bottom: 5px;
    color: #0080A0;
    font-size: 21px;
    font-weight: normal;
    line-height: 23px;
}


#contentArea h4
{
    clear: both;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: bold;
    color: #0080A0;
}

#contentArea h5
{
    font-size: 12px;
    font-weight: bold;
}

#contentArea h7
{
    font-size: 12px;
}

#contentArea p
{
    font-size: 1.2em;
    padding-bottom: 1.8em;
}

#contentArea a
{
    color: #0080A0;
    text-decoration: none;
}

#contentArea a:hover
{
    color: #FC9317;
}

#contentArea a.moreLink
{
    color: #9E0B0F;
    text-decoration: none;
    font-style: italic;
    font-family: Georgia;
}

#contentArea a.moreLink:hover
{
    color: #5f0406;
}

span.blue
{
    color: #0080A0;
}

.content strong
{
    font-weight: bold !important;
}

.pulloutBlue
{
    padding-bottom: 5px;
    color: #0080A0;
    font-size: 2.1em;
    font-weight: normal;
    line-height: 21px;
}

.pulloutYellow
{
    margin-bottom: 26px;
    color: #E29704;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 21px;
}

.articlePhoto
{
    float: left;
    padding: 0 10px 10px 0;
}



/* Styles for Left Column */
#leftCol .resourcesLinks
{
    padding: 0 13px 26px 13px;
}

#leftCol .resourcesLinks ul
{
    padding: 2px 0 0 0;
}

#leftCol .resourcesLinks ul li
{
}

#leftCol .resourcesLinks ul a
{
    display: inline-table; /* Changed by Shannon */
    line-height: 1.4em; /* Added By Shannon */
    padding-bottom: 6px;
    color: #4d4d4d;
    text-decoration: none;
    font-style: normal;
    font-weight: bold;
}

#leftCol .resourcesLinks ul a:hover
{
    color: #8F8E8E;
}

#leftCol .resourcesLinks ul ul
{
    margin-left: 10px;
    padding: 0;
}

#leftCol #subscribe
{
    margin-bottom: 8px;
    padding: 12px 6px 11px 14px;
    width: 194px;
    background: url(images/layout/bg-subscribe.gif) top left no-repeat;
}

#subscribe h2
{
    margin-bottom: 4px;
    border: none;
    font-size: 13px;
    font-weight: normal;
    color: #0080A0;
}

#subscribe p
{
    padding-bottom: 8px;
    font-size: 9px;
    color: #515050;
    line-height: 13px;
}

#subscribe fieldset
{
    padding: 0;
    border: none;
}

#subscribe label
{
    display: none;
}

#subscribe input#searchField
{
    float: left;
    width: 118px;
    height: 13px;
}

#subscribe input#searchButton
{
    float: left;
    position: relative;
    left: -1px;
}

/* Styles for Right Column */
#rightCol
{
}

#rightCol ul
{
    padding: 2px 0 18px 18px;
    list-style: square;
}

#rightCol ul.RadioButtonListCssClass
{
    padding: 0 !important;
    list-style: none !important;
    border:none;
}

#rightCol ul li
{
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}

#rightCol ul ul
{
    list-style: disc;
}

#rightCol ul ul li
{
    font-size: 1em;
}

#rightCol ul ul ul
{
    list-style: circle;
}

#rightCol ol
{
    padding: 2px 0 18px 24px;
    list-style: roman;
}

#rightCol ol li
{
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}

#rightCol ol ol
{
    list-style: upper-alpha;
}

#rightCol ol ol li
{
    font-size: 1em;
}

#rightCol ol ol ol
{
    list-style: lower-roman;
}

#rightCol dl
{
    padding: 2px 0 18px 18px;
    list-style: square;
}


#rightCol dl dt, #rightCol dl dd
{
    margin: 0;
    padding: 0;
    font-size: 1.2em;
}

#rightCol fieldset
{
    border:none;
}

/* Styles for Focus Areas */

div#subLinks
{
    padding: 17px 0 24px 8px;
    background: #DBDBDB url(images/layout/bg-sidebar-links.gif) bottom left no-repeat;
    font-size: 1.1em;
}

#subLinks a
{
    color: #0080A0;
    text-decoration: none;
}

#subLinks a:hover
{
    color: #FC9317;
}

#subLinks ul
{
}

#subLinks ul li
{
    padding-bottom: 7px;
    font-weight: bold;
}

#subLinks ul li strong
{
    color: #9E0B0F;
}

#subLinks ul a
{
    color: #4d4d4d;
    text-decoration: none;
}

#subLinks ul a:hover
{
    color: #9E0B0F;
}

div#pullOuts
{
    border-top: 4px solid #fff;
    padding: 14px 21px 12px 10px;
    background: #CCE6EC url(images/layout/bg-sidebar-pullouts.gif) top left no-repeat;
}

#sublevel div#pullOuts
{
    border-top: 1px solid #fff;
}

#pullOuts a
{
    color: #0080A0;
    text-decoration: none;
}

#pullOuts h2
{
    margin-bottom: 6px;
    padding: 0;
    border-bottom: 1px solid #4CA6BC;
    line-height: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #0080A0;
}

/* Controls Poll Question Size */
#pullOuts fieldset
{
    border: none;
    font-size: 1.2em;
}

/*Used for Poll Results */
#pullOuts h3 
{
    border-bottom: 1px solid #4CA6BC;
    line-height: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #0080A0;
}

/* Used for the questions of the polls */
#pullOuts h4 
{
    font-size: 12px;
    font-weight:bold;
}

/* Poll Question Answers on Results */
.sf_pollQuestionAnswers
{
    font-size: 12px;
}

#pullOuts h7
{
    font-size: 12px;
}

#pullOuts p
{
    margin-bottom: 5px;
    font-size: 1.2em;
    line-height: 18px;
}

#pullOuts p strong a
{
    color: #0080A0;
    text-decoration: none;
    font-style: normal;
    font-family: arial;
}

#pullOuts a
{
    color: #9E0B0F;
    text-decoration: none;
    font-style: italic;
    font-family: Georgia;
}

#pullOuts a:hover
{
    color: #5f0406;
}

div#callOut
{
    position: absolute;
    bottom: 54px;
    padding: 32px 21px 0 10px;
    width: 220px;
    background: #E5F2F5 url(images/layout/bg-sidebar-callout.gif) top left no-repeat;
}

#callOut h2
{
    margin-bottom: 6px;
    border-bottom: 1px solid #4CA6BC;
    line-height: 8px;
    font-size: 11px;
    font-weight: bold;
    color: #0080A0;
}

#callOut li
{
    margin-bottom: 15px;
    font-size: 1.1em;
    line-height: 18px;
    font-weight: normal;
}

#callOut p, #callOut label
{
    margin-bottom: 15px;
    font-size: 1.2em;
    line-height: 18px;
    font-weight: normal;
}

#callOut h3
{
    margin-bottom: 15px;
    font-size: 1.2em;
    line-height: 18px;
    font-weight: bold;
}

#callOut fieldset
{
    border: none;
}

#callOut p strong a
{
    color: #0080A0;
    text-decoration: none;
    font-style: normal;
    font-family: arial;
}

#callOut a
{
    color: #9E0B0F;
    text-decoration: none;
    font-style: italic;
    font-family: Georgia;
}

#callOut a:hover
{
    color: #5f0406;
}




/* Design Styles for Form Elements, Sitemaps, Rollover Menus, Icons
-------------------------------------------------------------- */

/* Template for Icons (see icon PNGs in the images/interface directory  */
.iconName
{
    padding: 2px 0 2px 24px;
    background: url(images/interface/icon_Icon_Name.gif) top left no-repeat;
}


/* Sitemap
-------------------------------------------------------------- */

#siteMap
{
}

#siteMap ul
{
}

#siteMap ul li
{
}

#siteMap ul a
{
}

#siteMap li ul ul
{
}

#siteMap li ul li
{
}

#siteMap li ul a
{
}





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

TITLE: the genius development framework

VERSION: 1.0.0
URI: http://www.geniusswitchstudio.com/
AUTHOR: Christian Alexander Seeber, Principal + User Experience Architect
COPYRIGHT: 2009 genius switch studio llc

DISCLAIMER: Of course the copyright is not worth much to me, 
please feel free to borrow, steal, learn, critique (not critisize). I certainly
borrowed from countless bits i've accumulated over the years to reach this level, and 
i'm sure we'll be making updates as time goes on. I think the world of web dev is a 
great place to share and teach each other, not get pissy about who owns what... That said
we're proud of this framework, and hope if you're reading this far down, that you're gaining 
something here. Metta!

DESCRIPTION: HTML/CSS/JS Framework or Repository created by genius switch 
in order to streamline all our builds. HTML Structure is always the same, 
CSS Structure is always the same, jQuery drives everything. 
Our Markup is nearly identical on every build except for the content, 
our stylesheets, elements and classes are structured nearly identically 
every time with the only difference being the actual stylings.

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