/* Page Style*/
body {
  margin: 0px 0px 0px 0px;
  padding: 0;
  /*background: #848484;*/
  
}
.hp_bg {
  /*background: #848484;*/
  background: #000000;
  background-image: url('images/grey_bg.gif');
  background-repeat: repeat-x;
  background-size: 4px, 100%;
  
}
/* ROC Header Styles (Old)*/
#header {
  position: relative;
  width: 960px;
  
  
 /* height: 150px;*/
  border-top: 0px;
/*  padding-top: 0px; */
  margin-left: auto;
  margin-right: auto;
  
}


/*#menu {
  position: relative;
  top: 150px;
  left: 0px;
  width: 1024px;
  height: 33px;
  z-index: 100;
  margin-left: auto;
  margin-right: auto;
}*/

#roclogo {
   
    /*position: absolute;*/
    position: relative;
    float: left;
    top: 30px;
        /*width: 160px;*/
    max-height: 120px;
    padding: 0px 10px;
    
    }


#rocimage {
	float:left; 
	position: relative;
	/*top: 0px;*/
/*	top: 0px;*/
	
/*	margin-left: auto;
	margin-right: auto;*/
   /* left: 5px;*/
    
    padding: 0;
    padding-bottom: 10px;
    
    width: 600px;
    max-height: 150px;
    
}

#roclogin {
	float:left;
	position: relative;
	width: 150px;
	margin-left:10px;
	font-size:10px;
}


#roclogin ul {	padding-top: 20px; 	}
#roclogin li {
	list-style-type: none;
	padding-top: 10px;
	text-align: center;
}
#roclogin li a {
	color: #333333;
	font-size: 15px;
}
/* ROC Header Styles (New)*/
#header2 {
  position: relative;
  width: 1000px;
  height: 267px;
  margin:0;
  
 /* height: 150px;*/
  border-top: 0px;
/*  padding-top: 0px; */
  margin-left: auto;
  margin-right: auto;
  
}
#roclogo2 {
    
    position: absolute;
    top: 20px;
	left: 20px;
    max-height: 120px;
    padding: 0px 10px;
    
}
	
#rocimage2 {
  position: absolute;
  top: 0px;
  display:inline;
  

}



#roclogin2 {
	float:right;
	position: relative;
	top: 10px;
	width: 160px;
	margin-left:10px;
	margin-right:10px;
	font-size:10px;
	padding: 5px;
	background-image: url(images/greybox.png);
	background-repeat: repeat;
	

	/*background: #C0C0C0;*/
	/* for IE */
    /*filter:alpha(opacity=60);*/
    /* CSS3 standard */
    /*opacity:0.4;*/
}
/*#roclogin2 {filter: expression((runtimeStyle.backgroundImage != 'none') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\"')[1]+', sizingMethod=scale)' : runtimeStyle.filter,runtimeStyle.backgroundImage = 'none');}*/

#roclogin2 ul {	padding-top: 0px; 	}
#roclogin2 li {
	list-style-type: none;
	padding-top: 10px;
	text-align: center;
}
#roclogin2 li a {
	color: #333333;
	font-size: 15px;
}
#rocloginv {
  width:  80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  /*margin-left:10px;*/
  background: #AABAC6;
  font-size:10px;
  padding: 10px;
}
#rocloginv h3, #roclogin2 h3 {
  margin-top:0px;
  
}
#rocloginv ul {	padding-top: 20px; 	}
#rocloginv li {
	list-style-type: none;
	padding-top: 10px;
	text-align: center;
}
#rocloginv li a {
	color: #333333;
	font-size: 15px;
}
/* roc footer */
#roc-footer {
  clear:both;
  width: 1000px;
  margin-left:auto;
  margin-right:auto;
  background: #006699;
  margin-bottom: 0px;
}
#roc-footer div {
  background: #006699;
}
#roc-footer div.copyright {
  color: #CCC;
}

#roc-footer a:link, #roc-footer li, #roc-footer a {
  /*color: #333333; color: #00CCFF;*/
  /*color: #14B1FF;*/
  color: #A9D0F5;
}
/* Homepage Styles */

#main {
  position: relative;
  background: #A9D0F5;
  /*padding: 0em 21em 1.5em 0.5em;*/
/*  min-width: 1000px;*/
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  
}

#news {
/*  background: #fff;*/
  
  position: relative;
/*  top: 210px;*/
  top: 40px;
  left: 220px;
  /*margin-right: auto;
  margin-left: auto;*/
  /*margin-left: 40px;*/
  width: 760px;
  height: 400px;
  margin-bottom: 10px;
  -webkit-box-shadow:8px 7px 4px #7B7682;
  -moz-box-shadow:8px 7px 4px #7B7682;
  box-shadow:8px 7px 4px #7B7682;
