/* Urban Leaugue Website Styles */

img, div{behavior:url(../../../iepngfix.htc);}

body{
margin:0px; 
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/structure_images/body_bg.jpg) repeat-x #660000;
}

h1, h2, h3, h4, p, ul, li{
padding:0; margin:0;
}

h1{
margin-bottom:10px; font-size:24px; color:#990000;
}

h2{
margin-bottom:5px; font-size:20px; color:#333333;
}

h2 a{
color:#333333; 
}

h2 a:hover{text-decoration:none;}

h3{
margin-bottom:10px; 
font-size:14px; 
color:#333333;
}

h3 a, h3 a:hover{
color:#666666;
text-decoration:none;
}

h4 {
font-size:14px;
color:#990000;
margin-bottom:10px;
}

li{
list-style:none;
}

p,td, li{
line-height:18px; color:#333333; font-size:12px;
}

table{
margin-bottom:10px;
}

td{
border-bottom:1px dotted #DFDFDF; padding:0 5px 5px 5px;
vertical-align:top;
}

a{
text-decoration:none; color:#990000;
}

a:hover{
text-decoration:underline;
}

/* General Structure */
#allContainer, #headerContainer, #contentContainerTop, #nav, #contentContainer, #contentContainerBottom, #footerContainer{
width:990px;
}

#headerContainer, #contentContainerTop, #contentContainer, #contentContainerBottom, #footerContainer{
float:left; margin:0;
}

#allContainer{
height:auto; margin:auto;
}

#headerContainer{
height:117px;
background:url(../images/structure_images/headerContainer_bg.png) no-repeat;
}

.sectionAlign{
width:100%; float:left;
margin-bottom:10px;
}

.heroAlign{
width:275px; height:auto; float:left;
}

/* Top Navigation */
#nav{
height:46px;
background:url(../images/structure_images/nav_bg.png) no-repeat;
}

#nav ul{
margin-left:75px;
_margin-left:30px;
}

#nav li {
width:auto; height:46px; float:left; border-right:1px solid #AFAFAF; text-align:center; line-height:46px; font-weight:bold; font-size:13px;
}

#nav li:hover{
background:url(../images/structure_images/navLiHover_bg.png) repeat-x;
}

#nav a{
display:block; padding:0 25px 0 25px; color:#333333;
}

#nav a:hover{
text-decoration:none;
}

#nav li ul {
position:absolute; 
width:202px; 
left:-999em; 
margin:0;
background:#990000;
}

#nav li li{
height:auto; 
border-right:none;
border-bottom:1px solid #7F0000; 
line-height:25px; font-size:12px;
}

#nav li li:hover{
background:#EFEFEF;
}

#nav li li a{
display:block; 
width:182px; 
padding:0 10px 0 10px; 
text-align:center; 
color:#FFFFFF;
font-weight:normal;
}

#nav li li a:hover{
color:#990000;
}

#nav li:hover ul {
left:auto;
}

#nav li:hover ul, #nav li.sfhover ul {
left:auto;
}

#mp_backlinks{
font-size:12px; width:510px; height:34px; float:left; line-height:34px; margin-left:115px; 
_margin-left:60px;
}

/* Banner Container */
#bannerContainer{
height:246px;
width:940px;
float:left;
margin:10px 0 0 25px;
background-color:#990000;
}

/* Content Container Top */
/* --------------------------------------- */
#contentContainerTop{
height:20px;
background:url(../images/structure_images/contentContainerTop_bg.png) no-repeat;
}

/* Content Container */
/* --------------------------------------- */
#contentContainer{
height:auto;
background:url(../images/structure_images/contentContainer3Colum_bg.png) repeat-y;
}

.contentContainerSubSep{
width:100%;
height:1px;
border-bottom:dashed 1px #CCCCCC;
margin-bottom:10px;
}

#contentLeft, #contentMiddle, #contentRightLong, #contentRight{
height:auto; float:left; margin-top:10px;
}

.gray-button{
border:1px solid #DFDFDF;
height:40px;
line-height:40px;
text-align:center;
text-shadow:1px 1px #FFFFFF;
margin-bottom:10px;
font-weight:bold;
background:url(../images/structure_images/gray-button_bg.jpg) top repeat-x;
}

.gray-button:hover{
background:url(../images/structure_images/gray-button_bg.jpg) bottom repeat-x;}

.gray-button a{
display:block;
text-decoration:none;}

/* Content Left */
/* --------------------------------------- */
#contentLeft{
width:170px; 
margin-left:25px;
_margin-left:12px;
}


#contentLeft ul{
margin-bottom:10px;
}

#contentLeft li{
line-height:25px; 
border-bottom:1px dashed #CCCCCC;
text-align:center;
}

#contentLeft li a{
display:block; width:170px; height:auto;
}

#contentLeft li a:hover{
background:#EFEFEF; text-decoration:none;
}

#donateBtn{
width:170px;
height:43px;
line-height:43px;
text-align:center;
font-size:14px;
background:url(../images/structure_images/donateBtn_bg.jpg) no-repeat;
}

#donateBtn a{
display:block;
}

/* Content Middle, Content Right Long */
/* --------------------------------------- */

#contentMiddle{
width:500px; height:auto; margin-left:20px;
}

#contentRightLong{
width:750px; height:auto; margin-left:20px;
background:#FFFFFF;
}

#contentMiddle h2, #contentRightLong h2{
margin-bottom:10px;
}

.subheadBar{
width:100%;
height:auto;
background-color:#EFEFEF;
height:25px;
line-height:25px;
}

.highlight{
background:#FFCCFF;
border:1px solid #990000;
padding:15px;
margin-bottom:15px;
}


#contentMiddle p, #contentRightLong p{
margin-bottom:10px;
line-height:20px;}

