 /*--------------------------------------------

CSS by John Ailor 
(C) 2006 MyOhMy Design

Septebmer 6, 2006
 -------------------------------------------*/

/*----------------------------
Outer Elements & containers
----------------------------*/

body { 

	font-size:9pt; 	
	font-family:Arial, Helvetica, sans-serif;
	line-height: 2em;
	color: #5F5F5F;	
	background: #f2f2f2 url(../images/bkgrd1.gif) bottom left fixed repeat-x;	
}  

#wrapper { 
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:50px;
	border-bottom:1px solid #A5C6E6;
}

fieldset#search{
	width: 180px;
	margin: 5px auto;
	background-color:transparent;	
}

/*------------

HTML Elements

------------*/

h2 {
	margin:.5em 0 0.5em;
	color:#AF0300;
	font-size:1.8em;
	font-weight:normal;
	line-height:1.2;
	text-align: center;
}

h3 {
	font-size:1.2em;
	margin-top:.5em;
	color:#00274E;
	line-height:1.3;
}

hr {

	display:none;

}

p {

	line-height:1.5;
	padding: 10px;
	font-size: 9pt;
}

a {

	color:#044585;

}

a:hover, a:focus, a:active {
	color:#0053a4;
	text-decoration:none;
}



/*-------

Header

-------*/

#header {
	width:100%;
	height:153px;	
	background-image: url(../images/AAMLPA_LeftHeader.png);		 
	background-repeat: no-repeat;
}

#leftHeader, #rightHeader {
	float:left;
	position:relative;
	height:153px;
	background-color:transparent; 
}

#leftHeader {
	width: 641px;}

#rightHeader{
	width: 159px;
}



#header h1 {

	position:relative;

	width:247px;

	height:76px;

	left:15px;

	top:20px;

	background:#21466C url(logo.gif) no-repeat;

}

#header h1 a {

	display:block;

	height:76px;

	background:transparent url(logo.gif) no-repeat;

	text-indent:-1000em;

	text-decoration:none;

}

div#mContainer {

	position:absolute;

	top:5px;

	right:3px;

	width:350px;

	height:108px;

}



.mPhoto {

	position:absolute;

	top:0px;

	left:0px;

	filter:Alpha(opacity=0);

}

legend.category{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	word-spacing: .3em;
	letter-spacing: .3em;
	font-variant: small-caps;
	font-weight: bolder;	
}

ul {
	list-style: none;
	line-height: 2em;
}

fieldset{
	width: 600px;
	margin: 10px auto;
}


a#pauseBtn {

	position:absolute;

	right:188px;

	top:9px;

	width:3.4em;

	display:block;

	font-size:85%;

	background:transparent url(mnu.gif) repeat-x left bottom;

	color:#d4e0ec;

	border:1px solid #0659ac;

	border-color:#0659ac #032648 #032648 #0659ac;

	text-align:center;

	text-decoration:none;

}

a#pauseBtn:hover {

	text-decoration:underline;

	background-position:left top;

	border-color:#106bc5 #032648 #032648 #106bc5;

}

/*----------------

Header Navigation

----------------*/

#nav{
width:100%;
padding:0px;
text-align: center;	
}


ul#topNav {

	position:absolute;

	right:0;

	z-index:999;

	padding:0 7px 0 0;

	margin:0 3px;

	list-style:none;

	text-align:right;

	font-size:90%;

	background-position:right bottom;

	background-repeat:no-repeat;

}

ul#topNav li {

	display:inline;

	padding:0 5px 0 10px;

	line-height:2;

}

ul#topNav a {

	color:#EBC0BF;

	text-decoration:none;

}

ul#topNav a:hover, ul#topNav a:focus, ul#topNav a:active {

	color:#fff;

	text-decoration:underline;

}

li#skip {

	position:absolute;

	left:-1000em;

	top:-1000em;

}

ul#topNav li#home {

	padding-right:12px;

	background:transparent url('topNav_disc.gif') no-repeat 100% 50%;

}



/*---------------

Main Navigation

----------------*/

ul#udm {

	margin-left:3px;
	background:#003264 url(mnu.gif) repeat-x left bottom;
	border-top:1px solid #fff;
	border-bottom:3px solid #5392D0;
	width:741px !important;
	padding-left:9px;
}

