/* mystyle.css for UBMC web */

/* layout */
body{
	background-color: #000066;
	background-repeat: repeat-x;
	background-image: url('../images/blue_fade.png');
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#container{
	width: 760px;
	margin: 0px auto;
	text-align: left;
}

div#header{
	margin: 0px;
}

div#menu{
	margin: 0px;
	width: 194px;
	height: 250px;
	position: absolute;
}

div#content1{
	width: 551px;
	margin: 0px;
}

div#footer{
	width: 760px;
	margin: 0px;
}

/* header */
#header h1 span{
	display: none;
}

#header h1{
  position: relative;
  left: -113px;
	width: 970px;
	height: 334px;
	margin: 0px;
	background-image: url('../images/banner.png');
}

div#spare1{
  width: 727px;
  height: 280px;
  position: absolute;
  top: 0px;
}

div#spare2{
  width: 728px;
  height: 128px;
  background-image: url('../images/donate.png');
  position: absolute;
  top: 170px;
  text-align: center;
  line-height: 21px;
  text-indent: -2px;
}


/*donate button*/
div#spare2:link{}
div#spare2:visited{}
div#spare2:hover{background-image: url('../images/donate_hover.png');}
div#spare2:active{background-image: url('../images/donate_hover.png');}

div#spare2 div.link_donate{
  width: 128px;
  height: 128px;
}

div#spare2 a{
  width: 128px;
  height: 128px;
  font-size: 18pt;
  position: relative;
  top: 22px;
  left: 604px;
}

div#spare2 a:link{}
div#spare2 a:visited{}
div#spare2 a:hover{}
div#spare2 a:active{color: #CCCCCC;}

/* menu */
div#menu{
	background-color: #333333;
}

#menu ul{
	padding: 9px;
	list-style-type: none;
}

#menu ul li{
  width: 177px;
  height: 37px;
  background-image: url('../images/button.png');
  text-align: center;
  margin-top: 8px;
}

#menu ul li a{
  font-weight: bold;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	top: 8px;
}

#menu ul li a:link{}
#menu ul li a:visited{}
#menu ul li a:hover{font-size: 16pt; top: 7px;}
#menu ul li a:active{color: #DDDDDD;}

div#spare3{
  width: 194px;
  height: 30px;
  background-image: url('../images/menu_btm.png');
  position: absolute;
  top: 584px;
}


/* content */
div#content1{
	padding: 10px 0px;
}

#content1 div{
	position: relative;
	left: 209px;
	bottom: 10px;
	padding: 0px;
}

#content1 div div{
  left: 0px;
}

#content1 div.textbox{
	padding: 0px 40px 0px 40px;
}

#content1 div.wide_top_blue{
  background-color: #73C8D9;
}

#content1 div.wide_center_blue{
  background-color: #73C8D9;
  background-image: url('../images/blue_top.png');
  background-repeat: no-repeat;
  padding-top: 30px;
}

#content1 div.thin_left_darkgreen{
  width: 190px;
  background-color: #699AA3;
  background-image: url('../images/thin_darkgreen_top.png');
  background-repeat: no-repeat;
  padding-top: 30px;
}

#content1 div.thin_right_green{
  width: 190px;
  background-color: #6FAD73;
  background-image: url('../images/thin_green_top.png');
  background-repeat: no-repeat;
  padding-top: 30px;
}

#content1 div.spare{
	height: 30px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

#content1 div.wide_blue{
  background-color: #73C8D9;
	background-image: url('../images/blue_btm.png');
}

#content1 div.thin_darkgreen{
  width: 270px;
  background-color: #699AA3;
	background-image: url('../images/thin_darkgreen_btm.png');
}

#content1 div.thin_green{
  width: 270px;
  background-color: #6FAD73;
	background-image: url('../images/thin_green_btm.png');
}

#content1 div.right{
  float: right;
}

div#givedirect_txt, div#giveonline_txt{
  height: 300px
}

#content1 p{
	font-weight: normal;
	font-family: arial;
	font-size: 10pt;
	color: white;
	margin: 0px;
	padding-top: 10px;
}

#content1 h2{
	font-weight: bold;
	font-family: arial;
	font-size: 18pt;
	color: white;
	margin: 0px;
}

#content1 a{
 font-weight: bold;
 text-decoration: underline;
 color: white;
}

/* submit button */
input.submit{
  width: 190px;
  margin-top: 20px;
  text-align: center;
}

/* contact form */

#content1 div.contactform{
  padding: 0px 40px 0px 40px;
}

input.text{
  width: 200px;
}

textarea.textarea{
  width: 460px;
  height: 300px;
}

/* newsbox */
#content1 div.newsbox{
  padding: 0px 40px 0px 40px;
}

#content1 div.newsbox p.newsbox_title{
  font-size: 11pt;
  font-weight: bold;
  font-style: italic;
  border-top: 1px solid white;
  margin-top: 10px;
}

#content1 div.newsbox span.newsbox_info{
  font-weight: bold;
}

/* link */
div.link_small{
	margin-top: 10px;
	width: 220px;
	height: 300px;
}

div.link_small p{
	padding: 190px 20px 20px 20px;
}

div.link_large{
	margin-top: 10px;
	width: 470px;
	height: 300px;
}

div.link_large p{
	padding: 260px 20px 20px 20px;
}

div.link p a{
	font-weight: bold;
	font-family: arial;
	font-size: 14pt;
	color: white;
	text-decoration: none;
}

/* footer */
div#footer{
	text-align: right;
	padding: 0px 5px 10px 0px;
	border-top: 1px solid #73C8D9;
}

#footer p{
	font-weight: normal;
	font-family: arial;
	font-size: 10px;
	text-align: right;
	color: #73C8D9;
}