/* Williamsport Merchants and Business Association Master Stylesheet for Screen Use */
/* Author: Ed Weaver */
/* Created on 12/28/05 */

/* zero off html elements, allows multiple browsers to better implement styles */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img{
    margin: 0;
    padding: 0;
    border: 0;
}

/* creates a mock scrollbar so page centers horizontally in browser */

html{
    overflow: auto;
    overflow: -moz-scrollbars-vertical;
}

/* page layout */

#pagecell{
	width: 768px;
	background-color: #FFF;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	margin-top: 1em;
	overflow: hidden;
}

/* page header container */

#header{
	width: 708px;
	height: 143px;
	position: static;
	padding: 0px;
}

/* holds breadCrumb and date div's */

#container {
	display: block;
	font-size: 11px;
	margin-top: 2px;
	background-color: #ffffff;
	height: 15px;
	margin-bottom: 0.5em;
}

/* horizontial site navigation container */

#breadCrumb{
	color: #ffffff;
	display: block;
	position: static;
	width: 72%;
	height: 12px;
	float: left;
	background-color: #517593;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-right: 1px solid #ffffff;
}

#breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:active{
	text-decoration: none;
	color: #ffffff;
}

#breadCrumb a:hover{
	text-decoration: underline;
	color: #234C68;
}

/* holds date label */

#date{
	background-color: #AE4B54;
	display: block;
	position: static;
	/*margin-left: 25%;*/
	display: block;
	text-align: center;
	color: #ffffff;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* left menu navigation column */

#pageNav{
	background:#fff url(../images/corners/image1.gif) scroll no-repeat top right;
	float: left;
	position: static;
	font-size: 12px;
	width: 149px;
	/*This is for IE7*/
	margin-left: 22px !important;
	/*This is for IE6*/
	_margin-left: 11px;
}

.advertisement{	
	font-family: verdana;
	font-size: 10px; 
    text-align: left;
	color: #5A5A5A; 
}

.topLeft{
    background-image: url(../images/corners/blue_topLeft.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
/*
.topRight{
    background-image: url(../images/corners/blue_topRight.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
*/

.bottomLeft{
    background-image: url(../images/corners/blue_bottomLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;    
}

.boxTopLeft{
    background-image: url(../images/corners/white_topLeft.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

.boxTopRight{
    background-image: url(../images/corners/white_topRight.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin-top: -14px !important;
    margin-top/**/:/**/ -15px;
}

.boxBottomLeft{
    background-image: url(../images/corners/white_bottomLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: -14px !important;
    margin-bottom/**/:/**/ -15px;
}

.boxBottomRight{
    background-image: url(../images/corners/white_bottomRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-bottom: -10px !important;
    margin-bottom/**/:/**/ -11px;
}

.boxBottomLeftb{
    background-image: url(../images/corners/white_bottomLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: -14px !important;
    margin-bottom/**/:/**/ -15px;
}

.boxBottomRightb{
    background-image: url(../images/corners/white_bottomRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-bottom: 0px !important;
    margin-bottom/**/:/**/ -1px;
}

.boxBottomLeftc{
    background-image: url(../images/corners/white_bottomLeft.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: -14px !important;
    margin-bottom/**/:/**/ -15px;
}

.boxBottomRightc{
    background-image: url(../images/corners/white_bottomRight.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-bottom: 0px !important;
    margin-bottom/**/:/**/ -1px;
}

/* used to hold search menu */

.searchBox{
	width: 90%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
}

.searchBox ul{
	/*border-bottom: 1px solid #234C68;*/
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0px;
}

.searchBox li{
	list-style-type: none;
	text-align: center;
	padding-bottom: 4px;
}

.searchBox a:link, .searchBox a:visited, .searchBox a:active{
	text-decoration: none;
	color: #5A5A5A;
}

.searchBox a:hover{
	text-decoration: underline;
	color: #234C68;
}

.wmbaLogo{
    padding-top: 10px;
}

/* used to hold navigation menus */

.box
{
	border-left:7px solid #4a89bd;
	border-right:7px solid #4a89bd;
	margin-top:0;
	display: block;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

.box ul{
	padding-bottom: 10px;
	padding-top: 5px;
	margin: 0px;
}

.box li{
	list-style-type: none;
	text-align: left;
	padding-bottom: 4px;
	/*padding-left: 20px;*/
}

.box a:link, .box a:visited, .box a:active{
	text-decoration: none;
	color: #5A5A5A;
}

.box a:hover{
	text-decoration: underline;
	color: #4a89bd;
}

.topRight 
{
	margin-top:10px;
	height:6px;
	background:#4a89bd url(../images/corners/image2.gif) scroll no-repeat bottom center;
}
.bottomRight 
{
	/*
	background:#4a89bd url(../images/corners/image5.gif) scroll no-repeat bottom center;
	height:10px;
*/
}
#wrapper 
{
	background:#fff url(../images/corners/image7.gif) scroll repeat-y 22px 0;
}
#created-by 
{
	background:url(../images/corners/image6.gif) scroll no-repeat bottom left;
	clear:left;
	margin:0 0 0 22px;
	padding:0 0 25px 0;
	text-align:center;
	width:149px;
}
#created-by a
{
	background:#fff /*url(../images/corners/image7.gif)*/ scroll repeat-y top center;
}

#pagenav-menu,#pagenav-links
{
	background:#fff url(../images/corners/image3.gif) scroll no-repeat bottom center;
	padding-bottom:18px;
}
#pagenav-links li 
{
	margin-left:12px;
}
#pagenav-search li {text-align:center}



/* box menu headers */

.menu-header{
	color: #96222c;
	display: block;
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.menu-header2{
    font-family: verdana;
	font-size: 12px;
}

/* used on the "search" of search williamsport */

.blueText{
    color: #4a89bd;
    font-weight: bold;
}

/* sets background and font color styles for pages */

body{
	font-family: verdana;
	font-size: 12px;
	color: #5A5A5A; 
	background-color: #ffffff;
}

/* page link styles */

a:link, a:visited, a:active{
	text-decoration: none;
	color: #96222C;
}

a:hover{
	text-decoration: underline;
	color: #96222C;
}

/* used for input textboxes and textareas */

.textField{
	border: solid 1px #4a89bd;
	font-size : 11px;
	color : #5A5A5A;
	font-family: Verdana;
}

/* styles the input buttons */

.button{
	border: solid 1px #4a89bd;
	background-color: #4a89bd;
	font-size : 11px;
	color : #ffffff;
	font-family: Verdana;
} 

/* holds bottom navigation and any pertinent site information */

#siteName{
	position: relative;
	display: block;
	height: auto;
	padding-top: 10px;
	clear: both;
	color: #5A5A5A;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	margin-left: 22px !important;
	margin-left/**/:/**/22px;
	background-color: #fff;
	/*width: 100%;*/
}

/* siteName link styles */

#siteName a:link, #siteName a:visited, #siteName a:active{
	text-decoration: none;
	color: #5A5A5A;
}

#siteName a:hover{
	text-decoration: underline;
	color: #4a89bd;
}

/* holds all page content */

#content{
	display: block;
	position: static;
	width: 600px !important;
	width/**/:/**/585px;
	margin-left: 150px;
	text-align: left;
}

html > body#content{
	height: auto;
}

/* div used on pages with only single column */

#mainCol{
	display: block;
	/*border-left: 1px solid #757575;*/
    width: 558px !important;
	width/**/:/**/auto;
}

#mainCol p{
	padding-left: 5px;
	margin-bottom: 15px;
}

#mainCol ul, #mainCol ol{
	margin: 20px;
}

#mainCol li{
	margin: 5px;
}

#mainCol table{
    margin-bottom/**/:/**/10px;
    margin-bottom: 0px !important;
}

#mainCol tr td{
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
}

/* used to hold page columns */

#information {
	display: block;
	background-color: #FFF;
	/*background-color: Red;*/
	position: static;
	overflow: hidden;
	margin-bottom: 0px;
	_padding-top: -200px;
}

html > body#information{
	height: auto;
}

/* left column when having multiple columns */

#leftCol{
	display: block;
	width: 279px;
    height: 499px;
	float: left;
}

