﻿/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
	width: 190px; /*width of menu*/
	margin-top:0px;
	padding-top:0px;
}

.urbangreymenu .headerbar{
	font: bold 11px Verdana;
	color: white;
	background: #135f99 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
	margin-bottom: 0; /*bottom spacing between header and rest of content*/
	text-transform: uppercase;
	padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

/*standard table*/
.tbl 
{
	padding:5px 5px 5px 5px;
}
.tbl .row
{
	height:24px;
}

.tbl .row .cellHeader
{
	float:left;
	text-align:right;
	padding-right:10px;
	font-weight:bold;	
}

.tbl .row .cellHeader150
{
	float:left;
	text-align:right;
	padding-right:10px;
	font-weight:bold;
	width:150px;
}

.tbl .row .cell
{
	float:left;
}

/*jquery slider*/
.pics {  
    
    width:   900px;  
    padding: 0;  
    margin:  0;
    margin-left:auto;
    margin-right:auto;
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    max-width:  860px; 
	max-height:400px;
    top:  0; 
    left: 0 
} 
#nav 
{
	margin-left:50px;
	margin-top:5px;
}
#nav a { border: 1px solid #ccc; color:black; background: #eeeeee; text-decoration: none; margin: 0 1px; padding:3px 3px;  }
#nav a.activeSlide { background: #8996a0; color:White; }
#nav a:focus { outline: none; }

/*end of jquery slider*/

.hideContent
{
	display:none;
	visibility:hidden;
}

.showContent
{
	display:block;
	visibility:visible;
}

.deptHeader
{
	font-weight: bold;
	font-size: 14px;
	background-color: silver;
	width:100%;
	height:25px;
	padding-top:5px;
	padding-left:5px;
}

.ministryHeader
{
	font-weight:bold;
	font-size:12px;
	padding-left:15px;
	text-decoration:underline;
}

.legend
{
	font-weight:bold;
	font-size:12pt;
}

.sectionContainer
{
	padding:20px 20px 20px 20px;
}

.outerContainer
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-height:400px;
	padding:20px 20px 20px 20px;
	border:1px solid silver;
}

.outerContainerNoBorder
{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	min-height:400px;
	padding:20px 20px 20px 20px;
	
}

.error
{
	color:Red;
	font-weight:bold;
}

.menuOuterStyle 
{
    background-image:url(../images/menu_background.jpg);
    filter:progid:DXImageTransform.Microsoft.DropShadow(color="#666666",offX=1,offY=1);   

    
}
.menuStaticItemStyle
{
    color:gray;
    width:150px;
    font-family:Arial;
    font-size:9pt;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
}

.menuStaticItemStyle A:hover
{
    color:blue;
    width:100%;
    font-family:Arial;
    font-size:9pt;
    height:25px;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
    text-decoration:underline;

}

.menuStaticSelectedItemStyle
{
    
    color:green;
    width:150px;
    font-family:Arial;
    font-size:9pt;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
}

.menuStaticSelectedItemStyle A:Hover
{
    
    color:green;
    width:150px;
    font-family:Arial;
    font-size:9pt;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
    text-decoration:none;
}


.navigationStaticItemStyle
{
    color:black;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
}

.navigationStaticItemStyle A:hover
{
    color:blue;
    height:25px;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
    text-decoration:underline;

}

.navigationStaticSelectedItemStyle
{
    
    color:green;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
}

.navigationStaticSelectedItemStyle A:Hover
{
    
    color:green;
    height:25px;
    font-weight:bold;
    padding: 5px 3px 5px 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-family:Tahoma;
    font-size:x-small;
    text-decoration:none;
}


BODY
{
    MARGIN-TOP: 10px;
    background-color:#F7F3E8;
}

TD 
{
    FONT-SIZE: 8.5pt;
    FONT-FAMILY: Verdana;
}


h2
{
     font-family:Tahoma;
     font-weight:bold;
     color:#1d5a9b;
}


h3
{
     font-family:Tahoma;
     font-weight:bold;
     color:black;
}

