/*This is where we control font info
basic font info
basic fon-family :Arial
basic font-size:14px
Select{margin:5px;border:1px solid;height:25px; min-width:70px; font-size:16px}
*/
body,html{font-size: 14px;  font-family: verdana;}
/*This is for the Tabs, change these to change tab font size */
#mainContainer{font-size:14px;  font-family: verdana; color:#000000}
#TitemsOff{font-size:14px; font-family: verdana;}
#TitemsOn{font-size:14px; font-family: verdana;}
#TitemsStartOn{font-size:14px; font-family: verdana;}
#TitemsStart{font-size:14px; font-family: verdana;}
#TitemsEnd{font-size:14px; font-family: verdana;}
#TitemsEndOn{font-size:14px; font-family: verdana;}
	/*This is the main link styles*/
	
a:link{color:#618299; text-decoration:none;}
a:visited{color:#618299; text-decoration:none;}
a:hover{color:#618299; text-decoration:underline;}
a:active{color:#618299; text-decoration:none;}

a.noUnderline:Link{color:black; text-decoration:none;}
a.noUnderline:visited{color:black;text-decoration:none;}
a.noUnderline:hover{color:black;text-decoration:none;}
a.noUnderline:active{color:black;text-decoration:none;}

/*end font info*/

/*We are going to set the font size small medium large */
.fontSizesm {cursor:pointer; font-size:10px; background-color:#505050}
.fontSizesm:hover{cursor:pointer; text-decoration:underline; background-color:#505050}
.fontSizexl {cursor:pointer; font-size:12px;}
.fontSizexl:hover{cursor:pointer; text-decoration:underline;background-color:#505050}
.fontSizexxl {cursor:pointer; font-size:14px;}
.fontSizexxl:hover{cursor:pointer; text-decoration:underline;background-color:#505050}
/*end font sizeing css */

/*we will set the text only and graphic hover states*/

.textOnly {cursor:pointer; }
.textOnly:hover{cursor:pointer; text-decoration:underline;}
.graphic {cursor:pointer; }
.graphic:hover{cursor:pointer; text-decoration:underline;}
/*end text only css */


body, html {width: 100%;}

body {	
		 margin: 0;
		 padding: 0;
		 padding-bottom: 5px;
		 background-image:url("../images/background.png");
		 background-repeat:repeat-x;
		 background-color:#fafafa;
}

/* =========================================
		 WebSphere Portal page layout
==========================================*/

/*#FLYParent {width: 1005px; margin-left:auto;margin-right:auto; background:#fff;text-align:left;}*/
#FLYParent {margin-left:auto;margin-right:auto; background:#fff;text-align:left;}
#mainContent {padding: 0; margin:0; width:1005px;}



#graphicVersion {
		 display: none;
}


#feedbackForm p {margin:0; padding:0;}

/* =======================================
		 Hacks for IE 5 & 6
==========================================*/

/* side navigation */
* html #sideNav {
		 width:212px; 
		 w\idth:204px;
}
/* New Styles added for new layout  */
.Title, .title {width: 250px; min-width: 250px; padding: 0px;margin: 0px;}
#mainTBL{height:100%;background-color:white;width:1015px;}
#topContainer{height:175px;}
#MainDiv{margin-right:auto;margin-left:auto;width:1005px;background-image:url("../images/background.png");
background-repeat:repeat-y; background-position:left;background:#fff;}
/*#bottomClose{margin-right:auto;margin-left:auto;width:1015px;height:1px;background-color:#484848;}*/
#bottomClose{margin-right:auto;margin-left:auto;width:1015px;height:1px;}

#sideNaveContent{float:left;}
/* This controls the size of the font size links */
.normalSize{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:link{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:visited{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:hover{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.normalSize:active{font-size:10px; font-weight:bold; background-color:#d8d8d8; color:black;}


.largeSize {font-size:12px; font-weight:bold;}
a.largeSize:link{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:visited{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:hover{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largeSize:active{font-size:12px; font-weight:bold; background-color:#d8d8d8; color:black;}

.largerSize{font-size:14px; font-weight:bold;}
a.largerSize:link{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:visited{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:hover{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}
a.largerSize:active{font-size:14px; font-weight:bold; background-color:#d8d8d8; color:black;}

/* end font size links*/
#renderDiv {width:100%;
}
/* Basic portlet Title */
#PortletContain{margin-left:5px; margin-right:5px;}
#searchForm{margin-left:1px;}
#portletTitle {background-image:url("../images/portletHeadBackground.png");background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:1px 1px 1px 5px;padding:5px;border-color:#006955;margin-top:10px;}

#portletBody{background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:0px 0px 0px 0px;padding:5px;border-color:#b2c7dc;}

#portletBodyNoTitle{background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:1px 1px 1px 1px;padding:5px;border-color:#b2c7dc;margin-top:10px;}

#portletBody-border{background-color:white;background-repeat:repeat-x;background-position:bottom;border-style:solid;border-width:0 0 0 0;padding-left:0; padding-top:5px; padding-right:5px; padding-bottom:5px;border-color:#006955}

.TopNavspacing{margin-left:8px;margin-right:8px;}
#searchBox{margin-left:6px; padding-bottom:10px;}

/* this will do the 100% height for the container*/

html, body {
height: 93%;
}
#container {
min-height: 93%;
background-color: #fff;
width: 945px;
padding-left:11px;
margin: 0 auto;
/*background-image:url("../images/background.png");
background-repeat:repeat-x;*/
background-image:url("../images/drop.png");
background-repeat:repeat-y;

}
* html #container {
height: 100%;
}
#topNav{
background-image: url("../images/background.png");
background-repeat: repeat-x;
height: 77px;
width: 941px;
margin-left:-11px;
padding-left:10px;
padding-right:36px;
}
/*#topNav{width:935px;height:77px;background-image:url("../images/background.png");background-repeat:repeat-x;}*/
#LACLogo{padding-top:15px;float:left; height:60px;}

/*This is the banner navigation for the top nav*/
#BannerNav{text-align:right;padding-right:10px;float:right;clear:right;}
#BannerNav span {color:#ffffff}
#BannerNav a    {color:#ffffff}

/*These Styles control the tabs*/
#tabs{background-image:url(../images/TabOffBG.png); background-repeat:repeat-x; background-color:#c1c1c1; background-position:top;height:40px;width:945px;width: 941px;margin-left:-11px;padding-left:11px;padding-right:36px;margin-top:-1px}
#TitemsOff{border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:29px;}
#TitemsOn{border-left:#FFFFFF solid 1px; border-right:#a8a8a8 solid 1px;float:left; padding-left:9px;padding-right:9px;padding-top:10px;height:31px; background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;font-weight:bold;}
#TitemsStartOn{background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:31px; font-weight:bold;}
#TitemsStart{border-right:#a8a8a8 solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:29px;}
#TitemsEnd{border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:29px}
#TitemsEndOn{background-image:url(../images/TabOnBG.png); background-repeat:repeat-x;border-left:#FFFFFF solid 1px;float:left;padding-left:9px;padding-right:9px;padding-top:10px;height:31px;font-weight:bold;}
/*This block defines the tab navigation class, this controls the hover state*/
.tabNav{color:#6c6c6c;}
a.tabNav:link{text-decoration:none;color:#535353;}
a.tabNav:visited{text-decoration:none;color:#535353;}
a.tabNav:hover{text-decoration:underline;color:#535353;}
a.tabNav:active{text-decoration:none;color:#535353;}
/*This will define the sideNav box*/
#sideNavBox{width:212px; float:left; padding-right:7px; *padding-right:3px; padding-left:6px; padding-top:5px}
#renderDiv{float:left;}
#magGlass {float:left;width:28px;height:23px;padding-top:8px;padding-right:8px;}
#searchBox {width:300px;text-align:left;height:25px;margin-left:705px;padding-top:35px;*margin-top:-75px;}
#queryText{border:solid;border-width:1px;height:20px;padding-left:2px;float:left;margin-top:8px;color:#666; font-size:14px;}
#gobtn{float:left;margin-top:7px;margin-left:4px;}
/*#majorAlert{background-color:red;margin-top:-4px;margin-left:-4px;height:150px;width:925px;position:relative;padding-left:5px;padding-right:5px;margin-bottom:20px;overflow:auto;}*/
#majorAlert{overflow:hidden}
*#majorAlert{width:925px;}
#LargeFont{font-size:18px;font-weight:bolder;}
#marjorAlert hr{border:solid; border-width:1px; border-color:#333333}
#Hide{position:relative;z-index:1;float:right;width:90px;margin-top:-4px;margin-right:13px;margin-bottom:10px;}
#line{height:1px;	margin-top:3px;margin-bottom:5px; background-color:#333333; width:100%}
#alertMsg{position:relative;z-index:2;}
#TopBox{float:left;width:350px;height:70px;}
#LACSmLogo{margin-right:20px}

/*This is the deptname text value css*/
#deptName{font-size:35px;color:#fff;margin-left:10px; margin-top:-10px;width:500px; height:60px} 
/*#deptName{font-size:35px;color:#fff;margin-left:20px;}*/
#deptName  a:link{text-decoration:none; color:#ffffff}
#deptName  a:visited{text-decoration:none; color:#ffffff}
#deptName  a:hover{text-decoration:underline; color:#ffffff}
#deptName  a:active{text-decoration:none; color:#ffffff}

#deptNameWtag{font-size:30px;color:#fff;margin-left:20px; margin-top:-7px;}
#deptNameWtag  a:link{text-decoration:none; color:#ffffff}
#deptNameWtag  a:visited{text-decoration:none; color:#ffffff}
#deptNameWtag  a:hover{text-decoration:underline; color:#ffffff}
#deptNameWtag  a:active{text-decoration:none; color:#ffffff}

#deptTagLine{font-size:16px;color:#ffffff;margin-left:25px; width:450px;}


/*end Top nav Text*/

#mainContainer{margin-left:-11px;padding-left:11px;background-image:url("../images/drop.png");background-repeat:repeat-y}

#tabsBox{width:945px;margin-left:-10px; padding-left:10px; background-image:url("../images/drop.png");background-position:bottom;}
#grayBar{width:933px;height:3px;background-color:#c1c1c1;}

/*This is for the alert Box */
#alertTop{float:left;background-image:url("../images/Alert-Top.png");width:925px;height:6px;}
#alertMid{float:left;background-image:url("../images/alertMidBG.png");width:925px; }
#alertBot{float:left;background-image:url("../images/Alert-Bot.png");width:925px;height:6px;}
#majorAlertMain{float:left; width:925px;position:relative;z-index:2;}
#alertMain{margin-bottom:4px;float:left; width:925px}
/*End Alert Bot styles */

/*This are reusable styles*/
#Web20Header{font-size:14px;font-weight:bold; color:#555555}
#Web20Header a{color:#555555; text-decoration:none;}
#Web20Header a:link{color:#555555; text-decoration:none;}
#Web20Header a:visited{color:#555555; text-decoration:none;}
#Web20Header a:hover{color:#555555; text-decoration:underline;}
#Web20Header a:active{color:#555555; text-decoration:none;}
#LinkItem{margin-top:10px;padding-bottom:5px;padding-left:15px}
#LinkItem a{color:#555555; text-decoration:none;}
#LinkItem a:link{color:#555555; text-decoration:none;}
#LinkItem a:visited{color:#555555; text-decoration:none;}
#LinkItem a:hover{color:#555555; text-decoration:underline;}
#LinkItem a:active{color:#555555; text-decoration:none;}
#IwantLinksHeader{font-size:14px;font-weight:bold}
#item{padding-top:5px; padding-bottom:5px; color:#555555;}
/*end reusable styles*/


 /*The styles below control the I want to links.*/
#IwantLinks{margin-bottom:10px;color:#555555}
#IwantLinks a{color:#555555; text-decoration:none;}
#IwantLinks a:link{color:#555555; text-decoration:none;}
#IwantLinks a:visited{color:#555555; text-decoration:none;}
#IwantLinks a:hover{color:#555555; text-decoration:underline;}
#IwantLinks a:active{color:#555555; text-decoration:none;}
#IwantLinksHeader{font-size:14px;font-weight:bold}
#IwantLinksItem{background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px}

/*These are the styles for the announcements box note:The margin left of 110 px is to make it so the text does not wrap*/

#announcementsItem {width:100%; clear:left; margin-bottom:15px;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;}
#announcementsItem #announcementImage {float:left; width:100px;}
#announcementsItem #announceDetails {margin-left:110px; padding-bottom:10px}

/*This will control the sidenav menu for sub pages*/
#sideNavBox{margin-top:5px;margin-right:4px; *margin-right:7px; width:198px;}
#sideNavBox a{color:#555555; text-decoration:none;}
#sideNavBox a:link{color:#555555; text-decoration:none;}
#sideNavBox a:visited{color:#555555; text-decoration:none;}
#sideNavBox a:hover{color:#555555; text-decoration:underline;}
#sideNavBox a:active{color:#555555; text-decoration:none;}
#SideNavheaderWeb20{background-image: url(../images/SideNav.png);background-position:bottom; background-repeat:repeat-x; height: 22px; width: 100%; font-size: 16px; padding-top: 3px; margin-bottom: 5px; color: #4B4B4B; min-width: 100%;height:100%; padding-left:3px;}
#SideNavItem{background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:10px}
#SideNavItemOn{text-decoration:underline; background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;;padding-bottom:5px;}
#SideNavItemOn a{text-decoration:underline;}
#SideNavItemOn a:link{text-decoration:underline;}
#SideNavItemOn a:visited{text-decoration:underline;}
#SideNavItemOn a:hover{text-decoration:underline;}
#SideNavItemOn a:active{text-decoration:underline;}

#SideNavItemOn ul li {*list-style:outside;list-style-position:outside; margin-left:-15px;padding-top:0px;padding-bottom:0px;  list-style-image: url(../images/bulletArrow.png);}
#sideNavImage{float:right;margin-top:5px}
#sideNavOnText{float:left;width:85%}
/*this is for the fourth lev navigation*/
#levelFourNav #SideNavItem{padding-left:25px;}

/*This is the end of meue css */

/*We are going to strart the footer css*/
#ExtendFooter { min-height: 205px; width: 956px; margin: 0 auto; background-image:url("../images/drop.png"); background-repeat:repeat-y; position:relative; z-index:1; }
#footerBox{width: 933px; margin-left:11px; 	height: 219px; position:relative; z-index:1000; background-image:url('../images/footer_background.png'); background-repeat:repeat-x; }
#footerContain #header {color:white; font-weight:bold; margin-bottom:5px; font-size:14px;}
#footerContain #content{color:white;}
#footerContain #content #links a{float:left; clear:left; width:100%}
#footerContain #content a{color:white; text-decoration:none; font-size:12px}
#footerContain #content a:link{text-decoration:none;}
#footerContain #content a:visited{text-decoration:none;}
#footerContain #content a:hover{text-decoration:underline;}
#footerContain #content a:active{text-decoration:none;}


#footerBot{background-color:#2d405a; color:white; padding-bottom:5px; padding-top:5px;}
#footerBot a{color:white; text-decoration:none; font-size:12px}
#footerBot a:link{text-decoration:none;}
#footerBot a:visited{text-decoration:none;}
#footerBot a:hover{text-decoration:underline;}
#footerBot a:active{text-decoration:none;}


/*This is the seal box */
#column1{float:left; width:175px; height:150px; *height:157px; *min-height:140px;}
/*This is the first link column */
#column2{float:left; width:230px; min-height:150px; padding:10px; *min-height:140px; *padding:8px}

#column3{float:left; width:230px; min-height:150px; padding:10px; *min-height:139px; *padding:8px}
#column4{float:left; width:230px; min-height:150px; padding:10px; *min-height:139px; *padding:8px}
#social{float:right; margin-bottom:5px; margin-left:-7px; margin-right:8px; margin-top:-18px; *padding-left:860px; *margin-top:-27px;}




#footerBot {text-align:center;}
#footerBot a{margin-left:10px;margin-right:10px}
#footerPad{height:20px; width:100%; }
/*End footer css */

/*We will start the promo css */
#promoItem{margin-left:2px}

/*This is the css for the links menu*/
#Links img{margin-right:5px;float:left;}
#Links{background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px;float:left; width:95%}
.Links{background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;margin-top:10px;padding-bottom:5px;padding-left:15px;float:left; width:95%}

#graphic{display:none}
#hidden{display:none;}
/*This is for the css for the icons*/

#MediaSocial{float:right; }
#social #MediaSocial #item{float:left; padding-right:5px;}


/*This is the css that will control the freeForm Item*/
.freeFormItem{margin-right:5px; margin-left:10px; line-height:20px;}
.freeFormItem li{margin-left:-20px}

/*This will restyle the announcements so they will have the correct look and feel*/
.newsItem {width:99%; padding-bottom:15px;clear:left;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;}

/*This will control the styling of the factoid*/
#factoid{padding:10px; background-color:#bfd38f; *width:100%; padding-left:10px; *padding-right:10px; *padding-top:10px; *padding-bottom:10px;}
#factoid #title{font-size:18px;padding-bottom:5px;}
#fItem{*min-width:180px; *max-width:180px;}

/*We are adding in the css for the eventCalendar*/


#calendar{float:left; padding-bottom:15px;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;}
#calTop #CalText{margin-left:5px; font-weight:bold}

#calBot{float:left;}
#calBot #CalText{margin-left:5px; font-weight:bold}

#CalSub{float:right;padding-top:20px;padding-right:5px}
/*end*/

/*We are adding in the css for the Rss subscribe portlet*/
#rssText #rssMsg{float:left;width:80%;}
#rssText #rssImg{padding-top:13px;*padding-top:0px;padding-right:8px;float:right;}
/*end*/




/*This section has IE7 hacks, this is for the authoring tool*/
#AuthTools{*margin-top:-20px;}
/*End IE Hacks */

/*This is the css for the web20 skin */
#skin-hold-Full{float:left; min-width:100%; margin-left:0px; margin-top:10px; margin-right:12px; position:relative; width:auto;}
#skin-hold{float:left; min-width:95%; margin-left:0px; margin-top:10px; margin-right:12px; position:relative; width:auto;}
#skin-hold form{min-width:200px;}
#skin-headerWeb20{
	background-image: url(../images/bg-Skin.png);
	background-repeat:repeat-x;
	height: 22px;
	*min-width:100%;
	font-size: 16px;
	color: #4B4B4B;
	height:100%;
	background-position:bottom;
    margin-bottom:5px;
    padding-left:3px;
   

}
#MainContainerWeb20
{
	

	margin-bottom: 15px;
	height: 100%;
	position: static;
	z-index: 1;
	min-height: 10px;
	float: left;
	width:100%;
}
#skin-contentWeb20
{
	position: static;
	padding-bottom: 5px;
	float: left;
	background-position:bottom;
	width:100%;
}

/*This will redefine the css for the select boxes, its at the bottom so it will overwrite any other that may be up top*/
select{height:30px; border-style:solid;border-width:1px 0px 1px 1px; border-color:black;margin-top:5px;width:100%}
#calBot select{margin:5px;border:1px solid;height:25px; min-width:70px;}
#calTop select{margin:5px;border:1px solid;height:25px; min-width:70px;}
#rssText form select{width:212px; border:solid}
.TellMeAbout select{width:195px; *min-width:200px; *max-width:200; height:30px; *height:24px; border-style:solid;border-width:1px 1px 1px 1px; border-color:black;margin-top:5px;}
/*end*/

#hightLight #hightlightItem {text-align:center;}
#hightLight #hlDiv {text-align:left;}
#hightLight #hightlightItem img{text-align:center; border:0; padding-bottom:5px; }
#hightLight #hightlightItem{font-weight:bold;padding-bottom:10px; padding-left:5px;padding-bottom:15px; margin-bottom:15px;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;}

#links #link{*min-width:100%; padding-left:5px; padding-bottom:10px; padding-top:5px; margin-bottom:5px;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x;}



#AuthTools{float:left; padding-right:5px;position:relative;}

#navigation{float:right; margin:5px;}
#Web20freeFormItem{color:#000000}

/*This is the anouncements web20 styles*/
/*This will restyle the news title */

#newsItem {float:left; width:99%; *min-width:99%; padding-bottom:10px;clear:left;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x; padding-top:10px}
#newsItem img{margin-right:10px}
#newsItem #articleImage{float:left;}
#newsItem #Newstitle{margin-left:108px; margin-bottom:15px; font-size:16px; font-weight:bold;}
#newsItem #Newstitle50{margin-left:65px; margin-bottom:15px; font-size:16px; font-weight:bold;}
#newsItem #Newstitle  a:link{text-decoration:none;}
#newsItem #Newstitle  a:visited{text-decoration:none;}
#newsItem #Newstitle  a:hover{text-decoration:underline;}
#newsItem #Newstitle  a:active{text-decoration:none;}
#newsItem #NewsAb{ margin-left:108px}
#articleLinks{float:left;}

#linkList {float:left; width:99%; *min-width:99%; padding-bottom:10px;clear:left;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x; padding-top:15px; padding-left:10px;}
#linkList img{margin-right:10px}
#linkList #articleImage{float:left;}
#linkList #linkTitle{padding-top:5px}

.linkList {float:left; width:99%; *min-width:99%; padding-bottom:10px;clear:left;background:url(../images/dots.png);background-position:bottom;background-repeat:repeat-x; padding-top:15px; padding-left:10px;}

/*These styles will controll the FAQ section */

#faqs h3  {font-size: 16px; font-weight:normal; cursor:pointer; width:100%; background:url("../images/dots.png") repeat-x scroll center bottom transparent;margin-bottom:10px;line-height:30px }

#faqs h3:hover{color:#618299; text-decoration:underline;}
#faqs h3.active  {color:#618299; text-decoration:underline;}
#faqs div {height:auto; overflow:hidden; position:relative; }
#faqs #faqAnswer  { margin-left:25px;padding:5px;border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
border: 1px solid #000000;
background:#E3F7FF}
/*This will fix the wordwrap for DHR job search*/
.jobsearchres_titlecolumn{word-break:break-all}
#faq #faqAnswer p{margin:0}