/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

body{
	background: url(../images/cloud_backgrnd.png) no-repeat scroll center 0 transparent;
}

#page{
	margin-left:auto;
	margin-right:auto;
	width:1040px;
	
}

/*
 * Fonts
 */
h1{
	color:#0e4e92;
	font-family: Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
 }

 h3{
	color:#0e4e92;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin-bottom: 5px;
}
 
p, li, td{
	font: 13px/1.5 Arial, Helvetica, sans-serif;
 }
 
 a:link, a:visited {
    color: #1A1750;
    text-decoration: underline;
}

.front h2.block-title {
	color:#00adef;
	font: 14px Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#block-block-2 p, #block-block-3 p{
	color:#333333;
	font: 12px Verdana, Geneva, sans-serif;
}

/*
 * Header
 */
#zone-branding-wrapper, #zone-branding, #region-branding{
	float:left;
	width:700px;
}

#section-header{
	height:200px;
}

.logo-img {
    padding: 20px;
}

.branding-data{
	float: left;
    width: 220px;
}

.block-block-4{
	display:inline;
	padding: 20px;
}
 /*
 * User Login
 */
 #zone-user-wrapper, #zone-user{
	width:300px;
	float:right;
	padding-top: 5px;
 }
 
#region-user-first{
	height: 120px;
	padding-left: 10px;
    width: 285px;
}
 
#region-user-first h2.block-title {
	color:#0e4e92;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
}
 
#user-login-form .form-actions{
	bottom: 60px;
    display: inline;
    position: relative;
	left: 223px;
}
 
#region-user-first .form-item, #region-user-first .form-actions {
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

#region-user-first .item-list{
	width: 170px;
}

#region-user-first .item-list ul li {
	margin:0;
}

#search-block-form {
	display:inline;
 }
 
#user-login-form label{
	display:inline;
	font-family: Verdana, Geneva, sans-serif;
	font-size:14px;
 }
 
#region-user-first {
  background:url(../images/login_bckgrnd-transp.png);
}

/*
 * Search
 */
 
 #region-user-second{
	padding-bottom: 10px;
    padding-top: 10px;
    width: 300px;
 }
 
 #region-user-second h2.block-title {
	color:#0e4e92;
	font-family: Verdana, Geneva, sans-serif;
	font-size:18px;
	display:inline;
	float:left;
	padding-right:5px;
}
 
 /*
 * Navigation
 */
#zone-menu, #region-menu{
	width:1000px;
}

#region-menu{
	margin:0;
}

#main-menu a:link, #main-menu a:visited{
	color:#1a1750;
	font-family: Verdana, Geneva, sans-serif;
	font-size:19px;
    text-decoration: none;
 }

#main-menu li a:hover,#main-menu a.active{
	background: url(../images/nav-bckgrnd-highlighted.png);
	padding:18px 7px;
}
 
#main-menu li a{
	background: url(../images/nav-bckgrnd.png);
	padding:18px 7px;
 }

 ul.inline li{
	display:inline-block;
	margin:0;
	padding:0;
 }
 
#main-menu .first {
	background:url(../images/nav-leftcap.png) no-repeat scroll left 0 transparent;
	padding: 15px 0 16px 15px;
}

#main-menu .last  {
	background: url(../images/nav-rightcap.png) no-repeat scroll right 0 transparent;
	padding: 15px 15px 16px 0;
}

#main-menu .first.active, #main-menu .first:hover{
	background: url(../images/nav-leftcap-highlighted.png) no-repeat scroll left 0 transparent;
	padding: 15px 0 16px 15px;
}

#main-menu .last.active, #main-menu .last:hover{
	background: url(../images/nav-rightcap-highlighted.png) no-repeat scroll right 0 transparent;
	padding: 15px 15px 16px 0;
}
 /*
 * Content
 */
 #section-content{
	background: url(../images/body_bckgrnd.png) no-repeat scroll 0 0 transparent;
 }
 
#zone-content{
	padding-top:65px;
	width:1000px;
}

#breadcrumb{
	padding-bottom:10px;
}

thead th, th {
	font-weight:bold;
}

.front #region-sidebar-second{
	float:right;
	margin-right:0;
	padding-top: 20px;
	position: relative;
	left: 10px;
}
.front #region-content{
	width:385px;
}

.not-front #region-content .grid-9{
	width:720px;
}

#block-block-2{
	-moz-box-shadow:    -5px 2px 5px 5px #AFC6DD;
	-webkit-box-shadow: -5px 2px 5px 5px #AFC6DD;
	box-shadow:         -5px 2px 5px 5px #AFC6DD;
    margin-bottom: 25px;
}

#block-block-3{
	-moz-box-shadow:    -5px 2px 5px 5px #AFC6DD;
	-webkit-box-shadow: -5px 2px 5px 5px #AFC6DD;
	box-shadow:         -5px 2px 5px 5px #AFC6DD;
    
}

#block-block-2 .block-inner,#block-block-3 .block-inner{
	padding: 5px;
}
 /*
 * First Sidebar
 */

ul li.leaf {
	list-style: none outside none;
}

#region-sidebar-first{
	color:#1a1750;
	font: 14px Arial, Helvetica, sans-serif;
	padding-top:15px;
}

.front #region-sidebar-first{
	width:345px;
}

ul.menu li{
	padding:1em 0;
	margin-left:1em;
}

.front .region-sidebar-first-inner .block-inner {
	-moz-box-shadow:    3px 3px 5px 6px #afc6dd;
	-webkit-box-shadow: 3px 3px 5px 6px #afc6dd;
	box-shadow:         3px 3px 5px 6px #afc6dd;
}
 /*
 * Footer
 */
#section-footer {
	color:#0e4e92;
	font:12px Verdana, Geneva, sans-serif;
	padding-top: 40px;
}

 
 /*
 * For IE
 */
.not-front .region-sidebar-first-inner .block-inner {
	
	background-color: rgb(175,198,221); /* Needed for IEs */

	-moz-box-shadow:    3px 3px 5px 6px #afc6dd;
	-webkit-box-shadow: 3px 3px 5px 6px #afc6dd;
	box-shadow:         3px 3px 5px 6px #afc6dd;

	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
	zoom: 1;

}

.not-front .region-sidebar-first-inner .block-inner  .content {
	position: relative; /* This protects the inner element from being blurred */
	background-color: #ffffff;
	margin:0;
}

#block-block-2{

	background-color: rgb(175,198,221); /* Needed for IEs */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20)";
	zoom: 1;
}

#block-block-3{

	background-color: rgb(175,198,221); /* Needed for IEs */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20);
	-ms-filter:	"progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.20)";
	zoom: 1;
}

#block-block-2 .block-inner , #block-block-3 .block-inner{
	position: relative; /* This protects the inner element from being blurred */
	background-color: #ffffff;
}