@import url("jstuff.css");

body{ 
	background-color: #f7f7f7;
	background-position: center top; 
	background-attachment:fixed; 
	#background-image: url("http://web135/africanamerican/images/1.jpg");
	background-size: 100% auto;
	height: 0;
    padding: 0; /* remove any pre-existing padding, just in case */
    padding-bottom: 75%; /* for a 4:3 aspect ratio */
    background-position: center center top;
    background-size: 100%;
    background-repeat: no-repeat;
	display:block; 
 } 
 
 
@media screen and (max-width: 480px) {
body{
background-image: none;
}
	}
 
 
 #bgclick{
	
 }
 
#container_slideshow, #container_breadcrumb, #container_main, #container_bottom_modules{background-color: none !important;} 
#container_top_modules {background-color: none !important; border-bottom: none !important; border-top: none !important;}

#content100 {float:left;}
#header_items {width: 100%;}
#header.block_holder, #slideshow.block_holder, #footermenu.block_holder {padding:0; 	background-color: none !important;}
.module_margin, .maincontent, .side_margins {margin:5px; }


.top-1, .top-2, .contenttop, .contentbottom, .bottom-1, .bottom-2, .base-1, .base-2  {float: left; 	background-color: none !important;}
.block_holder {padding:0px;}

/*--Framework Classes--*/
.block_holder {}

.container {
	#width:100%; 
	#background-image: url("images/.jpg"); 
	#background-position: center top; 
	#background-attachment:fixed;
	background-color: none !important;
}

.container_bg {
 # width:100%; 
	background-color: none !important;
}

.wrapper960 {
	width:800px; 
	margin:0 auto; 
	background-color: none !important;	
}

.clear {
	clear:both;
	background-color: none !important;
}

/* Added by Nirisha */
.menu{
display: inline;

}

#content_full {


	

}

/*--Header Div-- Mike Change*/
#header {
	position:relative;
	background-image: none !important; 
	#background-position: center top; 
	#background-attachment:fixed;
	background-color: none !important;
	border-bottom: none !important; 
	border-top: none !important;
}

/*  */
#search {
	height:20px;
	position:absolute;
	z-index:10;
}
#search form {
	margin:0;
}
#search .inputbox {
border:medium none;
/*height:19px;*/
margin:0;
padding:3px 5px 3px 4px;
width:165px;
}
#search form .search label{
	display: none;
}

/* Custom Module (located in the header) */
#custom {
    padding: 3px;
    position: absolute;
    z-index: 10;
    top:105px;
    right:0px;
}

#custom p, #custom .module_margin{
    margin:0px;
}


/*--Logo & Slogan Layout--*/

#logo {
	position:absolute;
	background-color: none !important;
	}
.logo_container {
	margin: 0px; 

	}

h1.logo {
	margin:0; 
	padding:0; 
	
	}

h1.logo a {
	display:block; 
	position:relative; 
	z-index:0; 
	width:600px; 
	background: url(../images/logo.png) no-repeat; 
	z-index:1;
}
h1.logo-text {
	padding:0; 
}

h1.logo-text a {
	white-space:nowrap; 
	outline:none; 
	position:relative; 
	text-decoration:none; 
	width:100%;
}
p.site-slogan {

	padding:0; 
	position:relative; 
	white-space:nowrap;
	background-color: none !important;
}

/*-----------------------------------------------------------------------------------*/
/* Social Media */
/*-----------------------------------------------------------------------------------*/

