/* 
 *	Advanced style sheet
 *	Beamens Management Consultants
 */


/* Frame Styles
----------------------------------------------- */
*div              {border:0px solid; }
*	              {font-size:100%; margin:0; padding:0;}
	
/* This tells all browsers not to add any padding or margins unless you tell it to! */
* {margin: 0px; padding: 0px;}

html	          {height:100%;}
body              {height:100%; font-family:Arial, Helvetica, sans-serif; color:#262626; background-color:#ffffff; background-image:url(images/background_graduation.gif); background-repeat:no-repeat; background-position:top center; font:76%/120% Arial, Verdana, Helvetica, sans serif; /* This makes the base font on most browsers to be roughly 12.16px - so 1em = 12.16px and 0.8em = 9.7px */}
	
#container	      {position:relative; min-height:100%; margin:0px auto 0px auto; width:774px;}
*html #container  {height:100%;}


/* Header Styles
----------------------------------------------- */
#header	         {background-color:#ffffff; height:163px; width:774px; }
#logo			 {position:relative; float:left; width:189px; height:143px; border-right:1px solid #cccccc}
img.logo         {margin:20px 35px 0px 35px; width:119px; height:123px; }
#topnav          {position:relative; float:left; margin:20px 10px 66px 0px; width:560px; text-align:right}
#topnav a        {color:#67686A; font-size:90%; text-decoration:none; padding:0px 5px; }
#topnav a:hover  {color:#09428F; font-size:90%; text-decoration:underline}
#strapline       {position:relative; float:left; margin:0px; padding-left:20px; width:560px}

#headerint	     {background-color:#ffffff; height:127px; width:774px; background-image:url(images/top_background.jpg); background-repeat:no-repeat; }
#straplineint	 {position:relative; float:left; height:127px;}
img.straplineint {margin:65px 0px 0px 215px; width:332px; height:14px; }
#logoint	     {position:relative; float:left; height:127px;}
img.logoint      {margin:15px 0px 0px 95px; width:97px; height:101px; }

/* Main Navigation Styles
----------------------------------------------- */
#leftnav                 {z-index:1; position: relative; float: left; voice-family: "\"}\""; voice-family:inherit; width: 189px; }
#leftnav ul                {margin:0; padding:0; list-style: none; min-height: 182px; width: 189px; /* Width of Menu Items */ font-size: 90%; background-color:#7593C0}
#leftnav ul li             {position: relative; margin: 0px; padding: 0px; text-align: right; list-style:none;}
#leftnav ul li a           {display: block; text-decoration: none; color: #ffffff; padding:7px 20px 8px 5px; border-bottom: 1px solid #ffffff; list-style:none;}
#leftnav ul li a:hover     {background-color: #5569A8}
	
/* Holly Hack. IE Requirement \*/
* html #leftnav ul li      {float: left; height: 1%; list-style:none;}
* html #leftnav ul li a    {height: 1%; list-style:none;}
/* End */

#leftnav li ul             {position: absolute; left: 189px; min-height: 1px; list-style:none; top: 0; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); width: 200px; /* Width of SubMenu Items */ display: none; font-size: 100%; border-top: 0px solid #DF0024; border-bottom: 0px solid #DF0024; border-left: 1px solid #ffffff; }
#leftnav li ul li          {padding: 0px; background: #7593C0; list-style:none;}
#leftnav li ul li a        {color: #ffffff; text-align: left; padding-left: 15px; list-style:none; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 5px 9px; border-bottom: 1px solid #7593C0;}
#leftnav li ul li a:hover  {color:#09428F; background-color: #E2E4F1}
#leftnav li:hover ul, li.over ul { display: block; color: #DF0024;} /* The magic */


/* Main Internal Navigation Styles
----------------------------------------------- */
#intnav                  {z-index:1; position:relative; float:left; width:189px; }
#intnav ul               {margin:0; padding:0; list-style:none; width:190px; font-size:90%;}
#intnav ul li            {position:relative; float:left; margin:0px; text-align:right; border-bottom:1px solid #ffffff; list-style:none;}
#intnav ul li a          {background-color:#7593C0; display:block; text-decoration:none; width:165px; color:#ffffff; padding:8px 20px 8px 5px; clear:both; border:0px solid #000000}
#intnav ul li a:hover    {background-color:#09428F; color:#ffffff}
#intnav ul li .selected  {background-color:#09428F; color:#ffffff; border-bottom:1px solid #09428F;}
#intnav ul li .subselect {background-color:#ECA300; color:#ffffff; border-bottom:0px solid #09428F;}
	
/* Holly Hack. IE Requirement \*/
* html #intnav ul li     {float: left; height: 1%; }
* html #intnav ul li a   {height: 1%; }
/* End */

#intnav li ul            {position:relative; min-height:1px; display:block; /* Set to none to cacade on rollover */ float:left;  background-color:#E2E4F1; font-size:100%; padding:0px; margin-top:0px; }
#intnav li ul li         {padding:0px; border-bottom:0px solid #ffffff; }
#intnav li ul li a       {color:#09428F; text-align:right; background-color:#E2E4F1; width:170px; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:177px 7px; padding:3px 20px 3px 0px; }
#intnav li ul li a:hover   {color:#7593C0;}
#intnav li ul li .selected {color:#09428F; }
#intnav li:hover ul, li.over ul {display:block; color:#DF0024;} /* The magic */


/* Testimonial Styles
----------------------------------------------- */
*html #testimonialhead  {position:relative; float:left; width:190px; height:32px; background-image:url(images/latest_news.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;}
#testimonialhead        {position:relative; float:left; width:189px; height:32px; background-image:url(images/latest_news.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;}
#testimonialhead a      {position:relative; float:right; padding-top:8px; padding-right:10px;font-size:90%}
#testimonial	        {position:relative; float:left; width:160px; font-size:90%; padding:15px;}


/* Latest News Styles
----------------------------------------------- */
*html #latestnewshead   {position:relative; float:left; width:442px; height:32px; background-image:url(images/welcome.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#latestnewshead         {position:relative; float:left; width:443px; height:32px; background-image:url(images/welcome.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#latestnewshead a	    {padding:9px 15px 0px 0px; text-decoration:none; color:#ffffff; float:right}
#latestnewshead a:hover {text-decoration:underline; color:#ffffff;}

*html #latestnews	    {position:relative; float:left; width:412px; font-size:90%; padding:10px 15px 15px 15px; background-color:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; color:#666666; }
#latestnews	            {position:relative; float:left; width:413px; font-size:90%; padding:10px 15px 15px 15px; background-color:#ffffff; border-left:1px solid #cccccc; border-right:1px solid #cccccc; color:#666666; }
#latestnews a	        {color:#DF0024; text-decoration:none; }
#latestnews a:hover	    {color:#09428F; text-decoration:underline; }
.newsdate				{color:#7593C0; font-size:90%}

/* Main Content Styles
----------------------------------------------- */
*html #content       {position:relative; float:left; width:391px; border:0px solid #ffffff; margin:0px; padding:0px}
#content             {position:relative; float:left; width:395px; border:0px solid #ffffff; }
*html #mainimage     {position:relative; float:left; width:422px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; height:226px; padding:10px; border-bottom: 1px solid #ffffff;}
#mainimage           {position:relative; float:left; width:423px; border-left:1px solid #ffffff; border-right:1px solid #ffffff; height:226px; padding:10px; border-bottom: 1px solid #ffffff;}
	
#title               {position:relative; float:left; width:428px; margin:0px; padding:7px 0px 0px 25px; background-color:#E2E4F1; color:#09428F; font-size:130%; font-weight:bold; height:25px}
#home                {position:relative; float:left; width:104px; margin:0px; padding:7px 0px 0px 25px; background-color:#E2E4F1; height:25px; border-left: 1px solid #ffffff;}
#home a              {color:#09428F; font-size:100%; text-decoration:none}
#home a:hover        {color:#ECA300; font-size:100%; text-decoration:none}
#bodytext            {position:relative; float:left; width:534px; background-color:#ffffff; padding:25px}
h1                   {font-size:140%; color:#7593C0; padding-top:20px; font-weight:bold; display:block}
h2                   {font-size:120%; color:#09428F; padding-top:20px; font-weight:bold; }
h3                   {font-size:120%; color:#E2E4F1; font-weight:bold; display:block}
h4                   {font-size:100%; color:#000000; font-weight:bold; display:block}
.h1                   {font-size:140%; color:#7593C0; padding-top:20px; font-weight:bold; display:block}
.h2                   {font-size:120%; color:#09428F; padding-top:0px; padding-bottom:10px; font-weight:bold; display:block}
.h3                   {font-size:120%; color:#E2E4F1; font-weight:bold; display:block}
.h4                   {font-size:100%; color:#000000; font-weight:bold; display:block}
p			         {margin:0px 0px 10px 0px; display:block; clear:right}
ul                   {margin:0px 0px 15px 0px; padding-left:30px; list-style:none;}
li                   {list-style-image: url(images/li_bullet.gif); }
a	                 {text-decoration: none; color: #E5A828;}
a:hover              {text-decoration: underline; color: #E5A828;}

#bodytext .statement {margin:0px; padding:10px; display:block; background-color:#E2E4F1; }
#bodytext .table     {margin:0px; padding: 0px; border:1px solid #E2E4F1;}
#bodytext .table h2  {margin:0px; padding: 0px; }
#bodytext .overview  {margin:0px; padding:10px; background-color:#ffffff; vertical-align:top}
#bodytext .outline   {margin:0px; padding:10px; background-color:#E2E4F1; vertical-align:top; width:240px}
#bodytext .details   {margin:0px; padding:10px; background-color:#ffffff; vertical-align:top;}
#bodytext .contact   {margin:0px; padding:10px; background-color:#7593C0; vertical-align:top; font-size:90%; color:#ffffff;}



/* Right Column Styles
----------------------------------------------- */
*html #rightcol      {position:relative; float:left; margin-left: 0px; width:140px; height:246px; background-image:url(images/right_background.gif); background-repeat:repeat-x; border-bottom: 1px solid #ffffff;}
#rightcol            {position:relative; float:left; margin-left:50px; width:140px; height:246px; background-image:url(images/right_background.gif); background-repeat:repeat-x; border-bottom: 1px solid #ffffff;}

/* Downloads */
*html #downloadshead {position:relative; float:left; margin-left: 0px; width:140px; height:32px; background-image:url(images/downloads.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;}
#downloadshead	     {position:relative; float:left; margin-left:50px; width:140px; height:32px; background-image:url(images/downloads.gif); background-repeat:no-repeat; background-position:15px 11px; background-color:#09428F;}
*html #downloads	 {position:relative; float:left; margin-left: 0px; width:100px; font-size:90%; padding:12px 15px 0px 15px; background-color:#ffffff;}
#downloads	         {position:relative; float:left; margin-left:50px; width:110px; font-size:90%; padding:12px 15px 0px 15px; background-color:#ffffff;}
#downloads a	     {color: #67686A; text-decoration:none; }
#downloads a:hover   {color: #09428F; text-decoration:underline; }
.abs                 {vertical-align:middle}

#error               {text-decoration:none; color:#DF0031; font-size:110%; font-weight:normal; padding:10px; width:510px; background-color: #f7f7f7; border: 1px solid #DF0031}
#error li            {text-decoration:none; color:#DF0031; font-size:90%; font-weight:normal;list-style:square inside}
.form                {margin:5px; font-size:11px; text-align:  left; background-color:#ffffff; border:1px solid #cccccc;}
.submit              {margin:5px; font-size:11px; text-align:center; background-color:#7593C0; border:1px solid #ffffff; color:#ffffff}
.submit:hover        {margin:5px; font-size:11px; text-align:center; background-color:#09428F; border:1px solid #ffffff; color:#ffffff}

/* ######### Footer ######### */
#footer	             {position:relative; float:left; margin:0px auto 0px auto; width:754px; padding:20px 10px 20px 10px; font-size:90%; background-color:#ffffff; background-image:url(images/footer_graduation.gif); background-repeat: repeat-x;}
#footer a	         {color:#666666; text-decoration:none;}
#footer a:hover	     {text-decoration: underline; color:#DF0024;}
#footer .links       {color:#666666; float:right}
#footer .links a     {text-decoration: none;}
#footer .links a:hover	{text-decoration: underline; color: #DF0024;}