@charset "utf-8";
/* Created: 5/10/07 */

/* set the font for the site */
* { margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;} 

/* set the colours for the text and background */
body, html {
    background:#dcdee3;
    color:#000;
}

img {
   margin: 5px 10px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


h1, h2, h3, h4, h5, h6 {
	font:bold 24px Arial, Helvetica, sans-serif;
	color:#000;
	padding:5px 0px 0px 20px;
	text-align:left;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:16px;
}

h4 {
	font-size:15px;
}

h5 {
	font-size:14px;
}

h6 {
	font-size:13px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	text-decoration:none;
	color:#f7901e;
}

p {
	padding:5px 10px 5px 10px;
}

.pageHeading
{
	height:43px;
    width: 562px;
	display:block;
	background:#f7f7f9 url(../images/lamcal/boxHeader-big.gif) no-repeat center;
    margin: 0;
    padding: 0;

}
.pageHeading .heading {
    padding: 11px 0px 5px 20px;
    color: #FFF;
	font-family:Helvetica, sans-serif;
	font-size:16px;
    font-weight: bold;
}

.required
{
   color: #FF0000;
}

/* This holds the content, change it's width to whatever is needed */
#wrap {
    width:777px;
	display: block;
	margin:0px auto 0px;
	background:none;
}

/* The main header, insert image in here */
#header {
    display: block;
    height: 113px;
	background:#111032;
}

#header .logo {
	float:left;
	padding:14px 0px 0px 19px;
}

#header .lamcalLogo {
	float:right;
	padding:47px 28px 0px 0px;
}

#main {
    background: #FFF;
}
/* The main navbar underneath the heading */
#menu {
	background: #f7901e;
	height:30px;
	margin:0px 0px 5px 0px;
	text-align: center;
	display:block;
}

#menu ul{
    margin:0px;
    padding:1px 0px 0px 0px;
    list-style:none;
    display: block;
    }
#menu li{
    display:block;
	float:left;
    margin:0px;
    padding:0px;
}

#menu li a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#3e3455;
	text-decoration:none;
	line-height:1em;
	padding:8px 20px 8px 20px;
	display:block;
}

#menu li a:hover, #menu li a.on {
	color:#FFF;
    background:#faaa57;
}
/* end: navbar */
ol, ul, li {
	list-style:disc;
    margin-left: 15px;
}

li {
	color:#111032;
}
/* main content in single column page */
#cont {
	padding: 5px 0px;
	width: 762px;
    text-align: left;
	height: auto;
	overflow: hidden;
	margin:0px auto 0px;
}

.imageSpace {
    background:#2f3967;
	width:762px;
	height:232px;
	margin:0px auto 0px;
	background:transparent url(../images/lamcal/homeBg.jpg) no-repeat center;
}

.imageSpace .text {
	width:360px;
	float:left;
	display:block;
}

.imageSpace .text H1, .imageSpace .text P {
	font:bold 26px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:1em;
	padding:32px 0px 0px 20px;
	letter-spacing:-0.05em;
	clear:both;
}

.imageSpace .text P {
	font:normal 20px Arrow Narrow, Arial, Helvetica, sans-serif;
	color:#f7901e;
	padding:10px 110px 0px 20px;
	line-height:1.6em;
	letter-spacing:0em;
}


.imageSpace H1 {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:1em;
	padding:32px 0px 0px 20px;
	display:block;
}

.imageSpaceMain {
    background:#2f3967;
	width:762px;
	height:138px;
	margin:0px auto 0px;
	background:transparent url(../images/lamcal/mainBg.jpg) no-repeat center;
}

.imageSpaceMain .text {
	width:360px;
	float:left;
	display:block;
}

.imageSpaceMain .text H1, .imageSpaceMain .text P {
	font:bold 26px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:1em;
	padding:32px 0px 0px 20px;
	letter-spacing:-0.05em;
	clear:both;
}

.imageSpaceMain .text P {
	font:normal 20px Arrow Narrow, Arial, Helvetica, sans-serif;
	color:#f7901e;
	padding:10px 110px 0px 20px;
	line-height:1.6em;
	letter-spacing:0em;
}


.imageSpaceMain H1 {
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	line-height:1em;
	padding:32px 0px 0px 20px;
	display:block;
}

/* main content in two column page */
#content {
	width: 762px;
    text-align: left;
	height: auto;
	overflow: hidden;
	margin:5px auto 0px;
	height: 100%;
	background:transparent url(../images/lamcal/bg.gif) repeat-y center;
}

.leftPanelWhite {
	margin: 0px 5px 0px 0px;
    background:#f7f7f9;
	height: 333px;
	float:left;
	padding: 0px;
}

.leftPanelWhite .text {
	width:361px;
	background:#f7f7f9;
}

.leftPanelWhite .text P {
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#111032;
	line-height:1.2em;
	padding:10px 30px 0px 10px;
	clear:both;
}

.leftPanelWhite .text H1, H1 {
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#111032;
	line-height:1.2em;
	padding:5px 30px 5px 10px;
	clear:both;
}

/*right panel for use in main template */

.rightPanelWhite {
	margin: 0px 5px 0px 0px;
	float:right;
}

.rightPanelWhite .text {
	padding: 5px 12px 5px 20px;
}

.rightPanelWhite .text P {
   color: #000000;
   font-size: 12px;
   font-weight: normal;
   padding: 5px 0px;
}

/* rightPanel  for home page*/

.rightPanel {
	margin: 0px 0px 0px 2px;
	float:left;
	display:block;
	text-align:center;
	padding: 0px;
	width: 193px;
	height: 332px;
}


.head {
	width:196px;
	height:43px;
	display:block;
	background:#f7f7f9 url(../images/lamcal/boxHeader.gif) no-repeat center;
	color: #FFF;
}