#social {
  padding:0;
  right: 0px;
  top: 0px;
  z-index: 1;
  position: absolute;
}
#social ul{
  list-style: none;
  margin: 0 0 0px 0;
  float: right;
}
#social ul li{
  display:block;
  float: left;
  margin:0;
  padding:0 0 0px 0;
}
#social ul li a{
  display:block;
  width:40px;
  height:40px;
  text-indent:-9999px;
  background-position: 0px -40px;
  background-repeat: no-repeat;
  opacity: 0.6;
  padding-bottom: 1px;
}
#social ul li a{
  opacity: 1;
}
#social a:hover{
  background-position: 0px -40px !important;
  opacity: 1;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
}
.social-facebook a { background: url(../images/social/facebook.png) no-repeat 50% 50% }
.social-facebook a:hover { background-color: #3b5998 }
.social-twitter a { background: url(../images/social/twitter.png) no-repeat 50% 50% }
.social-twitter a:hover { background-color: #48c4d2 }
.social-googleplus a { background: url(../images/social/googleplus.png) no-repeat 50% 50% }
.social-googleplus a:hover { background-color: #d94a39 }
.social-youtube a { background: url(../images/social/youtube.png) no-repeat 50% 50% }
.social-youtube a:hover { background-color: #f45750 }
.social-pinterest a { background: url(../images/social/pinterest.png) no-repeat 50% 50% }
.social-pinterest a:hover { background-color: #cb2027 }
.social-dribbble a { background: url(../images/social/dribbble.png) no-repeat 50% 50% }
.social-dribbble a:hover { background-color: #ef5b92 }
.social-flickr a { background: url(../images/social/flickr.png) no-repeat 50% 50% }
.social-flickr a:hover { background-color: #f1628b }
.social-skype a { background: url(../images/social/skype.png) no-repeat 50% 50% }
.social-skype a:hover { background-color: #18b7f1 }
.social-digg a { background: url(../images/social/digg.png) no-repeat 50% 50% }
.social-digg a:hover { background-color: #2882c6 }
.social-linkedin a { background: url(../images/social/linkedin.png) no-repeat 50% 50% }
.social-linkedin a:hover { background-color: #71b2d0 }
.social-vimeo a { background: url(../images/social/vimeo.png) no-repeat 50% 50% }
.social-vimeo a:hover { background-color: #62a0ad }
.social-yahoo a { background: url(../images/social/yahoo.png) no-repeat 50% 50% }
.social-yahoo a:hover { background-color: #ab64bc }
.social-tumblr a { background: url(../images/social/tumblr.png) no-repeat 50% 50% }
.social-tumblr a:hover { background-color: #3a5976 }
.social-deviantart a { background: url(../images/social/deviantart.png) no-repeat 50% 50% }
.social-deviantart a:hover { background-color: #d0de21 }
.social-delicious a { background: url(../images/social/delicious.png) no-repeat 50% 50% }
.social-delicious a:hover { background-color: #3274d1 }
.social-rss a { background: url(../images/social/rss.png) no-repeat 50% 50% }
.social-rss a:hover { background-color: #fe9900 }

/*-----  End of Social Media  ------*/
	
/*--Breadcrumb Divs--*/	
#breadcrumb .module_padding {
	padding:0px;
}

/*--Main Content and Side Columns Divs--*/
#main {

	background-color: none !important;

}

#sidecol_a, #sidecol_b {
height:100%;

} 



/* Mike ADD */
#sidecol_a {
/*height: 900px;*/
background-color: #ffffff;
}


/*--Bottom Modules Divs--*/
#bottom_modules {
 }

/*--Base Modules and footer Divs --*/	

 #copyright {
   text-align: center;
   clear: both;
   background-color: #ffffff;

 }
 
 #copyright a {
 color:#bbb;
 text-decoration:none;
 }
 
  #copyright.module_margin {
 	margin:0px !important;
 }

 div#footermenu.block_holder div.module_margin{margin:0px !important;}

/* Module Styling */
.module h3, .module_menu h3 {
	padding:0; 
	margin:0;
	
}
.module p, .module_menu p {
	margin:0;
}
.module_padding {
	height:100%;
	padding:5px;

}
.module_content {
	padding:5px 0;

}
#sidecol .module {
	margin-bottom:10px;
}

/* Module Styling - Menus */
.module ul, .module_menu ul {
	list-style-type: none;
}
.module ul a, .module_menu ul a {
	display:block;
	text-decoration: none;
}

#breadcrumb-1, #footer-1, #footer-2, #footer-3 {
	float: left; 
	width:100%;
		background-color: none !important;
}
 
 
/** Hornav **/
#hornav {float:left; width:100%;  
-webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
		  		  
		  }
#hornav ul {margin:0;}
#hornav a span {cursor:pointer; display:block; }
#hornav li{list-style:none outside none; position:relative; text-indent:0;}
#hornav li li a span, #hornav li li a:hover span {}
#hornav a:hover {cursor:pointer; display:block; text-decoration:none; }
#hornav a:hover span{cursor:pointer; display:block;}
#hornav li ul li, #hornav li ul li ul li {margin-top: 0px;}

/* Hornav - Parent Styling */ 
#hornav ul a, #hornav ul ul a, #hornav .separator {white-space:nowrap; margin:0; margin-bottom:3px; cursor:pointer;}
#hornav li, #hornav li li {float:left; z-index: 10;}
#hornav ul a, #hornav .separator {display:block; padding: 16px 22px; text-decoration: none; z-index: 9999; margin-bottom: 0px /*dropdown gap*/;}
#hornav li:hover {}
#hornav ul ul a {display:block; line-height:20px; padding: 1px 10px; text-decoration: none; z-index: 9999; border:none;}

/* Hornav - Child Styling */
#hornav li li a, #hornav li li.active a, #hornav li li.visited a {color:#555555 !important; text-transform: none;}
/*commented by nirisha*/
/*#hornav li li a, #hornav li li a:hover, #hornav li li.active a, #hornav li.active ul li a {background:none !important;}*/

/* Hornav - Child Block Styling *//* changed by nirisha z-index from 9999 to 1000 for sub menu overlapping issue*/
#hornav li li, #hornav li li li {clear:left; float:left; margin:0; padding: 2px 0px 4px !important; white-space: nowrap; z-index: 1000 !important;}
/* Changed by nirisha backgound to last menu-item*/
/*#hornav li li:last-child, #hornav li li li:last-child {background:none !important;}*/

/* Hornav - Dropdown Block Styling */
#hornav ul li ul{  
height:auto;  left:-999em;  margin:0;  padding:5px;  position:absolute; z-index:99999 !important;}

/* Hornav - Image 16*16 Styling */
#hornav ul li ul img {padding:3px 6px 3px 0px;}

/* Hornav - Sub-Child Block Styling */
#hornav li ul li ul {height:auto; left:-999em; margin:0; padding:5px; position:absolute; top:0;}

/* Hornav - General */
#hornav li:hover ul ul, #hornav li:hover ul ul ul, #hornav li:hover ul ul ul ul, #hornav li.iehover ul ul, #hornav li.iehover ul ul ul, #hornav li.iehover ul ul ul ul {left: -999em;}
#hornav li:hover ul, #hornav li li:hover ul, #hornav li li li:hover ul, #hornav li li li li:hover ul, #hornav li.iehover ul, #hornav li li.iehover ul, #hornav li li li.iehover ul, #hornav li li li li.iehover ul {left:0; z-index:99999 !important;}
#hornav li li, #hornav li li li {min-width: 180px;}
#hornav li ul li ul {margin-left: 230px;}

#hornav .menu li:first-child, .module .latestnews li:first-child {margin-top: 0 !important; }
#menu li li.parent {cursor: pointer !important;}
#hornav li:hover {left:0; z-index:5001 !important;}
#hornav ul li ul {margin-top: 0px;}

/*Font CHANGE HERE*/

#hornav ul a, #hornav .separator{

#font-family: "Helvetica Narrow","Arial Narrow", sans-serif; 
letter-spacing: 0px;
font-size: 18px !important; 
font-weight: bolder;
padding: 5px -5px -5px 5px !important;}

/* MenuMatic *//* Just sub menu links */
#subMenusContainer a, #hornav li li a{text-align:left}
  
/* ----[ OLs ULs, LIs, and DIVs ]----*//* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{display:none; position: absolute; overflow:hidden; padding:0 2px; margin:0 0 0 -2px}
  
/* All ULs and OLs */
#subMenusContainer ul, #subMenusContainer ol {padding: 0; margin: 0; list-style: none; line-height: 1em; min-width:170px}
  
/* All submenu OLs and ULs */
#subMenusContainer ul, #subMenusContainer ol{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; border:1px solid #ddd; left:0; padding-bottom:5px}
#subMenusContainer li{list-style: none; background: none}
#subMenusContainer{display:block; position:absolute; top:7px; left:0; width:100%; height:0; overflow:visible; z-index:1000000000}

/** Top Menu **/
#topmenu {
	position:absolute;
	z-index:3;
}
#topmenu ul li{
    float: left;
    list-style:none;
}
#topmenu ul li a {
	display:block;
	text-decoration: none;
        
}

/** Footer Menu **/
#footermenu {
 background-color: #ffffff;
}
#footermenu ul li{
    display: inline-block;
}
#footermenu ul li a {
    display: block;
	text-decoration: none;
        /* changed by nirisha for footer menu*/
        font-weight: bold;
        font-size: 8pt;
		color:#FAFAFA !important; 
}
#footermenu ul li:last-child a {
	border:none;
}

/** Scroll to Top **/
.scrollup{
    width:40px;
    height:40px;
    border-radius:50%;
    position:fixed;
    bottom:70px;
    right:25px;
    display:none;
    text-indent:-9999px;
    background: url(../images/scroll.png) no-repeat;
    background-color: #000000;
    z-index:1000;
    opacity:0.7;
}

/** Login Module **/
.userdata{margin-top: 10px;}


/* style for paragraph spacing pqp4*/

p {
    margin: 0.5em 0 !important;
}

.contentpane.hmrfw
{ float:right; width: 760px; padding: 10px;}