/*
  *
  * UWRF Site Styles
  *
  * 1.. Root
  * 2.. Headers
  * 3.. Content
  * 3a.. Element styling
  * 4.. Footer
  * 5.. Commonspot Specific
  * 6.. Blinds
  * 7.. Mobile Landing Page (mdot)
  * 8.. Generics
  * We have chosen to utilize css3 for rounded corners and drop shadows because 
  * the enchancement that it gives is only cosmetic. IE 8 users can still view the page as regular they simply
  * do not get the pretty drop shadows and rounded corners.
  * 
  * IE 7 and lower support is limited.
  *
  * 1.. Root
*/

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	background-color:#E3E3E3;
	
}


/* For blank container templates
#blankcontainer {
background-color:#E3E3E3;
display:block;
max-width:960px;
	margin-left: auto;
	margin-right: auto;
    padding-right:35px;
	padding-left:35px;
	padding-bottom:35px;

}*/

ul{ 
	list-style-type: disc;
	font-size:.8em;
}
ol{
	font-size:.8em;
}

ul ul{
	list-style-type: circle;
	font-size:100%;
}
ul ul ul{
	list-style-type: disc;
	font-size:100%;
}
ul ul ul ul{
	list-style-type: circle;
	font-size:100%;
}
li {
	
	font-family: Verdana,Arial,Helvetica, sans-serif;
	line-height: 1.5em;
}

#leftnavcontainer li{
	text-indent:0;
	margin-left:0;	
}
a {
	color:#BE0F34;
	text-decoration:none;
	cursor:pointer;	
}
a:visited{
	color:#9933cc;
	text-decoration:none;
}

a:hover{
	color:#BE0F34;
	text-decoration:underline;
}

a:active{
	color:#cc0000;
	text-decoration:underline;	
}

p,.CS_PgIndex_Item_Title {
	margin: 0;
	margin-bottom:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	line-height: 1.5em; 
}


td p{
	margin: 0;
	margin-bottom: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	line-height: 1.5em; 
}



/* form fields */
.CS_Form_Label, .CS_Form_Required_Baseline, .CS_Form_Description, .CS_Form_Required, .CS_Form_Label_Baseline, .CS_Form_SectionLabel,.checkbox, .cs_dlgLabelSmall{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}



 
h1,h2,h3{
font-family:"Whitman",Georgia, "Times New Roman", Times, serif;
font-weight:100;
margin: 0px 0px 7px 0px;


}


h4,h5,h6{
font-family:"Whitman",Georgia, "Times New Roman", Times, serif;
margin: 0px 0px 7px 0px;
}

th{
font-family:"Whitman",Georgia, "Times New Roman", Times, serif;
font-weight:100;
margin: 0px 0px 0px 0px;


}

#root{
	display:block;
	min-width:760px;
	max-width:960px;
	padding-right:35px;
	padding-left:35px;
	padding-bottom:35px;
	margin-left: auto;
	margin-right: auto;
	 
}
a:hover{
	text-decoration:underline;
}

#pageContainer{
	
	padding:15px;
	padding-top:35px;
	background-color:white;
	border:3px solid #999;
	border-top:none;
	
	
/* dropshadows */
	box-shadow:rgba(0,0,0,0.5) 0px 0px 24px;
	-khtml-box-shadow:0 0 24px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 24px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 24px rgba(0, 0, 0, 0.5);
	
	
/* rounded corners */
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;

	-khtml-border-bottom-right-radius:30px;
	-khtml-border-bottom-left-radius: 30px;

	-webkit-border-bottom-left-radius:30px;
	-webkit-border-bottom-right-radius:30px;

	-moz-border-radius-bottomleft: 30px;
	-moz-border-radius-bottomright: 30px;
	
	
	
	
}
#topNavigation tr td{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
#pageContainer tr td tr td tr td{
	padding:0px;
	padding-top:5px;
	padding-bottom:5px;
	margin:0px;
}


/*
  ******************************************************************
  * 2.. Headers
 */


#header {
	width:100%;
	padding-bottom:0px;
}

#header p{
margin-bottom:-1em;
}

#header a {
	color:be0f34;
	text-decoration:none;
}

#header a:hover {
	color:black;
}
#header img {
	float:left;
	position:relative;
	padding-bottom:0px;
}
#header hr, #footer hr {
	float:left;
	width:100%;
	height:1px;
	background-color:#e3e3e3;
	border:none;
}
#departmentName {
font-family:"Whitman",Georgia, "Times New Roman", Times, serif;
	float:right;
	font-size:2em;
	clear:right;
	margin-top:0px;
	font-weight:100;
}