.head a {
	color: #FFF;
}

.head a:hover {
    color: #FFF;
}

.rightPanel .head H1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
}

.rightPanel .image {
	height:auto;
	text-align:center;
	display:block;
	padding:10px 0px 10px 0px;
	
}

.rightPanel .image a {

	display:block;
}

.rightPanel .image a img {
	border:0px;
}

/* leftPanel  for main page*/

.leftPanel {
	margin: 0px 0px 0px 2px;
	float:left;
	text-align:center;
	width:195px;
}


.lefyPanel .head {
	width:196px;
	height:43px;
	display:block;
	background:#f7f7f9 url(../images/lamcal/boxHeader.gif) no-repeat center;
}

.leftPanel .head H1 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:12px 0px 10px 20px;
}

.leftPanel .image {
	height:auto;
	text-align:center;
	display:block;
	padding:10px 0px 10px 0px;
	
}

.leftPanel .image a {

	display:block;
}

.rightPanel .image a img {
	border:0px;
}

/* second column */
#sidebar {
	background:#c9c;
	float:left;
	width:200px;
}

/* breadcrumbs */
#breadcrumb {
   float: right;
   width: 150px;
    border:1px solid #FFF;
    background-color:#F0F0F1;


}
/* news box */
.news-item {
	height: 263px;
    overflow: hidden;
    
}
.news-title {
    width: 150px;
    background-color: #999999;
	color: #33FFFF;
	text-decoration: none;
	font-size: 12px;
}
.news-article {
	padding-left: 3px;
    
}
.news-article a{
	text-decoration: none;
	color:#111032;
	font-size: 13px;
    font-weight: bold;
}

.news-article a b{
	font-size: 13px;
    font-weight: bold;
}

.news-article a:hover {
	text-decoration: none;
	color:#f7901e;
}
.news-date {
	font-size: 10px;
	padding-left: 8px;

}

.news-article-short {
    font-size: 10ps;
	padding-left: 8px;
}

.news-article-long {
    font-size: 10ps;
	padding-left: 8px;
    width: 184px;
	overflow:hidden;
}

/* article menu */
.modMenu {
	padding: 10px 0px 5px 20px;
}
.modMenuItem {
	margin: 5px 0px 5px 0px;
    padding: 0;
}

.modMenuSep {
    border-top: dashed 1px #c3c3c4;
    width: 75px;
    padding: 0;
    margin: 0;
    height: 1px;
}

.modMenuItem  a{
    text-decoration:none;
	color: #000;
	font-weight:bold;
	font-size:12px;
}

.modMenuItem  a:hover{
	color: #f7901e;
}



/* User login */

.loginBox {
	width:198px;
	height:185px;
	border:0px;
	padding:0px;
	margin:0px;
	border:1px solid #FFF;
	background-color:#F0F0F1;
	display:block;
	float:left;
}


.loginBox .field, .loginBox .submit  {
	float:left;
	padding:0px 0px 0px 7px;
	clear:both;
}

.loginBox .submit,  {
	padding:6px 0px 12px 7px;
	float:left;
}

.loginBox .field INPUT {
	width:145px;
	height:20px;
	border:1px solid #D6D6D8;
	padding:0px;
	margin:0px;
	float:left;
}

.loginBox .submit INPUT {
	width:128px;
	height:33px;
	border:0px;
	padding:0px;
	margin:0px;
	float:left;
}

.loginBox .text {
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#C1C3C4;
	padding:5px 0px 0px 7px;
	float:left;
}

.loginBox .links {
	clear:both;
	width:160px;
	padding:2px 0px 4px 7px;
	float:left;
}


.loginBox .links a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#73A7C6;
	text-decoration:none;
}

.loginBox .links a:hover {
	color:#92D0F5;
}



/* Quick links */

.quickLinkWrapper {
	display:block;
	padding:11px 0px 0px 8px;
	margin:0px;
	width:100%;
	border:0px;
	float:left;
}

.quickLinkFollower {
	display:block;
	padding:6px 2px 0px 0px;
	margin:0px;
	border:0px;
	float:left;
}

.quickLinkFollower .all {
	background-color:#72A6C5;
	width:182px;
	height:auto;
	padding:0px;
	border:0px;
	margin:0px;
	display:table;
	float:left;
}

.quickLinkFollower .all .top, .quickLinkFollower .all .bottom {
	width:182px;
	height:8px;
	padding:0px;
	border:0px;
	margin:0px;
	clear:both;
	float:left;
}

.quickLinkFollower .all .linkimage a {
	margin:0px;
	padding:0px 0px 0px 8px;
	display:block;
	clear:both;
	float:left;
}

.quickLinkFollower .all .linkimage IMG a{
	border:1px solid #FFF;
}

.quickLinkFollower .all .linktitle a{
	border:0px;
	margin:0px;
	padding:6px 0px 0px 10px;
	width:170px;
	display:block;
	clear:both;
	float:left;
	font:20px Arial, Helvetica, sans-serif;
	color:#FCAF17;
	font-weight:bold;
}

.quickLinkFollower .all .linktext a{
	border:0px;
	margin:0px;
	padding:0px 10px 0px 10px;
	width:155px;
	display:block;
	text-align:left;
	clear:both;
	float:left;
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
	font-weight:normal;
}

/* footer */
#footer {
	margin:10px auto 0px;
	clear:both;
	width:777px;
	height:100px;
	background: #111032;
	display:block;
	text-align: center;
	color: #FFFFFF;
}

#footer p{
	display:block;
	padding:10px;    
}

#footer a {
	padding:0px 4px 0px 0px;
	margin:0px;
	border:0px;
}