/*LAMS Foundation April 2006 */

/****************************SCREEN LAYOUT***************************/

* {
margin:0px;
padding:0px;
color:#333;
}

body {
font-size: 12px; 
font-family: "Lucida Grande","Tahoma","Helvetica","Arial",sans-serif;
/*background-color:#efefef;*/

}

.row {
  voice-family: "\"}\""; /* hide the following rules from IE5 */
  voice-family:inherit;
  overflow:hidden; /* CSS 'clearing hack' - works on all except for IE5, that's why the IE5 box model hack above */
  }

* html .row { height:1%; } /* part of the CSS 'clearing hack' */

#page { /*whole layout of page*/
width:773px;
margin-left:auto;
margin-right:auto;

background-color:#fff;
border-right:5px solid #fff;
border-left:5px solid #fff;
}

#header { /* layout of header */
width:773px;
height:110px;
background: transparent url(../images/head_image.jpg) no-repeat 0 0;
margin-left:5px;
}

#headerHome { /* layout of  home page header */
width:773px;
height:110px;
background: transparent url(../images/head_image_home.jpg) no-repeat 0 0;
margin-left:5px;
}

#middle { /* layout of middle section */
padding:0;
margin:0;
}

/*************** HOME PAGE STYLES  ********************/

#firstRow { /* layout of home page section - contains nav and main graphic */
padding:0; margin:0; }

#firstRow h2{ /* layout of home page section - contains nav and main graphic */
padding:0; margin:0; font-size:12px;}

.homepageRows { /* layout of rows on the home page section */
padding:0; margin:20px 0px 0px 0px;}

#frontGraphic { /* layout of the main blue image on home page */
padding:0; margin:0; margin-left:8px; background-image:url(../images/lams_foundation_redo.jpg); background-repeat:no-repeat; /*width:634px;*/ width:600px; height:292px; float:right  }

#imageButton1 {  /* layout of the blue button text in the main graphic */
width:100px; height:20px; position:relative; top:272px; left:65px; padding:0px; text-align:left; color:#fff;
}

#imageButton2 {  /* layout of the blue button text in the main graphic */
width:100px; height:20px; position:relative; top:252px; left:195px; padding:0px; text-align:left; color:#fff;
}

#imageButton1 a {border:0px; color:#fff;}
#imageButton1 a:hover {border:0px; color:#000;}
#imageButton2 a {border:0px; color:#fff;}
#imageButton2 a:hover {border:0px; color:#000;}

#box1 { /* layout of the front page boxes section */
padding:0; margin:0 0 0 5px; float:left; width:250px; background-image:url(../images/box1.jpg); background-repeat:no-repeat;}

#box2 {
padding:0; margin:0 0 0 6px; float:left; width:250px; background-image:url(../images/box2.jpg); background-repeat:no-repeat;}

#box3 {
padding:0; margin:0 0 0 6px; float:left; width:250px; background-image:url(../images/box3.jpg); background-repeat:no-repeat;}

#box4 {
padding:0; margin:0 0 0 6px; float:left; width:250px; background-image:url(../images/box4.jpg); background-repeat:no-repeat;}

#box5 {
padding:0; margin:0 0 0 6px; float:left; width:250px; background-image:url(../images/box5.jpg); background-repeat:no-repeat;}

#box6 {
padding:0; margin:0 0 0 6px; float:left; width:250px; background-image:url(../images/box6.jpg); background-repeat:no-repeat;}


#box1 h2, #box2 h2, #box3 h2, #box4 h2, #box5 h2, #box6 h2{ /* layout of front boxes section */
padding:11px 10px 10px 12px; margin:0; font-size:12px; }

#box1 p, #box2 p, #box3 p, #box4 p, #box5 p, #box6 p{ /* layout of front boxes section */
padding:11px 15px 5px 12px; margin:0; font-size:11px; color:#333;
/*background-image:url(../images/front_box_bg.gif);
background-position:bottom;
background-repeat:no-repeat;*/
}

#box1 a, #box2 a, #box3 a, #box4 a, #box5 a, #box6 a{ /* layout of front boxes section */
border:0px; text-decoration:none;
}

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

#nav { /* layout of navigation bar */
  width: 150px;
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
  margin-top:0px;
  float:left;
}