/*------------
CONTENT
-------------*/


#content {
	float:left;
	width:100%;
	min-height: 500px;
	padding:5px 0 0;
	background-color: #F9F9F9;
	font-weight: normal;	
}

div.leftColumn{
	background-color: transparent;
}

p.articles{
	background-color: transparent;
	padding: 10px;
}


div.hr {
	margin:1em 0 .5em;
	height:1px;
	border-top:1px dashed #6487AA;
	
}

div.hr2 {

	margin:1.5em 0 1em;
	height:1px;
	border-top:1px solid #6487AA;
}


/*-- 'Upcoming Events' --*/

div.event {
	margin:0 0 1em;
}


/*-----------------
Home Page Columns
------------------*/

#intro, #details, #news {
	float:left;
	position:relative;
	font-size:.8em;
	font-weight: normal;
	padding-top:4px;
}

/* left column*/
#intro {
	width:198px;
	margin-left:0px;
	padding: 5px;
}
/* middle column*/
#details {
	width:350px;
	margin-left:0px;
	padding: 5px;
	border-left: groove 1px silver;
	border-right: groove 1px silver;

}
/* right column*/
#news {
	width:198px;
	margin-left:0px;
	padding: 5px;

}

table#ThisWeek{
	font-weight: normal;
}

td.Date{
	width: 40px;
}



/*--------
Footer
---------*/

#footer {

	clear:both;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0px;
	text-align: center;
	background:#21466C;
	background-image: url(../images/TinyYellowGradiant_800.gif);
background-repeat: both; 	border-bottom:2px solid #D7E6F4;
	color:#A5C6E6;
	font:8pt Arial, sans-serif;
	font-weight: normal;
}

}
#footer ul {
	margin:4px 0 3px;
}

#footer li {
	list-style:none;
	display:inline;
	padding:0 10px 0 8px;
	border-right:1px solid;
}

#footer li.first {
	padding-left:none;
}

#footer .last, #footer span.last {
	border:none;
}

#footer a {
	color:#A5C6E6;
	text-decoration:underline;
}

#footer a:hover, #footer a:focus, #footer a:active {
	color:#fff;
}

#bottom{	
	clear:both;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	font-size: 8pt;
	font-family: Arial, sans-serif;
	color: white;
	background-image: url(../images/bottomBack.gif);
	background-repeat: repeat-y;
	text-align: center;
	padding-top: 5px;		
	padding-bottom: 5px;
	}



/*--------
Misc
---------*/

.asterisk {

	font-size: 13px;
	font-weight: bold;
	color:  #AF0300;

		}




h4 {

	font-size:1.1em;
	margin-top:.5em;
	color:#00274E;
	line-height:1.3;
	text-align: center;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#businessCard{
	width:220px;
	height:170px;
	margin: 5px;
	background-color: #FFFDF4;
}

#memberList{
	width:95%;
	margin:50px 0px;
}

.members{
	vertical-align: top;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* FindUser.aspx */

.plFindUser{width: 790px; margin-left:10px; }
.dlFindUser{width:800px;}
	
ul.findUser {width: 95%; display: inline; list-style: none; margin-top: 50px; }

ul.findUser li.fullName, ul.findUser li.address, ul.findUser li.city, ul.findUser li.phone 
{float: left; padding: 2px 4px 2px 0px; display: inline; border-bottom: 1px solid #f2f2f2;}

ul.findUser li.fullName {width: 200px; font-weight: bold;}  
ul.findUser li.address {width: 180px;}  
ul.findUser li.city {width: 175px;}
ul.findUser li.phone {width:190px;}  

#findButton{width:300px; margin:20px auto; text-align: center;}
/*---------------------

EXTRA RULES FOR IE MAC

---------------------*/

/*\*//*/

body {font-size:82%;}

div ul#topNav {

position:absolute;

right:0;

float:none;

}

div ul#udm {

font-size:105%;

}

div#wrap {position:absolute;}

div#footer {

position:relative;

margin-bottom:-3px;

}

div#footer #smlLogo {

float:none;

position:absolute;

left:0px;

top:0px;

}

#footer ul, #footer address {

margin-left:56px;

}

/**/


