﻿@charset "utf-8";
html {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
}

body {
	margin: 0;
	height:100%; /* needed for container min-height */ 	
	background: url(../images/template/headbg3.jpg) repeat-x top;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;

}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#pageWidth {
	margin:0 auto;
	width: 1000px;
	position: relative;
}

#content {
	width: 695px;
	position: relative;
	left: 290px;
	top: 0px;
	padding: 40px 10px 85px 10px;
	z-index:1;

}
/* ========================= Text Start ============================= */
.rosterT{
		text-align: justify;
		font-family: Arial;
		color: white;
}

a.white, .white, #calendarSmall a.white{
  color: #ffffff;
}

.jus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: justify;
}
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.boardLine {
	background-color: black;
	height: 1px;
	margin: 8px 0 8px 0;
	
}

.boardName { 
  font-size:120%;
  text-transform:uppercase;
  color: black
}


.eventTitle{
  color: blue;
}

a.alert, .alert{
  color: #990000;
}

a:link, a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}

.h {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fdfda3;
	text-decoration: none;
}

#newsDate,  #newsDate a{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.title, a .title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.shaded{
	background-color: #f2f3f4;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 7px;
}

/* ========================= Text End ============================= */

/* ========================= Header Start ============================= */

.headerMain {
	width: 1000px;
	margin:0 auto;
	padding: 0px;
	height: 225px;
}

#mastFlash{
	position:relative;
	left: 281px;
	top: -173px;
	width: 718px;
	height: 200px;
	/*background-image: url('../images/template/MastImage1.jpg');
	background-repeat:no-repeat; */
  background: url('../images/template/MastImage1.jpg') no-repeat;
}

#mastName{
	position:relative;
	left: 282px;
	top: 25px;
	width: 730px
}
#mastMenu{
	z-index:10;
	position:relative;
	/*left: 282px;
	top: 25px;
	width: 718px;
	height: 46px;*/
}

#RimsNatonalLogo{
	position:absolute;
	left: -1px;
	top: 335px;
	width: 285px;
	height: 123px;
}

#socialMedia{
	position:absolute;
	top: 455px;
	width: 285px;
	height: 200px;
	left: 0px;
}

#sponsorSlide{
	position:relative;
	/*left: 758px;*/
	width: 100%;
	/*height: 200px;*/
	min-height: 140px;
	margin-left:auto;
	margin-right:auto;
}

/* ========================= Header End ============================= */

/* ========================= Calendar Small Start ============================= */

#calendarSmall{
	margin-right:2px;
	position:absolute;
	left: -2px;
	top: 25px;
	width: 285px;
	height: 300px;
	padding-left:0px;
	background: url(../images/template/CalendarTabLong.jpg) top;
}

#calendarSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
#calendarSmall a {
  text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

/* ========================= Calendar Small End ============================= */

/* ========================= Image Start ============================= */