#departmentName a{
color:#000000;
}

#headerTopContent {
	width:100%;
}
#headerTopContent form {
	float:right;
	padding-left:10px;
}
#topNavigation table {
	width:100%;
	float:left;
	clear:both;
	margin-top:5px;
}
body #topNavigation .CS_Element_Textblock{
	padding:0px;
	margin:0px;
	
	
}
#topNavigation table td{
	position:relative;
	text-align:center;
	font-size:1.1em;
	background-color:black;
	color:white;
	font-weight:lighter;
	width:25%;
	z-index:5;
	
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	
	
}

#topNavigation table td.hovered{
	box-shadow:none;
	-khtml-box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	
	
}

#topNavigation table td div div{
	position:relative;
	z-index:5;
}

#topNavigation table td div {
	background-color:inherit;
}
/* Because IE does not recognize nth-child (nor css3) we need to 
 * style this so that we dont get square borders on top of our rounded corners*/
#topNavigation table td div:nth-child(1) {
	background-color:transparent;
}

#topNavigation table td ul{
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
		
	
	border-bottom-left-radius: 11x;
	border-bottom-right-radius: 11px;
	
	-moz-border-radius-bottomright: 11px;
	-moz-border-radius-bottomleft: 11px;
	
	-webkit-border-radius-bottomright:11px;
	-webkit-border-radius-bottomleft:11px;

	-khtml-border-bottom-right-radius:11px;
	-khtml-border-bottom-left-radius: 11px;
	
	margin:0;
	padding:0;
	border:none;
	padding-bottom:15px;
	padding-top:25px;
	text-align:left;
	font-size:.8em;
	list-style-type:none;
	background-color:black;
	color:white;
	z-index:1;
}
#topNavigation table td.selected ul{
	background-color:#BE0F34;

}
#topNavigation table td ul li,
#topNavigation table td ul a{
	display:block;
	margin-left:15px;
	margin-right:15px;
	width:auto;
}
#topNavigation table td ul a:hover{
	text-decoration:underline;
}


#topNavigation table td,
#topNavigation table td ul{
	border-top-left-radius: 11x;
	border-top-right-radius: 11px;
	
	-moz-border-radius-topright: 11px;
	-moz-border-radius-topleft: 11px;
	
	-webkit-border-radius-topright:11px;
	-webkit-border-radius-topleft:11px;

	-khtml-border-top-right-radius:11px;
	-khtml-border-top-left-radius: 11px;
}

#topNavigation table td a{
	color:white;
	display:block;
	margin-left:0px;
	margin-right:0px;
	width:auto;
	font-size: 0.8em;
}
#topNavigation table td a:hover{
	color:white;
	text-decoration:underline;
}
#topNavigation table td.selected {
	background-color:#BE0F34;
	font-size:1.2em;
}
#topNavigation table td.selected>a{
	font-size:1.2em;
}


/*
  ******************************************************************
  * 3.. Content
  *
 */
a img{
    border:0;
}
body #pageContainer img.linkIcon{
    margin:0;
    margin-left:5px;
    max-height:.9em;
}
 
#pageContainer tr td#body {
	width:75%;
	border-left:none;
}
#pageTitle{
font-family:"Whitman",Georgia,"Times New Roman", Times, serif; !important
	float:right;
	text-align:right;
	color:#BE0F34;
	font-size:1.7em;
	font-weight:100;
}

#pageContainer tr td#sideMenu{ 
	width:25%; 
	border-right:none;
	padding-left:2px;
}
#sideMenu .contentPadding{
	padding:0;
	margin:0;
	padding-top:7px;
	padding-bottom:7px;
	height:100%;
}

#root #pageContainer #sideMenu .CS_Element_Textblock img{
	padding:2px;	
}

#sideMenu ul{
/* CSS styling the included navigation will go here*/
/*	text-indent:-20px;*/
/*	margin-left:20px;*/
/*		list-style-type:none; */
}
#sideMenu ul li{
}
.FourWide {
	width:100%;
	padding:15px;
}
.headerContainer {
	width:75%;
	min-width:80px;
	padding-left:15px;
	padding-right:2px;
	padding-top:7px;
	padding-bottom:7px;
	height:100%;
}
.baseContainer {
	width:50%;
	padding:15px;
	padding-top:7px;
	padding-bottom:7px;
}
.rightContainer {
	width:25%;
	min-width:80px;
	padding:15px;
	padding-left:0px;
	padding-right:4px;
	padding-top:7px;
	padding-bottom:7px;
}

