/*************************************************/
/*  Vantage Resource Center CSS
/*  Defines layout of the Vantage Resource Center
/*************************************************/


  /*******************************************/
  /*  Global Styles & Browser Consistancy
  /*******************************************/

	* {padding:0px; margin:0px; font-size:12px; font-family:Arial,sans-serif;}
	div,  ul, li {text-align:left;}
	/*div, table, tr, td {position:relative; min-height:0px;}*/
	sup {font-size:9px;}
	u, a, b, i {color:inherit; font-size:inherit; line-height:inherit; font-family:inherit;}
	form table,
	form table td,
	form table th {border:0px; padding:2px; margin:auto;}
	ul, ol {margin:2px 0px 5px 0px; padding-left:2em; color:inherit;}
	ul.horizontal, ol.horizontal {display:inline; margin-left:0px;}
	ul.horizontal li, ol.horizontal li {list-style:none; display:inline;}
	li {margin-bottom:1px;}
	form, input {display:inline; margin:0px; padding:0px;}
	input.checkbox {border-width:1px; background:#FFFFFF url(../images.vl/inputShadowBG.gif) no-repeat top left;}
	a {cursor:pointer; text-decoration:underline;}
	a:hover {text-decoration:none;}	
	html {width:100%; height:100%; margin:0px; padding:0px;}
	body {width:100%; height:100%; margin:0px; padding:0px; background-color:#A1A5AE}
	option {padding:1px;}
	a img {border:0px;}
	.hidden {display:none;}
	ul.triangleRed {list-style-image:url(../images.vl/layout/list.triangle.red.gif); color:inherit;}
	ul.triangleDark {list-style-image:url(../images.vl/layout/list.triangle.dark.gif); color:inherit;}

	
	/******************************************/
	/*             Applied Styles             */
	/******************************************/
	
	.spacer {font-size:0px; height:10px;}
	.clearer {clear:both; display:block; font-size:0px; height:0px; overflow:hidden;}

	.dividerdark, .dividerlight {font-size:1px; height:0px; overflow:hidden; margin:10px auto; border-width:0px 0px 1px 0px; border-style:solid;}
	.vertDividerLight, .vertDividerDark {float:left; height:150px; width:0px; overflow:hidden; margin:0px 5px; border-width:0px 1px 0px 0px; border-style:solid;}

    .blockindent {margin:10px 0px 10px 10px;}
	.boxIndent {margin:8px 0px 20px 20px;}
	.bolder {font-weight:bold; font-size:14px; text-decoration:none;}
	.bold {font-weight:bold; margin-top:10px;}
	.italic {font-style:italic;}
	.header1, .header1 * {font-size:24px; font-weight:bold; text-decoration:none;}
	.header2, .header2 * {font-size:18px; font-weight:bold; text-decoration:none;}
	.header3, .header3 * {font-size:15px; font-weight:bold; text-decoration:none;}
	.header4, .header4 * {font-size:12px; font-weight:bold; text-decoration:none;}
	.header5, .header5 * {font-size:10px; font-weight:bold; text-decoration:none;}
	.lined	{margin-bottom:10px; border-bottom:1px solid;}
	.dotted	{margin-bottom:10px; border-bottom:1px dotted;}
	.dotted a,.lined a {text-decoration:none;}
	.medBlue {color:#6680C2;}

	.brownText {color:#993300;}
	.blueText {color:#1111FE;}
	.redText {color:#FF0000;}
	.serifType {font-family:Times, New Roman, serif;}
	.brushScript {font-family:Brush Script MT, cursive; font-size:22px;}
	img.bordered {border-width:1px; border-style:solid;}
	.marginTop10 {margin-top:10px;}
	.boxIndent {margin:8px 0px 20px 20px;}
	.redline {border:1px solid #ff0000;}

	label.formlabel {display:block; width:33%; margin-bottom:5px; float:left; font-weight:bold; text-align:right;}
	label.required {color:#8C0005;}
	.formfieldset {padding:8px; border-width:1px; margin-bottom:5px;}
	.formfieldset legend {font-size:15px; font-weight:bold; padding:2px 6px;}
	.formdirections {margin-bottom:20px;}
	.radiocontainer {}
	.radiocontainer .radio {}
	.forminput {width:64%; margin-bottom:5px; float:right; border:1px solid #AAAAAA;}
	div.forminput {margin-bottom:0px; border:0px;}
	input.forminput, select.forminput, textarea.forminput {border-width:1px; background:#FFFFFF;}
	input.required, select.required, textarea.required {background:#FEFFDD;}
	input.checkbox {width:auto; display:inline; float:none; height:auto; margin-left:10px;}

	ul.triangledark {list-style-image:url(../images.vl/layout/list.triangle.dark.gif); color:inherit;}
	ul.triangleempty, ul.triangledark li ul {list-style-image:url(../images.vl/layout/list.triangle.empty.gif); color:inherit;}
	ul.triangleempty a, ul.triangledark a {font-weight:normal;}
	ul.listStyleNone {list-style-type:none; list-style-image:none;}

	form.layered 	{}
	form.layered label.formlabel {display:block; float:none; width:auto; text-align:left; margin:0px;}
	form.layered .forminput {float:none; width:99%;}
	form.layered select.forminput {width:99%;}

	form .formdivider {margin:5px auto; font-size:1px; height:0px; margin:10px auto; border-width:0px 0px 1px 0px; border-style:dotted;}

    .quotebox {font-weight:bold;}
	.quotebox .attribution {margin-top:5px; font-style:italic; font-size:10px; font-weight:normal; text-align:right;}

	.redbox {border:1px solid #9f0000; background-color:#ffdddd; text-align:center; padding:10px; margin:auto;}
	.yellowbox {border:1px solid #9f9f00; background-color:#FEFFDD; text-align:center; padding:10px; margin:auto;}
	.greenbox {border:1px solid #139f00; background-color:#e2ffdd; text-align:center; padding:10px; margin:auto;}

	.iad img {margin:20px auto 10px auto; text-align:center; border-width:1px; border-style:solid; border-color:#9A9A9A;}


/*******************************************/
/*  Buttons
/*******************************************/
	.button {cursor:pointer; display:block; height:18px; overflow:hidden; background:transparent; padding-top:3px; text-align:center; font-size:11px; font-weight:bold; background-position:0px 0px; background-repeat:no-repeat; color:#444444; text-decoration:none;}
	input.button {border:0px; height:21px; padding-top:0px;}
	.button:hover {background-position:0px -21px; color:#000000;}
	.buttondisabled, .buttondisabled:hover {background-position:0px -38px; color:#999999;}
	.button50 {width:50px; background-image:url(../images.vl/buttons/button.50.gif);}
	.button75 {width:75px; background-image:url(../images.vl/buttons/button.75.gif);}
	.button100 {width:100px; background-image:url(../images.vl/buttons/button.100.gif);}
	.button125 {width:125px; background-image:url(../images.vl/buttons/button.125.gif);}
	.button150 {width:150px; background-image:url(../images.vl/buttons/button.150.gif);}
	.button200 {width:200px; background-image:url(../images.vl/buttons/button.200.gif);}
	.button250 {width:250px; background-image:url(../images.vl/buttons/button.250.gif);}

/*******************************************/
/*  Main Table (w/ Shadow)
/*******************************************/
  
	div#body {width:800px; margin:0px auto; margin-left:auto; margin-right:auto;}
	div#bodyshadowleft	{padding-left:10px; }
	div#bodyshadowright {padding-right:10px;}
	div#bodycontent {width:760px; padding:0px 10px 10px 10px; border:0px solid #e0e3f4; position:relative}

	body {background-color:#e0e3f4;}
	div#body {background-color:transparent;}
	div#bodyshadowleft	{background:#e0e3f4 url(../images.vl/layout/body.shadow.multi.gif) repeat-y scroll 0px center;}
	div#bodyshadowright	{background:#e0e3f4 url(../images.vl/layout/body.shadow.multi.gif) repeat-y scroll right center;}
	div#bodycontent {background-color:#FFFFFF;}

	div#bottombodyshadowleft	{padding-left:10px; height:10px; font-size:1px; overflow:hidden;}
	div#bottombodyshadowright	{padding-right:10px; height:10px; font-size:1px; overflow:hidden;}
	div#bottombodyshadowcenter	{height:10px; font-size:1px; overflow:hidden;}

	div#bottombodyshadowleft	{background:#e0e3f4 url(../images.vl/layout/body.shadow.bottom.multi.gif) no-repeat scroll left top;}
	div#bottombodyshadowcenter	{background:#e0e3f4 url(../images.vl/layout/body.shadow.bottom.multi.gif) repeat-x scroll center -10px;}
	div#bottombodyshadowright	{background:#e0e3f4 url(../images.vl/layout/body.shadow.bottom.multi.gif) no-repeat scroll right -20px;}

	/* total width 780px */
	div#content {position:relative; min-height:400px;}
	div#bodycontent div#content	div.columnleft {width:495px; margin-left:15px; float:left;}
	div#bodycontent div#content	div.columnright {width:220px; margin-right:15px;  float:right;}
	div#bodycontent div#content	div.columnsingle {padding:0px 15px 10px 15px;}
	div#bodycontent div#content	div.sidebox {margin-bottom:10px;}


 /* HEADER STYLES */

	.toplogo {float:left; width:288px; height:48px; margin-top:10px; margin-left:10px; overflow:hidden; line-height:150px; font-size:36px; background-position:left top; background-repeat:no-repeat; background:transparent url(../images.vl/layout/logo.288.gif) scroll no-repeat left top;}

	#toploginbox {float:right; width:230px; margin:3px 5px 0px 0px; text-align:right; color:#000000; }
	#toploginbox, #toploginbox a {font-size:10px;}
	#toploginbox select {color:#000000; font-size:10px; border:1px solid #E0E3F4;}
	#toploginbox option {color:#000000; font-size:10px;}
	#toploginbox input.text {width:85px; height:14px; font-size:11px; font-weight:normal; color:#000000; border:1px solid #E0E3F4; vertical-align:middle;}
	#toploginbox .loginGo {display:block; width:19px; height:18px; background-image:url(../images.vl/button_loginGo.gif); background-position:0px 0px;}
	#toploginbox .loginGo:hover {background-position:0px -18px;}

	#menu {vertical-align:middle; text-align:right;}
		#mainmenu {text-align:right; padding:0px 10px 5px 5px; margin:0px; border-width:0px 0px 6px 0px; border-style:solid; border-color:#CCCCCC;}
		#mainmenu li {margin:0px; list-style:none; display:inline;}
		#mainmenu li a {padding:0px 5px 5px 5px; margin:0px; border-width:0px 0px 6px 0px; border-style:solid; font-weight:bold; font-size:12px; text-decoration:none; }
		#mainmenu li a:hover {border-bottom-width:6px;}
		#submenu, #subsubmenu {text-align:right; height:15px; padding:3px 10px 2px 5px; margin:0px; border-bottom-width:0px;}
		#submenu li, #subsubmenu li {margin:0px; list-style:none; display:inline;}
		#submenu li a, #subsubmenu li a {padding:3px 5px 3px 5px; margin:0px; font-weight:bold; font-size:12px; text-decoration:none; }
		#submenu li a:hover, #subsubmenu li a:hover {}
		#submenu li.title a, #subsubmenu li.title a {float:left; margin-top:-9px; padding:0px; font-size:29px; font-weight:bold; text-align:left;}
				table#headerTable td#headerMenu	ul#subSubmainmenu {text-align:right; height:15px; padding:3px 10px 3px 5px; margin:0px; border-bottom-width:0px; overflow:hidden;}
				table#headerTable td#headerMenu	ul#subSubmainmenu li {margin:0px; list-style:none; display:inline;}
				table#headerTable td#headerMenu	ul#subSubmainmenu li a {padding:3px 5px 3px 5px; margin:0px; font-weight:bold; font-size:12px; text-decoration:none; }
				table#headerTable td#headerMenu	ul#subSubmainmenu li a:hover {background-color:#FFFFFF;}
				table#headerTable td#headerMenu	ul#subSubmainmenu li a.current {background-color:#FFFFFF;}
				table#headerTable td#headerMenu	ul#subSubmainmenu li.title a {float:left; margin-top:-9px; padding:0px; font-size:29px; font-weight:bold; text-align:left;}
	#mainmenu li a.schoollink {color:#7A93D3;}
		#mainmenu li a.schoollink:hover { border-color:#7A93D3; color:#003366;}
	#mainmenu li a.homelink {color:#D37AA6;}
		#mainmenu li a.homelink:hover {border-color:#D37AA6; color:#881A4D;}
	#mainmenu li a.internationallink {color:#00940e;}
		#mainmenu li a.internationallink:hover {border-color:#00940E; color:#00940E}
	#mainmenu li a.userslink {color:#00940E;}
		#mainmenu li a.userslink:hover {border-color:#00940E; color:#00940E}
	#mainmenu li a.corporatelink {color:#90A6BD;}
		#mainmenu li a.corporatelink:hover {border-color:#6D8BA7; color:#6D8BA7;}
	#mainmenu li a.communitylink {color:#369; }
		#mainmenu li a.communitylink:hover { border-color:#036; color:#036;}
	#mainmenu li a.storelink {color:#E0AA00;}
		#mainmenu li a.storelink:hover {border-color:#E0AA00; color:#6D4000;}

	.menudropdown {float:left;}
	.menudropdown a {display:block; font-size: 11px; font-weight:bold; padding:3px 5px; text-decoration:none;}
	.menudropdown a:hover {text-decoration:none;}


	/********************************************/
	/*  Rounded Box / List-Item / Anchor Styles
	/********************************************/
		.rounded	{ position:relative; margin:6px auto; padding:10px; display:block; text-decoration:none; background-color:#666666;}
		a.rounded   {color:#000000;}
		li.rounded	{margin:5px 0px; list-style:none;}
			.rounded .content		{display:block; margin:10px 10px 10px 10px; color:#000000;}
			.rounded .corner		{display:block; position:absolute; width:4px; height:4px; overflow:hidden; font-size:1px; background-repeat:no-repeat; background-color:transparent; background-image:url(../images.vl/layout/rounded.corners.4px.multi.gif)}
			.rounded .topleft		{position:absolute; top:0px; left:0px; background-position:0px 0px;}
			.rounded .topright		{position:absolute; top:0px; right:0px; background-position:-4px 0px; }
			.rounded .bottomright	{position:absolute; bottom:0px; right:0px; background-position:-4px -4px;}
			.rounded .bottomleft	{position:absolute; bottom:0px; left:0px; background-position:0px -4px;}

			.rounded img.roundedboximage	{border-width:1px; border-style:solid; float:left;}
			.rounded .roundedboxtext		{display:block; float:none; margin-left:14%;}

			a.rounded:hover, a.rounded *:hover {cursor:pointer;}

			.rounded .screenShot {float:left; margin:7px 0px 0px 10px;}
			.rounded .rightContent {float:right; width:318px;}


	/*****************************************/
	/*  Squared Boxes (Vert/Horix Gradients)
	/*****************************************/
	    .squaresideboxheader	{padding:3px 0px 3px 5px; font-size:14px; font-weight:bold; border-width:1px; border-style:solid;}
		.squaresideboxcontent   {margin:0px auto 10px auto; border-width:1px; border-style:solid;}
	
		div.sqVertGradBoxHead {width:95%; margin:auto; border-width:1px;}
			div.sqVertGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqVertGradBoxContent {width:95%; margin:0px auto 10px auto;  border-width:1px;}
			div.sqVertGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}

		div.sqHorizGradBoxHead {width:95%; margin:auto; background-position:right; background-repeat:repeat-y;}
			div.sqHorizGradBoxHead div.content {padding:3px 0px 5px 10px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif;}
		div.sqHorizGradBoxContent {width:95%; margin:0px auto 10px auto;}
			div.sqHorizGradBoxContent div.content {padding:10px 10px 10px 10px; color:#000000; font-size:11px;}


	/***************************************/
	/*  Next Step List (Right Quick Links)
	/***************************************/
		.nextsteps				{display:block; width:100%; margin:0px; padding:0px; padding-bottom:5px; list-style-type:none; border-width:0px;}
		.nextsteps li			{display:inline; padding:0px; margin:0px;}
		.nextsteps li a			{display:block; padding:2px 10px; margin:2px 0px; font-size:14px; font-weight:bold; font-family:Arial, sans-serif; text-decoration:none;}
		.nextsteps li a img		{vertical-align:middle; margin:0px 7px 0px 0px;}
		.nextsteps li a:hover	{}
		.nextStepListSmall li a {padding:2px 0px; font-size:11px;}


			
			div.datatable {}
			div.datatable * {font-size:11px;}
			div.datatable .headerrow {background-color:#CCCCCC; border-bottom-width:1px;}
			div.datatable .headercell {float:left; text-align:center; font-weight:bold; padding:2px 0px;}
			div.datatable .headercell a:hover,
			div.datatable .headercell a.selected {color:#8C0005;}
			div.datatable .datarow {height:25px; overflow:hidden;}
			div.datatable .dataroweven {background-color:#eeeeee;}
			div.datatable .datarowodd {background-color:#e5e5e5;}
			div.datatable .datacell {float:left; padding-top:4px; text-align:center; }
			div.datatable .level0,
			div.datatable .level0 * {color:#999999;}
			div.datatable .level5,
			div.datatable .level5 * {font-weight:bold;}
			div.datatable .level8,
			div.datatable .level8 * {font-weight:bold;}
			

	/********************************************/
	/*             Footer Styles                */
	/********************************************/
	.bottomcontent, .bottomcontent div, .bottomcontent div a  {color:#003366; font-size:10px; text-decoration:none;}
	.bottomcontent div a:hover {text-decoration:underline;}
	div#footer {width:750px; margin:-5px auto; padding-bottom:10px; font-size:10px; color:#003366;}
			div#footer a {font-size:10px; color:#003366; text-decoration:underline;}
			div#footer a:hover {color:#990000; text-decoration:none;}

	/*****************************************/
	/*  News List
	/*****************************************/
		div.newsListLabelDiv {float:left; width:23%; margin-left:10px; font-weight:bold;}
		div.newsListLinkDiv {float:right; width:72%;}

	
	.login_iseek_box {position:relative; width:95%; margin-bottom:25px; background:#FFF url(/images.vl/layout/bg.green.iseek.gradient.top.gif) repeat-x center top;}
	.login_iseek_box .login_iseek_box_logo {width:189px; height:62px; position:absolute; left:10px; top:10px; background:transparent url(/images.vl/elements/logo.iseek.apple.png) no-repeat left top;}
	.login_iseek_box .login_iseek_box_star {width:65px; height:62px; position:absolute; top:-15px; right:-15px; background:transparent url(/images.vl/elements/star.new.png) no-repeat left top;}
	.login_iseek_box .login_iseek_box_text {margin:25px 30px 8px 200px; text-align:center; font-weight:bold;}
	.login_iseek_box_searchbox {padding:4px; border:1px solid #A5ACB2; width:70%; margin:0px 10px 0px 20px;}
	.login_iseek_box_searchbutton {margin-top:2px; background-image:url(/images.vl/buttons/button.50.iseek.tall.gif); height:27px; width:50px; padding:0px;background-repeat:no-repeat; border:0px none; font-size:10px; font-weight:bold; padding-top:3px; text-align:center; text-decoration:none;}
	.login_iseek_box_searchbutton:hover {background-position:0px -27px;}


	.login_community_box {position:relative; width:95%; min-height:127px; margin-bottom:25px; background:#FFF url(/images.vl/layout/bg.community.gradient.top.gif) repeat-x center top;}
	.login_community_box .login_community_box_logo {width:231px; height:90px; position:absolute; left:0px; top:13px; background:transparent url(/images.vl/elements/logo.community.login.bg.gif) no-repeat left top; text-decoration:none;}
	.login_community_box .login_community_box_star {width:65px; height:62px; position:absolute; top:-15px; right:-15px; background:transparent url(/images.vl/elements/star.new.png) no-repeat left top;}
	.login_community_box .login_community_box_text {margin:0px 30px 8px 246px; padding-top:23px; text-align:center; font-weight:bold;}
	.login_community_box .login_community_box_text a {text-decoration:none;}
	.login_community_box .login_community_box_bloglink	{position:absolute; top:103px; left:246px; font-weight:bold;}
	.login_community_box .login_community_box_forumlink	{position:absolute; top:103px; right:30px; font-weight:bold;}
	
	