/*  z-index: 1;*/
  
}

.upcomingtrips {
/*  background: #fff;*/
  
  position: relative;
  margin-top: 40px;
/*  top: 210px;*/
  top: 40px;
  left: 220px;
  
 /* margin-right: auto;
  margin-left: auto;*/
  /*margin-bottom: 50px;*/
  width: 760px;
  height: 400px;
  -webkit-box-shadow:8px 7px 4px #7B7682;
  -moz-box-shadow:8px 7px 4px #7B7682;
  box-shadow:8px 7px 4px #7B7682;
/*  z-index: 1;*/
  
}

#vert_menu {
  
  position: absolute;
  /*left: 2em;*/
  /*padding-left: 4em;*/
  /*margin-left:80px;*/
  top: 0px;
  width: 200px;
  height: 1320px;
  
/*  z-index: 1; */
}

#content {
  background: #fff;
  display: block;
  position: relative;
/*  top: 0em;
  left: 0em;*/
/*  height: 350px;*/
  z-index: 3;
}

#footer {
  background: #708fd4;
  height: 80px;
}
#footer img {

  position: absolute;
  vertical-align:bottom;
  right: 1em;
  background: #fff;
  
}


/*img {
    border-collapse: collapse;
    border-style: solid;
    border-width: 0;
    border-spacing: 0;
    padding: 0;
    margin: 0;
}*/





#magictextsize {
   list-style-type:none;
   position: absolute;
   right: 10px;
   top: 130px;
   
   padding-top:0px;
}
#breadcrumb {
   clear: both; 
}
#breadcrumb ul.linklist {
   border-bottom: 0px solid #FFFFFF;
}

   
.mainbox {
    height: 100%;
	/*overflow:auto;*/
	overflow:hidden;
	
	
	
	
}





.mainhead {

		color: #FFF; text-align: center;
		font-size: 15px; 
		border:0px #000 solid;
		height: 20px;
		background: none repeat-x scroll 0 0 #EBEBEB;
		
		background-image: url(images/bg_header.gif);
		background-position: left;
		/* below is CSS3, will get rid of this in final version using a correct size gradient gif.*/
		background-size:5px 20px;
		
		
		

	}
.mainhead a {
		display:block;
		vertical-align:middle;
		
		text-decoration:none;
}
	
.mainhead a:visited {
		color: #FFF; text-align: center;
		font-size: 15px;
		vertical-align: middle;
		text-decoration: none;
}


.newsihead {

	  

	  

	  /*border:2px 0px 0px 2px #FFF solid;*/

	  border-top: 1px #CCC solid;

	  background: #EEE;
	  
	  

	  /*text-align: justify;*/
	  width:100%;
	  

	  }


.newsihead a {
	float:left;
	font-size: 15px; font-weight:bold;

	margin-left: 10px; margin-right: 10px;
	}
	
.newsihead i {
	float:right;
	display:inline;
	margin-right:20px;
	
}

.boxtext {
    /*padding:5px;*/
	padding: 3px 10px 4px;
	background: #eeffff;
	font-size: 11px;
      
}

.newsboxtext {
  padding:5px;
  background: #eeffff;
  height: 224px;
  overflow: auto;
}

.newsmorelink {
  /*position:relative;*/
  position:absolute;
  top:380px;
  bottom:400px;
  height:20px;
  text-align:right;
  font-size:14px;
  font-weight: bold;
  padding-right:20px;
  vertical-align: middle;
  width: 100%;
  
  
}
.newmorelink a span {
  display: block;
  
}

.newspage {
  width:80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  -webkit-box-shadow:8px 7px 4px #7B7682;
  -moz-box-shadow:8px 7px 4px #7B7682;
  box-shadow:8px 7px 4px #7B7682;
}
/* vertical menu */
#navigation a.subact{
  padding-left: 20px;
  
}

#vert_menu #navigation {
  padding-top:0px;
}
/*twitter box*/
.twitcol {
  float:left;
  width: 50%;
  width: 380px;
  margin-top: 0px;
  /*padding-top: 1px;*/
  display:inline;
}

.twitbox {
  float:left;
  position: relative;
  top: 0px;
  height: 61px;
  border: solid;
  border-width: 1px;
  border-color: #EEE;
  border-bottom-color: #AAAAAA;
  border-right-color: #AAAAAA;
  /*padding-left: 0px;*/
  /*width: 100%;*/
  width: 378px;
  
}

.twitpic {
  float:left;
  position: relative;
  margin-top: 6px;
  height: 52px;
  width: 52px;
  vertical-align: middle;
  padding-left: 5px;
  
}