#bodyContent {
	width:100%;
	padding:5px;
	padding-top:0px;
	padding-top:7px;
	padding-bottom:7px;
}


#headlineScroller{
	background-color:#f8f8f8;
}

.roundedCornerBox{
	background-color:#e3e3e3;
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	padding:10px;
	margin-bottom:19px;
}
.roundedCornerBox h2{
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	background-color:#999;
	padding-left:10px;
}

.announcementBox{
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);

	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:0px;
	margin-bottom:5px;
	background-color:#FFC;
    border:5px solid black;
    font-weight:bold;
}


fieldset{
    border:1px solid grey;
    margin:5px;
    padding:5px;
    border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}
legend{
    color:black;
}

/*
 * *****************************************************************
 * 3a.. Element styling 
 */
.gamingStatus #header{
	display:none;
}
.gamingStatus ul{
	margin:0;
	padding-left:10px;
}
 .gamingStatus img{
	height:32px;
	width:32px;
}
.documentViewer{
	float:left;
	width:50%;
}
.documentViewer>*{
	margin:5px;
}
.documentViewerChild>*{
	margin:5px;
	margin-left:20px;
}
.documentViewerChildChild>*{
	margin:5px;
	margin-left:40px;
}

.documentViewerChild{
	float:left;
	width:50%;
}
.documentViewerChildChild{
	float:left;
	width:50%;
}

.clearLeft{
	clear:left;
}
 
.floatTablesLeft table{
    float:left;    
}

.flickr{
	width:400px;
	height:300px;
	background-color:black;
}
.flickr img{
	position:absolute;
}

.flickrEvents .flickr{
	height:140px;
	width:200px;
}

.imageHider img{
    border:none;
}

.wideImage{
	height:260px;
 }
td.banner .wideImage div{
	width:65%;
 }
td.baseContainer .wideImage div{
	width:41%;
}
.wideImage div{
	overflow-x:hidden;
	position:absolute;
}

#pageContainer .CS_Textblock_Text table { 
	border-collapse:collapse;
    border: none;
    border-spacing: 0;
	border-color:#e3e3e3;
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	
	
	
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	background-color:#FBFBFB;
	color:#4F6480;
	margin-left:5px;
	margin-right:5px;
}
#pageContainer .CS_Textblock_Text table th{
	background-color:#BE0F34;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	height:2em;
}

#pageContainer .CS_Textblock_Text table tr:nth-child(2n){
	background-color: #f9f9fb;
}

#pageContainer .CS_Textblock_Text table tr:first-child th:first-child{
	border-top-left-radius: 11x;
	-moz-border-radius-topleft: 11px;
	-webkit-border-radius-topleft:11px;
	-khtml-border-top-left-radius: 11px;
}
#pageContainer .CS_Textblock_Text table tr:first-child td,
#pageContainer .CS_Textblock_Text table tr:first-child th{
	border-top:none;
}
#pageContainer .CS_Textblock_Text table tr:last-child td,
#pageContainer .CS_Textblock_Text table tr:last-child th{
	border-bottom:none;
}
#pageContainer .CS_Textblock_Text table tr td:last-child ,
#pageContainer .CS_Textblock_Text table tr th:last-child{
	border-right:none;
}
#pageContainer .CS_Textblock_Text table tr td:first-child ,
#pageContainer .CS_Textblock_Text table tr th:first-child{
	border-left:none;
}

#pageContainer .CS_Textblock_Text table tr:first-child th:last-child{
	border-top-right-radius: 11x;
	-moz-border-radius-topright: 11px;
	-webkit-border-radius-topright:11px;
	-khtml-border-top-right-radius: 11px;
	border-top:none;
	border-right:none;
}
#pageContainer .CS_Textblock_Text table tr:last-child th:first-child{
	border-bottom-left-radius: 11x;
	-moz-border-radius-bottomleft: 11px;
	-webkit-border-radius-bottomleft:11px;
	-khtml-border-bottom-left-radius: 11px;
	border-bottom:none;
	border-left:none;
}
#pageContainer .CS_Textblock_Text table tr:last-child th:last-child{
	border-bottom-right-radius: 11x;
	-moz-border-radius-bottomright: 11px;
	-webkit-border-radius-bottomright:11px;
	-khtml-border-bottom-right-radius: 11px;
	border-bottom:none;
	border-right:none;
}