#nav ul {list-style-type:none;position:relative;}

 #nav li { /* layout of list items in navigation bar */
 margin-left: 0;
 background-image: url(../images/arrow_blue.gif);
 background-repeat: no-repeat;
 border-top:1px solid #dcdcdc;
 padding: 8px 5px 8px 28px;
 text-decoration:none;
 background-position:left .75em;

/*background-color:#00CC33; */

}
 
 #nav li.homePageLink { border:0px; }

#nav a { /* layout of list items in navigation bar */
color:#1486c0;
text-decoration:none;
border:0px;
 }

#nav  li a:hover /* layout of list items in navigation bar */
{color:#333;text-decoration:none; border:0px;}

#nav li.here { /* the active link in the nav bar */
text-decoration:none;
background-image:url(../images/link_here.gif);
padding: 13px 5px 8px 30px;
background-repeat: no-repeat;
margin-left:-28px;
margin-bottom:2px;
margin-top:-5px;
color:#1486c0; 
border:0px;}

#nav li.hereMainButton { /* the active link in the nav bar when the first item is chosen */
text-decoration:none;
background-image:url(../images/link_here.gif);
padding: 13px 5px 8px 30px;
background-repeat: no-repeat;
margin-left:0px;
margin-bottom:2px;
margin-top:-5px;
color:#1486c0;
}


/*background-color:#CCFF33;*/

#nav li.here a {color:#333; border:0px;} 

#nav li.hereBig { /* the active link in the nav bar  - bigger links*/
text-decoration:none;
background-image:url(../images/link_here_big.gif);
padding: 9px 5px 8px 30px;
background-repeat: no-repeat;
background-position:0px;
margin-bottom:2px;
margin-left:-32px;
color:#1486c0;
}
#nav li.hereBig a {color:#333;} 


#nav ul ul {margin-top:5px; margin-bottom:0px; position:relative;}

#nav ul ul li { /* layout of sub nav  */
text-decoration: none;
border:0px;
font-size: 1em;
padding:2px 5px 4px 0px;
background-image:none;
list-style-type:none;
position:relative;
    }

#nav ul ul a{ /* layout of sub nav  */
display: block;
padding:0px;
color: #1486c0;
text-decoration: none;
font-size: 1em;
position:relative;
}

#nav ul ul a:hover{ /* layout of sub nav  */
color: #333;
text-decoration: none;
border-bottom: none;position:relative;
}

/*---------------------------*/

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

#navHome { /* layout of navigation bar */
  width: 150px;
  margin-left: 10px;
  padding-left: 0;
  list-style: none;
  margin-top:0px;
}
#navHome ul {list-style-type:none;position:relative;}

 #navHome li { /* layout of list items in navigation bar */
 margin-left: 0;
 background-image: url(../images/arrow_blue.gif);
 background-repeat: no-repeat;
 border-top:1px solid #dcdcdc;
 padding: 8px 5px 8px 28px;
 text-decoration:none;
 background-position:left .75em;

/*background-color:#00CC33; */

}
 
 #navHome li.homePageLink { border:0px; }

#navHome a { /* layout of list items in navigation bar */
color:#1486c0;
text-decoration:none;
border:0px;
 }

#navHome  li a:hover /* layout of list items in navigation bar */
{color:#333;text-decoration:none; border:0px;}

#navHome li.here { /* the active link in the nav bar */
text-decoration:none;
background-image:url(../images/link_here.gif);
padding: 13px 5px 8px 30px;
background-repeat: no-repeat;
margin-left:-28px;
margin-bottom:2px;
margin-top:-5px;
color:#1486c0; 
border:0px;}

#navHome li.hereMainButton { /* the active link in the nav bar when the first item is chosen */
text-decoration:none;
background-image:url(../images/link_here.gif);
padding: 13px 5px 8px 30px;
background-repeat: no-repeat;
margin-left:0px;
margin-bottom:2px;
margin-top:-5px;
color:#1486c0;
}


/*background-color:#CCFF33;*/

#navHome li.here a {color:#333; border:0px;} 

#navHome li.hereBig { /* the active link in the nav bar  - bigger links*/
text-decoration:none;
background-image:url(../images/link_here_big.gif);
padding: 9px 5px 8px 30px;
background-repeat: no-repeat;
background-position:0px;
margin-bottom:2px;
margin-left:-32px;
color:#1486c0;
}
#navHome li.hereBig a {color:#333;} 


#navHome ul ul {margin-top:5px; margin-bottom:0px; position:relative;}