.twittext {
 
  padding-left: 5px;
  padding-right: 5px;
  padding-top:2px;
 
}

.twittext span{
  float:right
}

.twittext span img {
  position:relative;
  top:-2px;
  vertical-align:top;
}

.shadows {
  -webkit-box-shadow:8px 7px 4px #7B7682;
  -moz-box-shadow:8px 7px 4px #7B7682;
  box-shadow:8px 7px 4px #7B7682;
}
/* Form overrides for gear pages */
#gearform fieldset dt {width: 30%;}
#gearform fieldset dd {margin-left:31%;}
/* Search form overrides for homepage */
#vert_menu #search-box {
  margin-left:auto;
  margin-right:auto;
  float:none;
  text-align:center;
  margin-top:2px;
  padding-top: 38px;
  
}
#vert_menu #search-box input {
  margin-bottom: 2px;
  float:left;
  position:relative;
}

#vert_menu #search-box input.inputbox {
  margin-left:2px;
  margin-right:2px;
  width:118px;
}
#vert_menu #search-box input.button2 {
  margin-right:2px;
}


/*layout override for single content page (i.e. About) */
#dyncontent .postbody {	width: 100%;}
/*layout override for tripsdetail page*/
#tripdetails ul {list-style: none; padding-left: 3em}
/* Style for more link on trips page */
#trips .row dt a strong {font-size:1.2em;}
.morelink a {text-decoration:underline; color:#0000ff;}
#contact_email { color: #472681;}

.rocpanel {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  min-height: 350px;
  padding-bottom:20px;
  margin-bottom:0;
  padding-top:8px;
  
}

.rocnav {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom:8px;
  margin-bottom:0;
  padding-top:8px;
}

.rocpostbody {
  clear:both;
  float:none;
}
.roccontent {
  padding: 0 20px;
}
/* Formatting for dot excel logo */
#dotelogo {
   position: relative;
   /*top: 1080px;*/
	text-align: center;
	/*height:20%;*/
	
	
	
}
#dotelogo img {
	width:180px; 
	margin-left:auto;
	margin-bottom: auto;
	
}

#followme a {
  
  
 
}
#followme img{
	margin-top:30px;
	margin-left:50px;

}
/*calender*/
.roc_cal {
	border-collapse: collapse;
	border: 1px solid  silver;
	width: 100%;
}

.cal_title{
	color: white;
/*	width: 100%;*/
	padding: 5px;
	
	font-size: 1.60em ;
	text-align: center;
	color: white;
	background-color:#597293;
	
}
.roc_cal_disabled { background-color: #358bb9;}
.roc_cal_today { background-color: #add8e6;}
.roc_cal_normal { background-color: #12a3eb;}
.roc_calh {
	background: #add8e6;
	
	
	font-size: 1.60em ;
	color: black;
	text-align: center;
	
}

.roc_calh td {
    border: thin solid silver;
    border-top-color: black;
    border-bottom-color: black;
    
}  
 

.roc_calr { 
    height:  12.00em;
    text-align: left;
/*	background-color: silver;*/

}

.roc_calr td { 
    border: thin solid silver;
    font-size: 1.25em;
    color: #FFF;
    
    width: 14%;
    padding: 10px;
    padding-left:0px;
    padding-right:0px;
    
    
    vertical-align: top;
   
    
  }

.roc_calitem {width:100%;margin-top:0px;}
.roc_calitem tr {margin-left:10px;}
.roc_calitem tr :hover {background-color:#a54141;}
.roc_calitem tr td {text-align:center;padding-top:0px;padding-bottom:0px;font-size:1.1em;}	
/*.calitem_bg1 {background-color:#358bb9;}*/
.calitem_bg1 {background-color:#2261a9;}
.calitem_bg2 {background-color:#3e79b7;}
.calitem_bg3 {background-color:#2B567F;}

/*gear page*/
dd.gritem {
	width: 25%;
	font-size: 1.1em;
	padding-left: 15px;
}
ul.topiclist dt.grlist {
	width: 30%;
	font-size: 1.1em;
}
dd.grcontact {
	width: 25%;
	font-size: 1.1em;
	text-align: left;
	padding-left: 15px;
}

dd.grduedate {
	width: 15%;
	font-size: 1.1em;
	text-align: left;
	padding-left: 15px;
}


dd.gritem, dd.grlist, dd.grcontact {
	display: block;
	padding-left: 15px;
}

/* autosuggest styles */
.as_memselect {font-family:verdana;width:150px;font-size:12px}

.as_gearselect {font-family:verdana;
				width:220px;
				font-size:12px;
				margin-right:0;
				}
.as_dropdown	{
				
				border:1px solid gray;
				padding: 3px 2px;
				vertical-align:middle;
				}