#pageContainer .CS_Textblock_Text table th,
#pageContainer .CS_Textblock_Text table td{
	padding:5px;
    border:1px solid #e3e3e3;
}

.eventScroller{
	max-height:105px;
	overflow-y:auto;
	font-size:.8em;
}
.eventScroller ul{
	list-style:none;
	margin-left:5px;
	margin-top:5px;
	padding:0;
}
.eventScroller a{
	font-size:1.2em;
}

#buttonContainer {
padding:3px 0px 10px 0px;

}  
/**Navigation!*/
#leftnavcontainer{
	background-color:#e3e3e3;
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	box-shadow:rgba(0,0,0,0.5) -2px 2px 9px;
	-khtml-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:-2px 2px 9px rgba(0, 0, 0, 0.5);
	
	padding:10px;
	margin-bottom:19px;
	min-width:196px;
}

#leftnavcontainer h3{
	border-radius:11px;
	-moz-border-radius: 11px;
	-webkit-border-radius:11px;
	-khtml-border-radius:11px;
	background-color:#999;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
#leftnavcontainer h3 a{
	color:white;
}
#leftnavcontainer h3 a:visited{
	color:white;
}
#leftnavcontainer a:visited{
	color:#BE0F34;
}

#leftnavcontainer ul span{
	float: right;
	/*position:relative;
	top:-20px;*/
}

#leftnavcontainer ul {
	list-style:none;
	padding:5px;
	margin:0;
}

#leftnavcontainer ul li a.selected {
	background-color:#999999;
	padding-left:5px;
	padding-right:5px;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	color:white;
}
 
#leftnavcontainer li {
	border-bottom:1px solid #F3F3F3;
}
#leftnavcontainer li:last-child{
	border-bottom:0;
}
 
#leftnavcontainer ul li a{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
#leftnavcontainer ul li ul{
	background-color: #F3F3F3;
	margin:5px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
}

#leftnavcontainer ul li ul li{
	border-bottom:1px solid #E3E3E3;
	padding-left:5px;
}
 
#leftnavcontainer ul li ul li:last-child{
	border-bottom:0;
}

ul#sortableContainer li{
	background-color:#F59631;
	border:1px solid black;
}
ul#sortableContainer li:hover{
	cursor:move;
}
ul#sortableContainer li ul li{
	border:none;
}
ul#sortableContainer{ 
	list-style:none;
	padding:5px;
	margin:0;
	padding-left:15px;
}
ul#sortableContainer a:hover{
	cursor:pointer;
}
.basicRSS{

	overflow-y:auto;
}

.basicRSS .startTime{
	font-size:.8em;
}

.basicRSS ul{
	padding-left:5px;
	list-style:none;
	margin-top:0px;
}


/*  Form Styling  */
form fieldset{
	padding:5px; 
	margin:10px; 
	
	border: 1px solid #e1e1e1;
	border-radius:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	background-image:url('/images/formGroupBackground.png'); 
	background-color:#f1f1f1;
	background-repeat:no-repeat; 
	clear:both; 
}

form legend { 
	margin-bottom: 5px; 
	background-color:white;
}

form table,form table tr,form table td{
	border:none;
	border-color:transparent;
}

.alphaDataSheet {
font-size:medium;

}



/*
  ******************************************************************
  * 4.. Footer
 */
#footer {
	width:100%;
	padding:5px 15px 15px;
	font-size:.9em;
}

#leftFooter {
	float:left;
}
#rightFooter {
	float:right;
	text-align:right;
}

#leftFooter p{margin:0; padding:0;}


/**
 *  *************************************************************************
 * 5.. Commonspot Specific
 */
 
 /** I had a spot where the z-index for the div was set to 5, this caused the change button to be behind the link. Which is a bad thing.*/
html body div table tbody #topNavigation table td div.cs_elementUI{z-index:100;}

#CS_Element_navigationContainer h3:first-child{
    margin:0;
}


#pageContainer .CS_Element_Textblock,
#pageContainer .CS_Element_Custom{
	padding-bottom:5px;
}
#pageContainer .CS_Element_Textblock{
	clear:both;
}



#pageContainer .CS_Element_Textblock img{
	margin:5px;
}

