/* Based upon Blueprint, v0.6 */

/* -------------------------------------------------------------- 
   * Resets default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* -------------------------------------------------------------- 
   * Sets up some sensible default typography.
-------------------------------------------------------------- */
/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 75%; line-height: 1.5; /* Default fonts and colors. */
  color: #262626; font-family: Helvetica, Arial, sans-serif; min-width: 1150px;}


/* Headings
-------------------------------------------------------------- */
h1 { color: #090948; font-size: 2.4em; line-height: 1; font-weight: normal; margin-bottom: 0.5em; }
h2 { color: #262626; font-size: 0.9167em; line-height: 1.25; font-weight: bold; margin-bottom: 0; text-transform: uppercase; }


/* Text elements
-------------------------------------------------------------- */
#content p           { margin: 0 0 1em; }
#content p.last      { margin-bottom: 0; }
/*#content p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }*/
#content p img       { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
#content p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
#content img         { margin: 0 0 1em; }

#content ul, ol      { margin: 0; padding: 0; }
#content ul          { list-style-type: none; }
#content ol          { list-style-type: decimal; }
#content dl          { margin: 0 0 1em; }
#content dl dt       { font-weight: bold; }
#content dd          { margin-left: 1.5em;}

#content abbr, 
#content acronym     { border-bottom: 1px dotted #666; }
#content address     { margin-top: 1.5em; font-style: italic; }
#content del         { color: #666; }

#content a:focus, 
#content a:hover     { color: #66cbf5; }
#content a           { color: #6896b1; text-decoration: none; }

#content blockquote  { margin: 1.5em; color: #4a4b4b; }
#content strong      { font-weight: bold; }
#content em,#content dfn      { font-style: italic; background: #ffc; }
#content dfn         { font-weight: bold; }
#content pre,#content code    { margin: 1.5em 0; white-space: pre; }
#content pre,#content code,#content tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
#content tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */
#content table   { margin-bottom: 1.4em; }
#content th      { border-bottom: 2px solid #ccc; font-weight: bold; }
#content td      { border-bottom: 1px solid #ddd; }
#content th,#content td   { padding: 4px 10px 4px 0; }
#content tfoot   { font-style: italic; }
#content caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */
.small      { font-size: 0.8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.skip		{ position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; border: none; font-size: 0; }
.highlight  { background: #ff0; }
.added      { color: #060; }
.removed    { color: #900; }

.top        { margin-top: 0; padding-top: 0; }
.bottom     { margin-bottom: 0; padding-bottom: 0; }
#content .left		{ float: left; margin: 0 10px 10px 0; }
.right		{ float: right; margin: 0 0 10px 10px; }


/* -------------------------------------------------------------- 
   * Sets up the basic structure.
-------------------------------------------------------------- */
#container { background: #fff url('i/bg-container.gif') repeat-y; margin-bottom: 10px; }
body.home #container { background: none; }

#masthead { background-image: url('i/bg-masthead.png'); background-repeat: no-repeat; background-position: 0 247px; height: 260px; }
body.home #masthead { background-position: 0 387px; height: 400px; }

	#wrapper { background: #fff url('i/bg-wrapper.png') repeat-x; }
	body.home #wrapper { background: #fff url('i/bg-wrapper-home.png') repeat-x; }
	/*#banner { position: relative; height: 247px; margin: 0 100px; width: 950px; }*/
	#banner {height: 247px; position: relative;}
	
	body.home #banner { height: 387px; }

	#masthead p.links { float: right; color: #fff; font-size: 0.833em; margin: 10px 30px 0 0; }
	#masthead p.links a { color: #fff; text-decoration: none; margin: 0 5px; }
	#masthead p.links a:hover { text-decoration: underline; }
	/*#masthead p#logo { background: url('i/logo.png'); width: 237px; height: 62px; display: block; text-indent: -2000px; margin: 0; padding: 0; position: absolute; top: 7px; left: 0; }*/
	#masthead p#logo { background: url('i/logo.png'); width: 237px; height: 62px; display: block; text-indent: -2000px; margin: 0 0 0 100px; padding: 0; position: absolute; top: 7px; left: 0; }
	
	#masthead p#logo a { width: 237px; height: 62px; display: block; }
	#masthead p#tagline { text-indent: -2000px; margin: 0; font-size: 0; }

	/* top nav */
	#masthead ul { list-style: none; background-image: url('i/bg-nav-main.png'); position: absolute; top: 46px; right: 0px; width: 560px; height: 25px; display: block; text-indent: -2000px; }
	#masthead ul li a { background-image: url('i/bg-nav-main.png'); position: absolute; top: 0; height: 25px; }
	#masthead ul li#nav01 a { left: 0; width: 73px; }
		#masthead ul li#nav01 a.selected { background-position: 0 25px; }
		#masthead ul li#nav01 a:hover { background-position: 0 50px; }
	#masthead ul li#nav02 a { left: 90px; width: 75px; background-position: -90px 0; }
		#masthead ul li#nav02 a.selected { background-position: -90px 25px; }
		#masthead ul li#nav02 a:hover { background-position: -90px 50px; }
	#masthead ul li#nav03 a { left: 183px; width: 103px; background-position: -183px 0; }
		#masthead ul li#nav03 a.selected { background-position: -183px 25px; }
		#masthead ul li#nav03 a:hover { background-position: -183px 50px; }
	#masthead ul li#nav04 a { left: 303px; width: 108px; background-position: -303px 0; }
		#masthead ul li#nav04 a.selected { background-position: -303px 25px; }
		#masthead ul li#nav04 a:hover { background-position: -303px 50px; }
	#masthead ul li#nav05 a { left: 425px; width: 124px; background-position: -425px 0; }
		#masthead ul li#nav05 a.selected { background-position: -425px 25px; }
		#masthead ul li#nav05 a:hover { background-position: -425px 50px; }


/* Feature images/flash */
/*#feature { position: relative; top: 50px; }*/
/*#feature { height: 172px; padding-top: 75px; }*/
#feature { height: 172px; margin: 0 100px; padding-top: 75px; }
body.home #feature { margin: 0 auto; clear: both; width: 950px; height: 312px; }
body.home #feature img { margin: 0; float: none; }

#featureHome { position: relative; top: 50px; }
/*#featureHome { height: 172px; padding-top: 75px; }*/
body.home #featureHome { margin: 0 auto; clear: both; width: 950px; height: 312px; }
body.home #featureHome img { margin: 0; float: none; }

#content { position: relative; margin: 0 100px; width: 950px; overflow: hidden; padding: 30px 0 50px; }

#footer { width: 1000px; margin: 0 75px; border-top: 1px solid #5e5e5e; }
#footer p { color: #5e5e5e; font-size: 0.833em; margin: 0; padding: 15px 0; }
#footer p.links { float: right; color: #5e5e5e; font-size: 0.833em; margin: 0; padding: 15px 0; }
#footer a { color: #5e5e5e; text-decoration: none; padding: 0 0 0 10px; }
#footer a:hover { text-decoration: underline; }

/* -------------------------------------------------------------- 
   * Home Page Styling.
-------------------------------------------------------------- */
body.home #content { font-size: 0.9167em; background: none; }
body.home #news, body.home #easy, body.home #demo { position: relative; float: left; width: 276px; margin: 5px 10px; padding: 10px; }
body.home h2 { color: #090948; font-size: 2em; line-height: 1.25; margin-bottom: 1.1em; text-transform: none; font-weight: normal; }
#news p { margin-bottom: 0; color: #262626; }
#news li { margin-bottom: 1em; color: #dd8613; }
#news a { text-transform: uppercase; color: #000; font-weight: bold; }

#easy a { position: absolute; bottom: -15px; right: 0; }
#demo a { position: absolute; bottom: -15px; right: 0; }


/* -------------------------------------------------------------- 
   * Secondary and Tertiary Page Styling.
-------------------------------------------------------------- */
#main { float: left; display: inline; }
body.secondary #main { width: 680px; margin: 0 20px 0 250px; }
body.tertiary #main { width: 500px; margin: 0 40px 0 250px; }

#main p { font-size: 0.9167em; }
/*#main ul { list-style-type: disc; margin-left: 1.5em; }*/
#main ul { list-style: url('i/bullet.jpg'); margin-left: 1.5em; }
#main ul li { margin-bottom: 1em; }

#main h3 {font-size: 13px}
/*sitemap stuff */
#main .smLeft
{
    float:left;
    text-align: left;
    vertical-align: top;
    width: 250px;
    /*background-color: Red;*/
}

#main .smRight
{
    float:right;
    text-align: left;
    vertical-align: top;
    width: 250px;    
    /*background-color: Blue;*/
    
}

/*event stuff */
#main .esLeft
{
    float:left;
    text-align: left;
    vertical-align: top;
    width: 150px;
    font-weight: bold;
    /*background-color: Red;*/
}

#main .esRight
{
    float:right;
    text-align: left;
    vertical-align: top;
    width: 380px;    
    /*background-color: Blue;*/
    
}

/*contact us form */
#main .FormInput
{
width: 250px;
height: 11px;
font-size: 11px;
line-height: 11px;
    
}

#main .ShortFormInput
{
width: 50px;
height: 11px;
font-size: 11px;
line-height: 11px;
    
}

#main .MedFormInput
{
width: 100px;
height: 11px;
font-size: 11px;
line-height: 11px;
    
}

#main .BigFormInput
{
width: 350px;
height: 100px;
font-size: 11px;


    
}

#main .DropDownInput
{
font-size: 11px;
line-height: 11px;
    
}

#main .CheckBoxInput
{
 border: none 0 black;


    
}

#main .error
{
color: #ff0000;
font-weight: normal !important;

    
}

#CB_EmailOptOut
{
height: 12px;
width: 12px;
 vertical-align: middle;


}

#CB_OnlineDemo
{
height: 12px;
width: 12px;
 vertical-align: middle;


}
/* Left navigation, on secondary and tertiary pages */
#content #nav { float: left; width: 220px; margin-left: -950px; list-style-image: none; list-style: none; }
body.tertiary #content #nav { margin-left: -940px; }
#content #nav li { border-bottom: 1px solid #d8d8d8; font-size: 1.083em; }
#nav li a { padding: 9px 0 9px 7px; display: block; font-size: 1em; color: #797979; margin: 0; background: url('i/arrow-off.gif') no-repeat 200px 50%; }
#nav li a.selected, #nav li a.selected:hover { border-bottom: 1px solid #d8d8d8; color: #1c1c1c; background: #fff url('i/arrow-down.gif') no-repeat 200px 50%; cursor: default; }
#nav li a:hover { color: #797979; background-color: #ededed; }

#nav li ul li a { font-size: 0.8333em; padding: 4px 0 4px 14px; background: url('i/subnav-off.gif') no-repeat 5px 50%; }
#nav li ul li a.selected, #nav li ul li a.selected:hover { border-bottom: 0; background: #fff url('i/subnav-on.gif') no-repeat 5px 50%; }
#nav li ul li a:hover { color: #66cbf5; background-color: #fff; }

/* Right sidebar, only on tertiary pages */ 
#sidebar { float: left; width: 150px; font-size: 0.7917em; font-weight: bold; text-transform: uppercase; }
#sidebar ul { margin-bottom: 2em; }
#sidebar ul li { margin-bottom: 0.75em; line-height: 1.1; }
#sidebar ul li a { color: #454545; display: block; padding: 9px 5px 3px; }
	/*#sidebar a.demo, #sidebar a.call, #sidebar a.email, #study ul li a { padding-left: 30px; background-repeat: no-repeat; background-position: 4px 6px; }*/
	#sidebar a.demo, #sidebar a.call, #sidebar a.email { padding-left: 30px; background-repeat: no-repeat; background-position: 4px 6px; }
	
	a.demo { background-image: url('i/icon-link.gif'); }
	a.call { background-image: url('i/icon-phone.gif'); }
	a.email { background-image: url('i/icon-email.gif'); }
	/*#study ul li a { background-image: url('i/icon-book.gif'); }*/
	
#sidebar ul li a:hover { text-decoration: underline; }
#sidebar h3 { padding: 8px 10px 6px; color: #0f0f0f; border-bottom: 1px solid #fff; }
#help h3 { background-color: #fbb85d; }
#help li, #sidebar li.first { border-top: 1px solid #e0e0e0; }
#study h3 { background-color: #f6f6f6; }
#sidebar img {  }