#navHome ul ul li { /* layout of sub nav  */
text-decoration: none;
border:0px;
font-size: 1em;
padding:2px 5px 4px 0px;
background-image:none;
list-style-type:none;
position:relative;
    }

#navHome ul ul a{ /* layout of sub nav  */
display: block;
padding:0px;
color: #1486c0;
text-decoration: none;
font-size: 1em;
position:relative;
}

#navHome ul ul a:hover{ /* layout of sub nav  */
color: #333;
text-decoration: none;
border-bottom: none;position:relative;
}

/*---------------------*/

 
#content {  /* the main content section of the page */
  height:auto;
  padding:20px;
  padding-left: 180px;
  padding-right: 225px;
 }


.clear
{
clear:both; margin-top:5px;
}
#contentFullPage {  /* the main content section of the page but this time it stretches the full width - remove thirdColumn */
  width:540px;
  height:auto;
  margin:15px 22px;
  float:right;
 }
 
 #content ul {margin-top:-5px; margin-left:25px; list-style-type:none;}
 #contentFullPage ul {margin-top:-5px;margin-left:25px;list-style-type:none;}
 
 #content li {/* the main content section list style with black arrow*/
 margin-left: 0;
 background-image:url(../images/arrow_black.gif);
 background-repeat: no-repeat;
 background-position: .5em 1em;
 padding: 5px 5px 2px 25px;
 line-height:18px; }
 
 #contentFullPage li {/* the main content section list style with black arrow*/
 margin-left: 0;
 background-image:url(../images/arrow_black.gif);
 background-repeat: no-repeat;
 background-position: .5em 1em;
 padding: 5px 5px 2px 25px;
 line-height:18px; }
 
 
#content ul ul{ /* the main content section list style with black arrow*/
margin-left: 0;
list-style-type:none;
padding: 0px 5px 6px 25px;
 }
 
#contentFullPage ul ul{ /* the main content section list style with black arrow*/
margin-left: 0;
list-style-type:none;
padding: 0px 5px 0px 25px;
}
 

 
#thirdColumn { /* the third column 'news etc' section of the page */
  margin:20px 0px 20px 0px;
  width:210px;
  height:400px;
  float:right; 
  padding:0px;
  background-image:url(../images/column_bg.jpg);
  background-repeat:no-repeat;
 
 }
 
#thirdColumn h2 { /* the third column 'news etc' section of the page */
	 padding:18px 18px 10px 18px;
	 color:#666;
	 font-size:12px;
	 font-style:normal;
 }
 
#thirdColumn p { /* the third column 'news etc' section of the page */
	 margin:15px 18px 10px 23px;
	 color:#666;
	 font-size:12px;
	 font-style:normal;
 }
 
 #thirdColumn p.small-text { /* the third column 'news etc' section of the page */
	 margin:0px 18px 5px 23px;
	 color:#666;
	 font-size:10px;
	 font-style:normal;
	 line-height:16px;
 }
 
#thirdColumn a { color:#666; text-decoration:none; border-bottom:1px dotted #666;}
#thirdColumn a:hover { color:#333; text-decoration:none; border-bottom:1px solid #333;}

 
#footer { /* layout of the footer */
 width:773px; 
 height:70px;
 margin-bottom:0px;
 margin-top:0px;
 color:#999;
 background: transparent url(../images/footer_bg.jpg) no-repeat 0 0;
 }
 
#footer p { /* layout of the footer paragraph style */
 color:#999;  margin:0; margin-top:20px;padding:15px 20px 15px 20px; line-height:18px; font-size:11px; }
 
 #footer a { border-bottom: 1px dotted #999; color:#999 }
 #footer a:hover { border-bottom: 1px dotted #333; color:#333; }
 
/** layout of the Search box on the home page ***********/
#searchBox {
width:240px; height:75px; position:relative; top:30px; left:532px; padding:0px; text-align:right; }
 
#searchBox p {
font-size:11px; color:#999;}

#searchBox p.topnav {
margin-right:15px;}

#searchBox p img{
vertical-align:middle;}

#searchBox a{
color:#999; border:0px;}

#searchBox a:hover {
color:#333; text-decoration:none; border-bottom:1px solid #333;}

#searchBox .searchBar{ background-image:url(../images/search_bg.gif); background-repeat:no-repeat; background-color:#ececec; background-position:top left; height:35px;width:230px;}

#searchBox .searchBar p{ padding:8px; font-size:10px; text-align:center}

#searchBox .goButton a {padding:1px; border: 1px solid #CCC; background-color:#fff; color:#999;}

