/*
Theme Name: Sandboard
Theme URI: https://www.theinstitutes.org
Description: The Institutes .org Refresh
CSS Author: Matt Kircher (matt@ida-creative.com)
*/

/* Imported Styles
--------------------------------------------------------*/
@import url("reset.css");
@import url("forms.css");
@import url("clearing.css");
@import url("superfish.css");
@import url("colorbox.css");
@import url("effects.css");

/* General
--------------------------------------------------------*/

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	background-color: #DADDE2;
}

a{ color:#741920; font-weight:bold; text-decoration:none; }
a:hover{ color:#741920; }

h1{ font-size:2em; }		/*32px*/
h2{ font-size:1.75em; }	/*28px*/
h3{ font-size:1.5em; }	/*24px*/
h4{ font-size:1.25em; }	/*20px*/
h5{ font-size:1.25em; } 	/*18px*/
h6{ font-size:1em; }		/*16px*/

h1, h2, h3, h4, h5, h6{ color:#002B5D; }

hr{ border:none; height:1px; background-color:#F1EADF; color:#F1EADF; margin:25px 0px; clear:both; }

sup{ font-size:11px; position:relative; top:-5px; }

.sup_header
{
	vertical-align: baseline;
    position: relative;
    top: -1px;
    line-height:2px;
	top: -8px;
    line-height:12px;
}

/* Classes
--------------------------------------------------------*/

	/* headers */
	.subhead{ font-size:1em; color:#4C72AC; }

	/* images */
	.alignright, img[align="right"]{ float:right; margin:0px 0px 10px 10px; }
	.alignleft, img[align="left"]{ float:left; margin:0px 10px 10px 0px; }

	/* buttons */
	.button{ border:none; padding:4px 10px 4px; line-height:1em; cursor:pointer; font-weight:bold; }
	a.button{ display:block; float:left; }
			.blue_button, a.blue_button,
			.red_button, a.red_button{ color:#FFF; }
			a.blue_button:hover, a.red_button:hover{ color:#FFF; }
			.yellow_button, .yellow_button a{ color:#741920; }

	/* grids + columns */
	.grid{ clear:both; margin-bottom:20px; }
	.grid .col{ float:left;}
	.grid3 .col{ width:32%; margin-left:2%; }
	.grid2 .col{ width:48%; margin-left:2%; }
	.grid .col:first-child{ margin-left:0px; }

	.grid2_left .col{ width:33%; margin-left:2%; }
	.grid2_left .col:first-child{ width:64%; margin-left:0px; }

	.grid2_right .col{ width:64%; margin-left:2%; }
	.grid2_right .col:first-child{ width:33%; margin-left:0px; }

	ul.grid li{ float:left;}
	ul.grid3 li{ width:32%; margin-left:2%; }
	ul.grid2 li{ width:48%; margin-left:2%; }
	ul.grid li:first-child{ margin-left:0px; }

		ul.grid li{ position:relative; left:-2%; }
		ul.grid3 li.icon{ width:28%; }
		ul.grid2 li.icon{ width:44%; }
		ul.grid li.icon:first-child{ margin-left:2%; }

	.grid .ruled{ border-left:1px solid #F1EADF; }
	.grid3 .ruled{ width:29%; padding-left:2%; margin-left:2%; }
	.grid2 .ruled{ width:45%; padding-left:2%; margin-left:2%; }
	.grid .ruled:first-child{ padding-left:0px; border-left:none; }

	.grid .rruled{ border-right:1px solid #F1EADF; }
	.grid3 .rruled{ width:29%; padding-right:2%; margin-right:2%; }
	.grid2 .rruled{ width:45%; padding-right:2%; margin-right:2%; }
	.grid .rruled:last-child{ padding-right:0px; border-right:none; }

	/* lists */
	ul.stack_list{ padding-left:0px !important; }
	ul.stack_list li{ list-style:none; position:relative; margin-top:10px; padding-top:10px; border-top:1px solid #F1EADF; }
	ul.stack_list li:first-child{ margin-top:0px; padding-top:0px; border:none; }
	ul.stack_list p{ line-height:1.4em; margin-right:20%; }
	ul.stack_list li p.more{ position:absolute; top:12px; right:0px; margin-right:0px; }




	/* icons */
	.icon{ background-repeat:no-repeat; }
	h1.icon, h2.icon, h3.icon, h4.icon, h5.icon, h6.icon{ background-position:left; }
	.icon_students{ background-image:url(/img/icons/icon_students.png); padding-left:50px; min-height:25px; }
	.icon_corporate{ background-image:url(/img/icons/icon_corporate.png); padding-left:40px; min-height:29px; }
	.icon_educators{ background-image:url(/img/icons/icon_educators.png); padding-left:30px; min-height:34px; }
	.icon_course{ background-image:url(/img/icons/icon_course.png); padding-left:35px; min-height:25px; }
	.icon_flag, .icon_news{ background-image:url(/img/icons/icon_flag.png); padding-left:30px; min-height:18px; }

	.icon_students_small, .icon_corporate_small, .icon_educators_small,
	.icon_course_small, .icon_news_small, .icon_ordering_small, .icon_online_small,
	.icon_register_small, .icon_resources_small, .icon_flag_small{ padding-left:26px; min-height:16px; padding-bottom:2px; }

	.icon_students_small{ background-image:url(/img/icons/icon_students_small.png);}
	.icon_corporate_small{ background-image:url(/img/icons/icon_corporate_small.png);}
	.icon_educators_small{ background-image:url(/img/icons/icon_educators_small.png);}
	.icon_course_small{ background-image:url(/img/icons/icon_course_small.png);}
	.icon_news_small{ background-image:url(/img/icons/icon_flag_small.png); }
	.icon_ordering_small{ background-image:url(/img/icons/icon_ordering_small.png);}
	.icon_online_small, .icon_register_small{ background-image:url(/img/icons/icon_online_small.png); }
	.icon_resources_small{ background-image:url(/img/icons/icon_search_small.png);}
	.icon_flag_small{ background-image:url(/img/icons/icon_flag_small.png);}

	/* modules*/
	.module{ padding:20px 10px;margin-left:20px; }
		.module_centered{ text-align:center; }
		.module_centered p{ text-align:center; }
		.module_centered p .button{ margin:auto; float:none; display:table; }

		.module_orange_glow{ background:url(/img/module_bg_orange.jpg) top center no-repeat #F69324; }
		#content .module_orange_glow p{ color:#FFF; font-size:0.689em; line-height:1.4em; }

	/* misc */
	.notes, .reference{}

/* Wrap
--------------------------------------------------------*/
#wrap{
	text-align:left;
	margin:auto;
	width:950px;
	min-width:950px;
}
#inner-wrap{}
#wrap > div.tan-shadowed{ /*(inner wrap)*/
	box-shadow: none\0/IE8+9 !important;
	border:1px solid #E6DCCA\0/IE8+9;
	/* IE8+9 -- yes, i know... */
}

/* Header
--------------------------------------------------------*/
#header{ position:relative; height:140px; background:transparent url(/img/gradient_screen15_C8B28B.png) repeat-x -60px 100% ;z-index:100;  }
#header .header-inner { height:140px; background:transparent url(/img/gradient_accent_bottom_right.png) no-repeat 676px 62px; }

	/* logo / slogan */
	#logo{ position:absolute; z-index:2; top:20px; left:25px; }
	#logo a{ display:block; width:216px; height:80px; background:url(/img/logo.png) top left no-repeat; overflow:hidden; text-indent:-10000px; }
	#slogan{ position:absolute; font-size:0.875em; bottom:44px; right:270px; width:220px; height:14px; background:url(/img/slogan.png) top left no-repeat; text-indent:-10000px; overflow:hidden; }

	/* navigation */
	#main-nav h3, #social-nav h3, #affinity-nav h3{ display:none; }

		/* main-nav */
		#main-nav{ position:absolute; z-index:100; padding:0px 0px 0px 1.57894%; left:-1000000px; bottom:0px; width:98.42106%; background-color:#ffffff; }
		#main-nav ul.main{ float:left; }
		#main-nav li{ float:left; position:relative !important; padding:5px 30px 5px 10px; height:20px; }
		#main-nav li:first-child{ margin-left:0px; }
		#main-nav a{ font-size:0.9375em; }
		#main-nav a:hover{}
		#main-nav a.selected{}
			#main-nav ul.returning > li > a{ color:#002B5D; }

			/* superfish */
			#main-nav li.sfHover{ background-color:#FFF !important; }
			#main-nav li.sfHover a.sf-with-ul{ color:#002B5D; }
			#main-nav li.sfHover ul{
                /* CM 9460 added PNG background for IE9 in IE8 mode ---- CM 9618 modified position to left bottom and added color to fill top for auto height */
                background: transparent url(/img/gradient-main-nav-ul.png) repeat-x scroll left bottom #FFF;
                position:absolute;
                top:30px;left:0px;
                padding:5px 10px;
            }
			#main-nav li.sfHover li{ margin-left:0px; height:auto; border-top:1px solid #C9D7ED; margin-bottom:5px; padding:3px 0px 3px 0px; }
			#main-nav li.sfHover li:first-child{ border:none; }
			#main-nav li.sfHover li a{ font-size:0.689em; }
			#main-nav li.sfHover li a:hover{ color:#002B5D; }
			a > .sf-sub-indicator {
				background-position:-10px 0px;
				top: 0.6em;
			}
			a:focus > .sf-sub-indicator,
			a:hover > .sf-sub-indicator,
			a:active > .sf-sub-indicator,
			li:hover > a > .sf-sub-indicator,
			li.sfHover > a > .sf-sub-indicator {
				background-position: -10px -100px; /* arrow hovers for modern browsers*/
			}

				/* special double menus */
				#main-nav ul.returning { float:right !important; margin-right:30px; }
					#main-nav ul.returning li.students,
					#main-nav ul.returning li.corporate { padding-right:10px; padding-left:10px; }
					#main-nav ul.returning li.students { background:url(/img/icons/icon_students_menu.png) 10px 3px no-repeat; padding-left:30px; margin-right:10px; }
					#main-nav ul.returning li.corporate { background:url(/img/icons/icon_corporate_menu.png) 10px 3px no-repeat; padding-left:35px; }

					#main-nav ul.returning > li > ul { float:none; position:absolute; right:0px; left:auto !important; padding:0px !important; }
					#main-nav ul.returning > li.sfhover > ul > li { padding:0px; margin:0px; }
					#main-nav ul.returning > li > ul > li { border-top:none; }

				#main-nav .returning .grid h4 { margin:12px 0px; }
				#main-nav .returning .grid > div { width:44%; padding-left:3%; padding-right:2%; /*background-color:#E2E9F5;*/  }
				#main-nav .returning .grid > div:first-child { padding-left:3%; /*background:none;*/ }
				#main-nav .returning li.students .grid ol li,
				#main-nav .returning li.corporate .grid ol li{ padding-bottom:0px; float:none !important; }

		/* search */
		#search-bar
		{
		    position:absolute;
		    text-align:center;
		    width:230px;
		    padding:0 10px;
		    right:0;
		    top:76px;
        }
		#search-bar #form-search dt{ display:none; }

		/* social */
		#social-nav{ position:absolute; left:735px; top:36px; }
		#social-nav ul{ margin-right:25px; }
		#social-nav li{ float:left; }
			#social-nav .icon{ margin-left:3px; }
			#social-nav li:first-child{ margin-right:20px; }
		#social-nav a{ font-size:0.689em; }
			#social-nav .icon a{ display:block; height:16px; width:16px; overflow:hidden; text-indent:-10000px; background-repeat:no-repeat; background-position:top left; }
			#social-nav .twitter a{ background-image:url(/img/icons/icon_twitter.png); }
			#social-nav .linkedin a{ background-image:url(/img/icons/icon_linkedin.png); }
			#social-nav .facebook a{ background-image:url(/img/icons/icon_facebook.png); }
			#social-nav .community a{ background-image:url(/img/icons/icon_community.png); }

	/* masthead */
	#masthead{ position:relative; background:url(/img/home_bg.jpg) 0 0 no-repeat #012B5D; max-height:500px;z-index:1; }
	div.students#masthead{ background:url(/img/home_student_bg.jpg) top left no-repeat #012B5D; }
	div.corporate#masthead{ background:url(/img/home_corporate_bg.jpg) top left no-repeat #012B5D; }
	div.educators#masthead{ background:url(/img/home_educators_bg.jpg) top left no-repeat #012B5D; }
	#masthead p, #masthead blockquote, #masthead cite, #masthead li{ font-size:0.75em; line-height:1.75em; color:#666; }
	#masthead li p, #masthead li blockquote, #masthead li li{ font-size:inherit !important; }

		/* seg-engine */
		#seg-engine{ width:698px; min-height:175px; padding:30px 0 20px 0; margin:0; float:left;position:relative;overflow:hidden; }
		#seg-engine #guide h3, #seg-engine #guide p, #seg-engine #guide ul{ margin-left:10%; margin-right:10%; margin-bottom:12px; }
		#seg-engine #guide ul.choices{ text-align:left; position:relative;margin:0 0 0 100px; }
		#seg-engine #guide ul.choices li.icon a.button{ padding:8px 10px 8px; }
		#seg-engine #guide ul.choices li a.button{ margin-bottom:1px; position:relative; left:-8px; }
		#seg-engine #guide ul.start li a.button{ margin-bottom:1px; position:relative; left:0px; }
		#seg-engine #guide ul.choices li a.active{ color:#002B5D; }
		#seg-engine #guide ul.choices li a:hover{ color:#741920; }
			#seg-engine #guide ul.choices li.icon{ padding-top:45px; }
			#seg-engine #guide ul.choices li.student{ background:url(/img/icons/icon_students.png) center 10px no-repeat; }
			#seg-engine #guide ul.choices li.corporate{ background:url(/img/icons/icon_corporate.png) 45% 6px no-repeat; }
			#seg-engine #guide ul.choices li.education{ background:url(/img/icons/icon_educators.png) 33% 2px no-repeat; }

			#seg-engine #guide ul.choices li.student.selected{ background-image:url(/img/icons/icon_students_over.png); }
			#seg-engine #guide ul.choices li.corporate.selected{ background-image:url(/img/icons/icon_corporate_over.png); }
			#seg-engine #guide ul.choices li.education.selected{ background-image:url(/img/icons/icon_educators_over.png); }

			#seg-engine #guide h3, #seg-engine #guide h4{ color:#FFF; }
			#seg-engine #guide h3{ font-size:2.375em; }
			#seg-engine #guide h4{ font-size:1.5em; margin:10px 12%; height:30px; padding:5px 0px 5px 40px; background:url(/img/icons/icon_guide_header_bg.png) top left no-repeat; border-bottom:1px solid #6C93CE; }
			#seg-engine #guide p{ color:#FFF; }
			#seg-engine #guide ul.choices a{ color:#FFF; }
		#seg-engine #guide ul.grid li{ float:left; margin-left:0px !important; }
		#seg-engine #guide ul.grid3 li{ width:32%; }
		#seg-engine #guide ul.grid2 li{ width:48%; }

			/* back button */
			#guide-back{ display:none; position:absolute; top:0px; left:600px; font-size:0.689em !important; cursor:pointer; }
			#guide-back a { display:block; width:80px; height:25px; text-align:center; padding:8px 0px 0px 15px; color:#FFF; background:url(/img/icons/icon_back_arrow.png) 10px 7px no-repeat; }
			#guide-back a:hover{ color:#395D8F; }

		/* login area*/
		#masthead #login-area{ width:229px; min-height:175px; padding:30px 10px 20px 10px; margin:0; float:left; background:url(/img/screen20_6C93CE.png) top left repeat; }
		#masthead #login-area h3{ font-size:1em; }
		#login-area h3{ margin-bottom:10px; color:#FFF; }
			#login-password + label{ display:block; }

			#cboxLoadedContent #login-area{ height:auto !important; padding:30px 20px 20px 100px; text-align:left; background:url(/img/home_bg.jpg) -130px 0px no-repeat #012B5D; }
			#cboxLoadedContent #login-area h3{ font-size:1.5em; }
			#cboxLoadedContent #login-area label[for="login-remember"]{ color:#FFF; }

/* Content
--------------------------------------------------------*/
#content{ clear:both; position:relative; border-top:#012B5D solid 8px; }
#content p, #content blockquote, #content cite, #content li, #content dt, #content dd{ font-size:0.75em; line-height:1.75em; color:#666; }
#content li p, #content li blockquote, #content li li{ font-size:inherit !important; }

	/* main-content */
	#content p, #content blockquote, #content cite, #content ul, #content ol, #content dl{ margin-bottom:12px; }
	#content h2, #content h3, #content h4, #content h5, #content h6{ margin-bottom:12px; }
	#content blockquote{}
	#content cite{}

	#content p + h2, #content p + h3, #content p + h4, #content p + h5, #content p + h6,
	#content ul + h2, #content ul + h3, #content ul + h4, #content ul + h5, #content ul + h6,
	#content ol + h2, #content ol + h3, #content ol + h4, #content ol + h5, #content ol + h6,
	#content div + h2, #content div + h3, #content div + h4, #content div + h5, #content div + h6{ margin-top:25px; } /*proximity*/

	#content > div{}

		/* main content */
		#main-content{ position:relative; top:-8px; margin-bottom:-8px; width:698px; float:left; border-top:#741920 solid 8px; padding-top:20px; padding-bottom:20px; background:url(/img/gradient_accent_top_right.png) 210px 0px no-repeat; }
		.subpage #main-content{ background-image:none; }
		#main-content ul{ list-style:disc; padding-left:14px; }

			/* modules */
			#main-content .modules{ float:left; width:210px; }

			/* content */
			#main-content .content{ padding:0 20px 20px 20px; }
			#content .wide { border-top:#FEB91E solid 8px; background:url(/img/gradient_accent_top_right.png) 61px 0px no-repeat; }
			#content .wide .content{ float:none; width:auto; background:url(/img/active_content_accent.png) 0px 0px no-repeat; padding-top:20px; position:relative; top:-20px; margin-bottom:-20px; }
			#content .right-col { float:right; width:428px; padding:0 0 0 40px; }

			.content .indent { padding-left:20px; }

			.subpage #main-content .content { padding:20px; }
			.subpage #content .wide{ background-position:50px 8px; }
			.subpage #content .wide .content{ background:none; top:0px; }

				#node-content{}
				#node-content ul{ list-style:none; padding-left:0px; }
				#node-content ul li{ margin-bottom:8px; }


		/* sub content */
		#sub-content{ width:211px; padding:20px 16px 20px 22px; float:right; }
		#sub-content p, #sub-content blockquote, #sub-content cite, #sub-content li, #sub-content dt, #sub-content dd{ font-size:0.689em; line-height:1.4em; }

			/* news */
			#sub-content #news{}
			#sub-content #news dt{ color:#6C92CD; font-weight:bold; }
			#sub-content #news dd{ margin-bottom:12px; }
			#sub-content #news dd a { white-space:nowrap; }

		/* subpages */
		.subpage #masthead{ display:none; }
		.subpage #main-content, .subpage #sub-content{ border-top:none; }


/* Gutter / Footer
--------------------------------------------------------*/
#footer{ clear:both; position:relative; height:100px; }
#footer p, #footer li{}
#footer p, #footer ul, #footer ol{}

	/* affinity-nav */
	#affinity-nav {
		text-align:left;
		top:0px;
		left:0px;
		width:100%;
		height:50px;
		background: #E6DCCA;
   	}
    	#affinity-nav ul { height:50px; }
	#affinity-nav li{ height:50px;line-height:50px;font-size:11px; float:left; margin-left:12px; vertical-align:middle; }
	#affinity-nav .nav li:first-child{ margin-left:0px; padding-left:130px; background:transparent 25px center;}
		#affinity-nav li.irc, #affinity-nav li.ceu. #affinity-nav li.cpcu, #affinity-nav li.griffith { position:relative; }
		#affinity-nav li.irc a, #affinity-nav li.ceu a, #affinity-nav li.cpcu a, #affinity-nav li.griffith a { display:block; }
		/* add 6px to width of image for padding */
		#affinity-nav li.irc { padding-left:72px; background:transparent url(/img/footer_logo_irc.png) no-repeat 0 50%; }
		#affinity-nav li.ceu {  padding-left:47px;background:transparent url(/img/footer_logo_ceu.png) no-repeat 0 50%; }
		#affinity-nav li.cpcu { padding-left:86px; background:transparent url(/img/footer_logo_cpcu.png) no-repeat 0 50%; }
		#affinity-nav li.cpcubold { padding-left:86px; background:transparent url(/img/footer_logo_cpcu_bold.png) no-repeat 0 50%; }
		#affinity-nav li.griffith { padding-left:123px; background:transparent url(/img/footer_logo_griffith.png) no-repeat 0 50%; }
	#affinity-nav a{}
	#affinity-nav a:hover{}

	#affinity-nav ul.nav { float:left; }
	#affinity-nav ul.nav-right
	{
	    float:right;
	    margin-right:8px;
	}

	/* copyright / last edited */
	#copyright, #last-edited { height:50px;line-height:50px;vertical-align:middle;font-size:11px; color:#FFF; }
	#copyright a, #last-edited a{ color:#012B5D; }
	#copyright{ float:left; margin-left:25px; }
	#last-edited{ float:right;margin-right:25px; }

	/* designed by */
	#designed-by{}

	/* Button list */
    hr.divider {
    height:1px;
    background-color:#F5F4EF;
    border:none;
    margin:6px 0 10px 0;
    }

    ul.list-of-options {
    list-style:none !important;
    list-style-type:none !important;
    margin:0 !important;
    padding:0 !important;
    }

    ul.list-of-options li {
    margin:0;
    padding:8px 0 8px 0;
    border-top:1px solid #F5F4EF;
    display:block !important;
    clear:both;
    }




    ul.list-of-options li.list-of-options-first {
    border-top:none;
    }

    ul.list-of-options li .description {
    float:left;
    display:block;
    width:422px;
    padding-left:18px;
    line-height:28px;
    vertical-align:middle;
    font-weight:bold;
    background:transparent url(/img/bullet-triangle.png) no-repeat 0 8px;
    }

	/* lists */
	.list-of-options .description ul.standard{ padding-left:15px !important; border-top:;list-style-type:circle !important; }
	.list-of-options .description ul.standard li{  padding:2px 0 2px 20px;border-top:; border-top:0px solid #F5F4EF;display:list-item !important; }

    ul.list-of-options li a {
    width:180px;
    float:right;
    display:block;
    text-align:center;
    padding:8px 0;
    }
    ul.list-simple
    {
    list-style:none !important;
    list-style-type:none !important;
    float:left !important;
    margin:0 !important;
    padding:0 !important;
    width:280px;
    }
    ul.list-simple li
    {
    margin:8px 0 0 0;
    padding:0;
    clear:both;
    display:block !important;
    }

    ul.list-simple.list-simple-ul-first {
    width:340px;
    }

    h6
    {
        margin:10px 0 0 0 !important;
        padding:0 !important;
    }

    .pnl
    {
        position:absolute;
        margin:0 0 0 -9999px;

        width:698px;
        height:178px;
        text-align:center;
    }
    #pnl0 { margin-left:0; }