#contentMiddle ul, #contentRightLong ul{
margin-bottom:10px;
}

#contentMiddle li, #contentRightLong li{
line-height:24px; margin-left:10px; padding-left:10px;
background:url(../images/structure_images/redBullet.png) 0 8px no-repeat;
}

.contentMiddleSep, .contentRightLongSep{
height:1px; margin:0 0 10px 0; border-bottom:1px solid #DFDFDF;
}

.contentMiddleSep{
width:500px;
}

.contentRightLongSep{
width:750px;
}

.contentMiddleSupSep{
width:100%;
height:1px;
border-bottom:1px dotted #CCCCCC;
margin-bottom:10px;
}

.contentMiddle2Colum{
width:240px;
height:auto;
margin-left:10px;
float:left;
}

.contentMiddle2Colum h2{
width:210px;
line-height:25px;
padding-left:30px;
background:url(../images/structure_images/contentMiddle2ColumH2_bg.jpg) no-repeat 10px 50% #CCCCCC;
}

.contentMiddle2Colum h3{
font-size:20px;
}

.grayBox{
width:95%;
background:#EFEFEF;
margin-bottom:10px;
padding:10px;
float:left;
border:1px solid #CCCCCC;
}

/* ---------------------------------------- */
/* Partners */
#partners{
}

#partners img{
width:144px;
border:5px solid #EFEFEF;
margin:0 0 10px 10px;
float:left;
}


/* ---------------------------------------- */
/* Photo Gallery Box */

.photoGalleryBox{
width:43%;
min-height:150px;
background:#EFEFEF;
margin:0 0 10px 10px;
padding:10px;
float:left;
border:1px solid #DFDFDF;
}

.photoGalleryBox p{
font-size:11px;
}

.photoGalleryBox img{
margin-bottom:30px;
}

.imagePad_galleryThumb{
margin:0 10px 10px 0;
float:left;
}

.backToTop{
width:100%; text-align:right; font-size:11px;
}

.backToPrevPage{
width:130px;
height:25px;
background:url(../images/structure_images/backToPrevPage_bg.gif) no-repeat 0 50% #EFEFEF;
padding-left:20px;
border:1px solid #CCCCCC;
font-size:12px; 
line-height:25px;
margin-bottom:10px;
}

.listItem{
width:100%;
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px solid #EFEFEF;
float:left;
}

/* Resource Box */
.resourceBox{
width:245px; height:148px; float:left; margin-left:5px;
_margin-left:3px;
background:url(../images/structure_images/resourceBox_bg.png) no-repeat;
}

.resourceBoxTitle{
width:205px; height:30px; padding:10px 0 0 40px; font-size:14px; color:#333333; font-weight:bold;
}

.resourceBoxContent{
width:215px; padding:0 15px; color:#666666; line-height:16px; font-size:11px;
}

.promotionLink{
text-align:right;
font-size:11px;
width:100%;
margin-bottom:10px;
}

.callToAction{
width:195px;
height:50px;
font-size:13px;
font-weight:bold;
padding-left:20px;
line-height:50px;
margin-bottom:10px;
background:url(../images/structure_images/callToAction_bg.jpg) no-repeat;
}

.callToAction a{
display:block;
}


/* Content Right */
#contentRight{
width:230px; margin-left:20px; padding-right:10px;
}

#contentRight h1{
width:205px; 
height:25px; 
padding-left:25px;
line-height:25px; 
font-size:13px; 
color:#FFFFFF;
background:url(../images/structure_images/newsAndHighlightsTitle_BG.png) -10px 0 no-repeat;
}

#contentRight h2{
font-size:14px;
}

#contentRight h3{
color:#333333;
font-size:12px;
}

#contentRight p{
margin-bottom:10px; line-height: 14px; font-size:11px; 
}

#contentRight ul{
margin-bottom:10px;
}

#contentRight li{
height:auto;
line-height:18px;
border-bottom:1px dashed #CCCCCC;
}

#contentRight li:last-child{
border-bottom:none;}

#contentRight li a{
display:block; 
height:auto;
padding:3px 0 3px 20px;
}

#contentRight li a:hover{
background:#EFEFEF; text-decoration:none;
}

	/* -------------------------------- */
	/* News and Highlights */
	#news-and-highlights h4{
	padding-top:10px;
	font-size:11px;
	color:#333333;
	border-top:1px solid #EFEFEF;
	}
	
	#news-and-highlights td{
	border-bottom:none;}
	
/* Content Container Bottom */
#contentContainerBottom{
height:50px; padding-top:20px; color:#FFFFFF;
background:url(../images/structure_images/contentContainerBottom_bg.png) no-repeat;
}

#contentBottomNav{
width:500px; height:20px; margin-top:10px; float:left; color:#FF0000;
}

#contentBottomNav li{
border-right:1px solid #EFEFEF; float:left; display:inline; line-height:20px; text-align:center; font-size:11px;
}

#contentBottomNav a{
color:#EFEFEF; padding:0 10px 0 10px;
}

#footerTag{
width:188px; height:37px; margin-left:30px; float:left;
_margin-left:15px;
background:url(../images/structure_images/urbanLeagueFooterTag.png) no-repeat;
}

#footerCopyright{
width:240px; height:20px; margin:10px 0 0 10px; font-size:11px; float:left; line-height:20px;
}

/* image Pads */

.imagePad, .imagePad_left, .imagePad_right{
border:3px solid #EFEFEF; 
}

.imagePad{
margin-bottom:10px;
}

.imagePad_left{
float:left; 
margin:0 10px 5px 0;
}	

.imagePad_right{
float:right; 
margin:0 0 5px 10px;
}	
.imagePad_logo{
float:left;
margin:0 10px 12px 0;
}

.imagePad_sidebarHero{
margin-bottom:10px;
}