/** 
 * A-Z Index
 */
#CS_Element_topHeaderContent .az_index_link{ 
	float:left; 
	margin-top:3px;
	width:100px;
	font-weight: bold; 
}

#CS_Element_topHeaderContent .az_index_link a{
	color:#BE0F34;
	text-decoration:none;
}
#CS_Element_topHeaderContent .az_index_link a:hover{
	color:#BE0F34;
	text-decoration:underline;
}

/** 
 * Search Form (top right) 
 */
.google_search{ float:right; }

/** 
 * Data sheets
 */
 
 /* edit style option */ 
 
  .datatable0001 {
 width:640px;
 padding:2px;
 }
 
 .datasheetCell0 {
 vertical-align:top;
 
}
 
 .datasheetCell1 {
 background:#F3F3F3;

 }
 
 .datasheetCell2 {
 background:#be0f34;
 color:#FFFFFF;

 }
 
.datasheetWordBreak {
  white-space:normal;
  word-wrap:break-word;
    
}

/* Edit columns options */

.datasheetFont001 {
font-size:x-small;
    
}


.datasheetFont002 {
font-size:small;
    
}

.datasheetFontBold {
font-weight:bold;
    
}


.dataCellPadding {
padding-right:5px;
padding-left:5px;
}


/**
  * 6.. Blinds
  */
  
 /**
 * Please keep this if you choose to use this code.
 * Creator: Ryan Kahn
 * Source Site: http://ryan-kahn.com
 */
/***************************************************************************
 * Blind Item Styling
*****************************************************************************/

.blindItem{
	border:2px solid #e3e3e3;
	/*CSS 3, not fully supported yet!*/
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-webkit-border-top-left-radius: 0px;
	-khtml-border-top-left-radius: 0px;	
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
}
.blindItemOdd{
	background: transparent url('/images/dropBackground.png') no-repeat;	
}
.blindItem .title{
	background-color:#e3e3e3;
	padding:10px;
}
.blindItem .title:hover{
	text-decoration:underline;
	cursor:pointer;
}
.blindItem .content{
	border-top:2px solid #e3e3e3;
}
.paddedContent{
	padding:10px;	
}

.blindItem .title{
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	background:transparent url('/images/expand.png') 2px 5px no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	
	
}
.blindItem .expanded{
	background-image:url('/images/contract.png');
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	
}

/**
  * 6.. image map hovers
  Mike Woolsey 11/03/2010
  */

/***************************************************************************
 * image map hovers
*****************************************************************************/
.hoverSection {
width:600px;
}

/***************************************************************************
 * JQuery Carousel Slide Show  Mike Woolsey 11/15/2010
*****************************************************************************/

#carousel {
	margin: 0 auto;
	width: 400px;
	height: 390px;
	padding: 0;
	overflow: scroll;
	border: 0px solid #999;
}
#carousel ul {
	list-style: none;
	width: 1500px;
	margin: 0;
	padding: 0;
	position: relative;
}
#carousel li {
	display: inline;
	float: left;
}
.textholder {
	text-align: left;
	font-size: small;
	padding: 6px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

/***************************************************************************
 * Address
*****************************************************************************/

.address {
font-size: .8em;
}

/***************************************************************************
 * tabs
*****************************************************************************/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { 
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #ccc;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #ccc; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #be0f34;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
.tabberlive .tabbertab p {
    margin-top:5px;
	margin-right:5px;
	margin-bottom: 5px;
    margin-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:.8em; 
	line-height: 1.5em;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/*
  ******************************************************************
  * 7.. Mobile Landing Page (mdot) 
  Landing pages for mobile devices. 
 */
#MobileHome ul {
        list-style-type: none;
        width: 400px;
		
} 

#MobileHome {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
}

#MobileHome a { 
        color: #be0f34;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
		background: #EBEBEB;
		margin-bottom:5px;
		
}

 * html #MobileHome li a {  /* make hover effect work in IE */
	width: 400px;
	
}

#MobileHome li a:hover {
color: #ffffff;
        background: #be0f34;
}


/*
  ******************************************************************
  * 8..Generics. 
 */
 
 
 .fam1{
 font-family:"Whitman",Georgia, "Times New Roman", Times, serif;
 }
 
 .fam2{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
 .sizefont1{
 font-size:1.0em;
 font-weight:bold;
 padding:3px;
 }
 
 .background1{
 background-color:#E1E1E1;
 }