.picCaption { 
  margin: 5px;
  padding: 5px;
  border: solid 1px #E5E5FF;
  /*border: solid 1px #0b1d2b;*/
  
  background: #E5F2FF;
  font-size:90%;
  color: black;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.picAlignLeft {
  float: left;
}
.picAlignRight {
  float:right;
}

.imgBoard {
  /*padding:5px;
  padding:5px 10px 5px 0px;*/
  margin: 5px 10px 5px 0px;
  float:left;
  width:119px;
  /*height:130px;*/
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.imgBox {
  border:1px solid #003366; /* dk Blue */
  box-shadow: 0 0 9px #666;
  -webkit-box-shadow: 0 0 9px #666;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #003366; /* dk Blue */
  padding:2px;
}

.photoRound{
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 9px #666;
  -webkit-box-shadow: 0 0 9px #666;  
  
}

.photoRoundNoShade{
  -moz-border-radius: 5px;
  border-radius: 5px;

}
.speakerPic{
  -moz-border-radius: 5px;
  border-radius: 5px;
  float:left;
  height: 120px;
  margin: 5px 10px 5px 0px;
}

.newsBox { 
  margin: 5px;
  padding: 5px;
  border: solid 1px #E5E5FF;
  /*border: solid 1px #0b1d2b;*/
  
  background: #E5F2FF;
  font-size:90%;
  color: black;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  box-shadow: 0 0 9px #666;
  -webkit-box-shadow: 0 0 9px #666;  
  
}


/* ========================= Image End ============================= */

/* ========================= Button Start ============================= */

	.button{
	  text-decoration: none;	  
	  font-family:trebuchet MS,sans-serif;
	  -webkit-border-radius:3px;
	  -moz-border-radius:3px;
	  border-radius:3px;
	  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	  color:#fff;
	  background-color:#20639f;
	  background-image:-webkit-gradient(linear,left top,left bottom,from(#20639f),to(#7089b3));
	  background-image:-webkit-linear-gradient(top,#20639f,#7089b3);
	  background-image:-moz-linear-gradient(top,#20639f,#7089b3);
	  background-image:-ms-linear-gradient(top,#20639f,#7089b3);
	  background-image:-o-linear-gradient(top,#20639f,#7089b3);
	  background-image:linear-gradient(to bottom,#20639f,#7089b3);
	  border-top:1px solid #758fba;
	  border-right:1px solid #6c84ab;
	  border-bottom:1px solid #5c6f91;
	  border-left:1px solid #6c84ab;
	  font-size:100%;
	  font-weight:bold;
	  padding:10px 10px 10px 10px;
	  text-align:center;
	}

	.button:hover{
	  color:#fff;
	  background-color:#9badcc;
	  background-image:-webkit-gradient(linear,left top,left bottom,from(#9badcc),to(#687fa6));
	  background-image:-webkit-linear-gradient(top,#9badcc,#687fa6);
	  background-image:-moz-linear-gradient(top,#9badcc,#687fa6);
	  background-image:-ms-linear-gradient(top,#9badcc,#687fa6);
	  background-image:-o-linear-gradient(top,#9badcc,#687fa6);
	  background-image:linear-gradient(to bottom,#9badcc,#687fa6);
	  border-top:1px solid #6d86ad;
	  border-right:1px solid #647a9e;
	  border-bottom:1px solid #546685;
	  border-left:1px solid #647a9e;
	  -webkit-box-shadow:inset 0 1px 0 0 #a5b9d9;
	  -moz-box-shadow:inset 0 1px 0 0 #a5b9d9;
	  box-shadow:inset 0 1px 0 0 #a5b9d9;
	}

/* ========================= Button End ============================= */

/* ========================= Sponsor Start ============================= */

.platinumBanner{
  background-color: #CAD3D0;
  width: 670px;
  text-align:center;
  font-weight: bold;
  padding: 5px;
  margin-top: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  
}

.goldBanner{
  background-color: #FFD700;
  width: 670px;
  text-align:center;
  font-weight: bold;
  padding: 5px;
  margin-top: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.silverBanner{
  background-color: #C0C0C0 ;
  width: 670px;
  text-align:center;
  font-weight: bold;
  padding: 5px;
  margin-top: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.sponsLogo{
	vertical-align: middle;
	border:0;
}
/* ========================= Sponsor End ============================= */

/* ========================= Photo Gallery Start ============================= */


a.pg:link, a.pg:visited {
	border: 2px solid #333333;
	clear: left;
	float: left;
}

a.pg:hover {
	border: 2px solid #4469EB;
	clear: left;
	float: left;
}

li.more:link, li.more {
	font-family: arial;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 625px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	clear: left;
	float: left;
	list-style-type: none;
}
li.more:hover{
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 625px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	clear: left;
	float: left;
	list-style-type: none;
}

/* ========================= Photo Gallery End ============================= */

/* ========================= Footer Start ============================= */
div#footerContainer {
	background: url(../images/template/bgFooter.gif) repeat-x #e7e7e7;
	padding: 20px 0px 0px 0px;
	z-index:0;
	height: 65px;
	width:100%;
	position:absolute;
	bottom:0; /* stick to bottom */
	
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;

}

#footWidth {
	padding: 40px 0px 0px 0px;
	margin:0 auto;
	width: 1000px;
	position: relative;
}

#footRight{
	position:absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
}
/* ========================= Footer End ============================= */

/* ========================= NewMenu Start ============================= */
#nav {
  height:44px;
  /*background-color: #333333;*/
  background-color: #0b1d2b;
  padding-left:0px;
  text-align:left;
  /*position:absolute;*/
  position: relative;
  top: 25px;
  left: 282px;
  width:718px;
  font-family: Arial;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
  
}

#nav ul { 
  margin:0;
  padding:0;
  list-style:none;
  /*list-style-image: url('https://larims.org/images/template/menu/mnuBullet.jpg');*/
  position:relative;
  z-index:100;
  height:44px;
}
#nav ul li {
  list-style: disc;
  /*list-style-image: url('https://larims.org/images/template/menu/mnuBullet.jpg');*/
}

#nav li {
  display:block;
  float:left;
  line-height:44px;
  position:relative;
}

#nav ul li a{ 
}

#nav .mnuMain, #nav a {
  display:block;
  text-decoration:none;
  /*background:url(https://larims.org/images/template/menu/mnuDivider.jpg) top right no-repeat;*/
  padding:0px 12px;
  /*color:#CCCCCC;*/
  color: white;
  
}

#nav .mnuMain{
  /*text-transform:uppercase;*/
    line-height:44px;
  height:44px;
  font-size: 16px;  
  padding-left:26px;
  padding-right:26px;
}

#nav ul li .mnuTopGap{
  line-height:1px;
  font-size:1px;
}

#nav .mnuMain:hover {
  color:#fff;
  background:url(https://larims.org/images/template/menu/mnuBackgroundActive4.jpg) top repeat-x;
  /*padding-top:8px;*/

}

#nav .mnuMain.active {
  color:#fff;
  background:url(https://larims.org/images/template/menu/mnuBackgroundActive4.jpg) top repeat-x;
  padding-top:8px;
}

#nav li ul {
  display:none;
  position:absolute;
  top:44px;
  left:0;
  margin:0;
  /*width:210px;*/  
  width:185px;

  /*width:420px;
  background:#333333;
  background:rgb(51,51,51);
  background:rgba(51,51,51,0.9);*/
  background:#0b1d2b;
  background:rgb(11,29,43);
  background:rgba(11,29,43,0.9);
  /*background:#b6b6b6;
  background:rgb(182,182,182);
  background:rgba(182,182,182,0.9);*/
  /*background-image:url(images/menu/purpDividerLine.gif);*/
  background-position:top center;
  background-repeat:repeat-y;
  padding:5px 0 12px 0;
  height:auto !important;
  font-family: Arial, Verdana, sans-serif;
    -moz-border-radius-bottomleft: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-right-radius: 5px; 

}
#nav li ul li {
  /*display:block;
  float:left;*/
  width:185px;
  line-height:14px;
  background-image:none !important;
}
#nav li ul li a {
  /*display:block;
  width:170px;*/
  width:145px;
  padding:5px 20px !important;
  background-image:none !important;
  font-size:14px;  
  color: white;
}

#nav li ul li a:hover {
  text-decoration:none;
  background-image:none !important;
  /*background-color:#dfeaf4;
  color:#145099;*/
  background-color: #0b1d2b;
  color: white;
}

#nav li ul li.active a { text-decoration:none; }
#nav li ul li.last { }
#nav li ul li.last a { }
#nav li.active ul li a { text-decoration:none; }
#nav li:hover ul, #nav li.over ul { display: block; }
#nav li ul .last a { background:none; }
#nav li ul li ul {
  top:0;
  left:100%;
}

#nav li:hover ul ul,
#nav li li:hover ul ul,
#nav li li li:hover ul ul,
#nav li li li li:hover ul ul
{display:none;}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li li li:hover ul
{display:block;}

/* ========================= NewMenu End ============================= */