#leftCol p{
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

#leftCol ul, #leftCol ol{
	margin: 20px;
}

#leftCol li{
	margin: 5px;
}

/* right column when having multiple columns */

#rightCol{
	border-left: 1px solid #757575;
	display: block;
	margin-left: 282px !important;
	margin-left/**/:/**/279px;
	width: 285px !important;
	width/**/:/**/285px;
	position: relative;
	margin-right: 5px;
}

#rightCol p{
	margin-bottom: 15px;
	padding-left: 10px;
}

#rightCol ul, #rightCol ol{
	margin: 15px;
}

#rightCol li{
	margin-left: 5px;
	list-style-type: none;
	color: #517593;
	font-weight: bold;
	display: block;
}

/* creates gray border underneath heading */

.grayHeading{
	margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #4a89bd;
	text-align: center;
}

/* creates blue border underneath heading */

.blueHeading{
	margin-bottom: 10px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #96222C;
	text-align: center;
}

/* aligns image to the right in a paragraph */

.imgRight{
    border: 3px double #000;
	float: right;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;	
	margin-left: 5px;	
}

/* aligns image to left in a paragraph */

.imgLeft{
    border: 3px double #000;
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;	
	margin-right: 5px;	
}

/* holds all college information */

.colleges{
    margin-bottom: 15px;
	padding-left: 5px;
}

html > body.colleges{
	height: auto;
}

/* aligns image to left in college paragraph */

.colleges img{
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 5px;	
}

.colleges p{
	padding-right: 5px;
	text-align: left;
}

/* holds all arts and culture information */

.arts{
    margin-bottom: 55px;
	padding-left: 5px;
}

html > body.arts{
	height: auto;
}

/* aligns image to left in paragraph */

.arts img{
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	margin-right: 5px;	
}

.arts p{
	padding-left: 20px;
	padding-right: 5px;
	text-align: left;
}

.imgBlackBorder{
    border: 3px double #000;
}

.imgLibrary{
    border: 3px double #000;
	float: left;
	padding-right: 0px;
	padding-top: 0px;
	padding-left: 0px;	
	margin-right: 5px;	
}