h3.green
{
     font-family:Tahoma;
     font-weight:bold;
     color:#95d609;
}


h3.blue
{
     font-family:Tahoma;
     font-weight:bold;
     color:#1d5a9b;
}



h4 
{
     font-family:Arial;
     font-weight:bold;
     font-size:11pt;
     color:black;
}

h4.green
{
     font-family:Arial;
     font-weight:bold;
     font-size:11pt;
     color:#3c5605;
}

h4.blue
{
     font-family:Arial;
     font-weight:bold;
     font-size:11pt;
     color:#1d5a9b;
     padding-top:0px;
     margin-top:0px;
   
}

h5 
{
     font-family:Arial;
     font-weight:bold;
     font-size:9pt;
     color:black;
     padding-bottom:0px;
     margin-bottom:0px;
}

h5.green
{
     font-family:Arial;
     font-weight:bold;
     font-size:9pt;
     color:#6a9b00;
}

h5.blue
{
     font-family:Arial;
     font-weight:bold;
     font-size:9pt;
     color:#1d5a9b;
}

hr 
{
     margin:-5px 0  10px 0;
     width:100%;
     color: black;
     background-color: black;
     height: 1px;
}

hr.green
{
     margin:-5px 0  10px 0;
     width:100%;
     color: #6a9b00;
     background-color: #6a9b00;
     height: 1px;
}

hr.blue
{
     margin:-5px 0  10px 0;
     width:100%;
     color: #1d5a9b;
     background-color: #1d5a9b;
     height: 1px;
}

hr.silver 
{
      margin:-5px 0  10px 0;
     width:100%;
     color: silver;
     background-color: silver;
     height: 1px;
}

.main 
{
    table-layout:fixed;
    border:1px solid #EEEEEE;
    width:990px;
    height:500px;
  
}

.button1
{
	width: 150px;
	height: 30px;
	margin: 0 auto;
	padding: 2px 0;
	border-top: 2px solid #2d8de0;
	border-left: 2px solid #2d8de0;
	border-bottom: 2px solid #013867;
	border-right: 2px solid #013867;
	background-color: #1d5a9b;
	font-size: 8.5pt;
	font-weight: bold;
	font-family:Arial;
	height:25px;	
	color: #fefefe;
	text-transform:uppercase;
}

.button
{
    color:#050;
    font-family:'trebuchet ms',helvetica,sans-serif;
    font-size:8pt;
    font-weight:bold;
    background-color:#ddd;
    border:1px solid;
    border-top-color:#696;
    border-left-color:#696;
    border-right-color:#363;
    border-bottom-color:#363;
   
}

.buttonhover
{
    color:#050;
    font-family:'trebuchet ms',helvetica,sans-serif;
    font-size:8pt;
    font-weight:bold;
    background-color:#ddd;
    border:1px solid;
    border-top-color:#c63;
    border-left-color:#c63;
    border-right-color:#930;
    border-bottom-color:#930;
}

.sectionHeaderLight
{
	background-color:#ffffff;
	BORDER-RIGHT: #EADBCF 1px solid; 
	BORDER-TOP: #EADBCF 1px solid;
	BORDER-LEFT:  #EADBCF 1px solid;
	BORDER-BOTTOM: #EADBCF 1px solid;
	font-family:Verdana;
	font-weight:normal;
	font-size:x-small;	
}

b.blue
{
     font-family:Tahoma;
     font-weight:bold;
     color:#1d5a9b;
}

b.green
{
     font-family:Tahoma;
     font-weight:bold;
     color:#6a9b00;
}


.memberName 
{
    font-weight:bold;
    text-transform:capitalize;
    font-family:Arial;
    font-weight:bold;
    font-size:11pt;
    color: #1d5a9b;
     
}



/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:450px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}


.popupMenu a:hover
{
	background-color:black;
	color:white;
}

.popupHover {
	background-color:#F5F7F8;
}


/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}


h5
{
	font-size:1.2em;
	font-weight:lighter;
	border-bottom:1px solid silver;
	text-transform:lowercase;
}