#searchBox .goButton a:hover {border: 1px solid #999; background-color:#efefef; color:#666;}

/** layout of the Search box on 2nd level pages ***********/
#searchBoxInside {
width:220px; height:75px; position:relative; top:42px; left:530px; padding:0px; text-align:right; }
 
#searchBoxInside p {
font-size:11px; color:#7d7d7d; margin-top:0px;}

#searchBoxInside p.topnav {
margin-bottom:3px;}

#searchBoxInside p img{
vertical-align:middle;}

#searchBoxInside a{
color:#7d7d7d; border:0px;}

#searchBoxInside a:hover {
color:#333; text-decoration:none; border-bottom:1px solid #333;}

#searchBoxInside .searchBar{background-position:left; height:35px;width:230px;}

#searchBoxInside .searchBar p{ padding:8px; font-size:10px; text-align:center}

#searchBoxInside .goButton a {padding:1px; border: 1px solid #CCC; background-color:#fff; color:#7d7d7d;}

#searchBoxInside .goButton a:hover {border: 1px solid #7d7d7d; background-color:#efefef; color:#666;}



 
/***************** styles of headings and paragraphs **********************/


p {margin-top:0px;
   line-height:20px;
   margin-bottom:10px;}

h1 {
font-size:18px;
color:#1486c0;
margin-top:0px;
}

h2 {
font-size:16px; 
color:#0059a5;
margin-bottom:15px;
}

h3 {
font-size:14px;
color:#1486c0;
margin-bottom:5px;
margin-top:20px;
}

h4 {
font-size:12px;
color:#333;
margin-bottom:5px;
}

h4.sub-titles {
font-size:12px;
color:#095982;
margin-bottom:10px;
margin-left:15px;
margin-top:15px;
border-bottom:1px dotted #b5cdd9;
padding-bottom:5px;
}

a {color:#1486c0; text-decoration:none;  border-bottom:1px dotted #1486c0;}

a:hover {color:#000; text-decoration:none; border-bottom:1px solid #000}

table {margin-bottom:0px;}

table td{padding:8px; background-color:#ecf7fb; border-bottom: 1px solid #cbdfe6;}


/***************** MISC styles  **********************/

/* layout of images where they will align vertically with text */
.imageBorder { padding:2px; background-color: #fff; border: 1px solid #ccc; margin-right:8px; margin-top:3px;} 

/* layout of images  */
.imageBorderLeft { padding:4px; background-color: #fff; border: 1px solid #ccc; margin-right:12px; margin-bottom:5px;margin-top:3px;} 

/* layout of images */
.imageBorderRight { padding:4px; background-color: #fff; border: 1px solid #ccc; margin-left:12px; margin-bottom:5px;margin-top:3px;} 

.moreVerticalSpace { margin-top:15px;}



.hide { /* enables you to hide elements from CSS view but will reveal when CSS is turned off */
	overflow:hidden;
	position:absolute;
	visibility:hidden;
	height: 0;
	width: 0;
	}
.spaceRight {margin-right:5px;}

.spaceLeft {margin-left:15px;}

.moreSpaceLeft {margin-left:30px;}

.spaceBothSides{margin-right:5px; margin-left:5px;}

.greyText {color:#adadad;}
.greyText a{color:#adadad; text-decoration:none; border:0;}
.greyText a:hover{color:#333; text-decoration:none; border:0;}

.highlight {
background-image:url(../images/heading_bg.jpg);
padding:8px 4px;
margin-top:20px;
}

.highlight-blue {
background-image:url(../images/heading_bg_blue.jpg);
padding:8px 4px;
margin-top:20px;
}

.highlight-purple {
background-image:url(../images/heading_bg_purple.jpg);
padding:8px 4px;
margin-top:20px;
}

h3.highlight  {
font-size:12px; margin-bottom:10px; padding-left:10px;
}

h3.highlight-blue  {
font-size:12px; margin-bottom:10px; padding-left:10px;
}

h3.highlight-purple {
font-size:12px; margin-bottom:10px; padding-left:10px; color:#896db0;
}

.evenMoreVerticalSpace { margin-top:35px;}

.alignMiddle {vertical-align:middle; margin-right:3px;}

.docsBox {
background-image:url(../images/doc_bg.gif); background-repeat: no-repeat;
padding-top:20px;
padding-left:25px;
padding-bottom:30px;
}

a.noBorder{border:0px;}