/* CSS Document */


/* Element Styles */

body
 {
 background-color: #DBE7FB;
 background-image: url(../graphics/background.gif);
 background-repeat: repeat-x;
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-style: normal;
 font-variant: normal;
 margin: 0;
 padding: 0;
 text-align: left;
 }

/* Layout Styles */

#container
 {
 display: block;
 position: relative;
 width: 950px;
 margin: 0;
 }

#header
 {
 display: table;
 position: relative;
 color: #DBE7FB;
 height: 220px;
 width: 950px;
 text-align: center;
 vertical-align: middle;
 }

#header h1
 {
 font-size: 36px;
 margin-top: 75px;
 }

#head_left 
 {
 display: table-cell;
 width: 304px;
 height: 220px;
 text-align: center;
 vertical-align: middle;
 }

#head_center 
 {
 background-image: url(../graphics/UMC_logo_bkg.gif);
 background-position: center;
 background-repeat: no-repeat;
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width: 342px;
 height: 220px;
 }

#head_right 
 {
 display: table-cell;
 width: 304px;
 height: 220px;
 text-align: center;
 vertical-align: middle;
 margin: 0;
 }

#head_left img,
#head_right img
 {
 margin: 0;
 }

#header2
 {
 display: table;
 position: relative;
 color: #DBE7FB;
 height: 30px;
 width: 950px;
 text-align: center;
 vertical-align: middle;
 }

#header2 h2
 {
 margin-top: 0;
 font-size: 18px;
 }

#h2_left 
 {
 display: table-cell;
 width: 304px;
 height: 30px;
 text-align: center;
 vertical-align: middle;
 }

#h2_center 
 {
 display: table-cell;
 text-align: center;
 vertical-align: middle;
 width: 342px;
 height: 30px;
 }

#h2_right 
 {
 display: table-cell;
 width: 304px;
 height: 30px;
 text-align: center;
 vertical-align: middle;
 margin: 0;
 }
 
.phone
 {
 padding-right: 15px;
 padding-left: 15px;
 }

#middle
 {
 display: table;
 position: relative;
 width: 925px;
 }

#nav
 {
 display: table;
 position: relative;
 color: #FFFFFF;
 width: 170px;
 margin: 0;
 padding: 0;
 vertical-align: top;
 text-align: left;

 }

#nav a
 {
 background-color: #8592A9;
 display: block;
 font-family: Verdana, Arial, Helvetica;
 font-size: 15px;
 color: #FFFFFF;
 padding: 5px 0 5px 15px;
 margin-bottom: 3px;
 text-decoration: none;
 font-weight: bold;
 font-weight: normal;
 }

#nav a:hover
 {
 background-color: #B7C1D2;
 display: block;
 font-family: Verdana, Arial, Helvetica;
 font-size: 15px;
 color: #1B3664;
 padding: 5px 0 5px 20px;
 margin-bottom: 3px;
 text-decoration: none;
 font-weight: bold;
 font-weight: normal;
 }

#content
 {
 display: table-cell;
 position: relative;
 text-align: left;
 color: #000000;
 width: 745px;
 min-height: 300px;
 vertical-align: top;
 background-color: #DBE7FB;
 }

#content a
 {
 text-decoration: none;
 margin: 5px;
 font-weight: bold;
 color: #1B3664;
 }

#content a:hover
 {
 text-decoration: underline;
 color: #1B3664;
 }

#content h1
 {
 font-size: 30px;
 margin-left: 25px;
 margin-bottom: 5px;
 color: #1B3664;
 }

#content h1 img
 {
 margin: 0 25px 10px 25px;
 border: 2px solid #1B3664;
 }

#content h2
 {
 margin-left: 40px;
 margin-bottom: 5px;
 color: #1B3664;
 font-size: 24px;
 }

#content h3
 {
 margin-left: 40px;
 color: #1B3664;
 font-size: 18px;
 }

#content p
 {
 margin-left: 40px;
 margin-right: 40px;
 margin-top: 0;
 margin-bottom: 15px;
 }

#content ul
 {
 margin-left: 40px;
 margin-right: 40px;
 margin-top: 0;
 margin-bottom: 15px;
 }


#calNav
 {
 background-color: #DBE7FB;
 }

#footer,
#calNav
 {
 display: block;
 position: relative;
 color: #1B3664;
 width: 925px;
 margin-top: 10px;
 margin-bottom: 10px;
 border-top: 3px solid #1B3664;
 border-bottom: 3px solid #1B3664;
 }

#foot_wrap
 {
 display: block;
 position: relative;
 width: 925px;
 }

#footer a,
#calNav a
 {
 display: table-cell;
 font-size: 12px;
 text-decoration: none;
 line-height: 16px;
 padding: 3px 10px;
 color: #1B3664;
 }

#footer a:hover,
#calNav a:hover
 {
 text-decoration: underline;
 color: #FFFFFF;
 background-color: #8592A9;
 }

.hosting
 {
 font-size: 10px;
 margin: 20px 0;
 color: #1B3664;
 }

.hosting a,
.hosting a:visited
 {
 font-size: 10px;
 font-weight: bold;
 color: #1B3664;
 }

.hosting a:hover
 {
 font-size: 10px;
 font-weight: bold;
 color: #000000;
 }

#Jphoto1,
#Jphoto9
 {
 display: block;
 border: 2px solid #DBE7FB;
 }

#Jphoto2,
#Jphoto3,
#Jphoto4,
#Jphoto5,
#Jphoto6,
#Jphoto7,
#Jphoto8,
#Jphoto10,
#Jphoto11,
#Jphoto12,
#Jphoto13,
#Jphoto14,
#Jphoto15,
#Jphoto16
 {
 display: none;
 border: 2px solid #DBE7FB;
 }
/* Colors */
/*

#1B3664 dark blue
#DBE7FB light blue

*/