/* Associate General CSS Styles */

/* Body BG CSS Styles */
body{width: 100%; background: #ededed url(../images/2010/page-bg.gif) no-repeat center bottom; display: table;}

/******/

#container{width: 960px; margin: 0 auto; position: relative; padding: 160px 0 0 0;}
h1, h2, h3, h4, h5{font-family: "rotis", "Times New Roman", Times, serif;  font-weight: normal; }
h1, h2, h3{font-size: 2.4em; line-height: 1.2em; color: #4F4F4F;}

h4{font: normal 1.2em/1.2em "Courier New", Courier, Monaco, monospace; margin: 0 0 1.4em 0; text-transform: uppercase; letter-spacing: 1px;}

#container strong{font-weight: bold;}
a{text-decoration: none; color: #404040;} a:hover{text-decoration: none; color: #808080}
a.fade:hover{opacity: 0.6;}

/* Header & Nav CSS */
#header{width: 960px; margin: 0; position: absolute; left: 0; top: 30px;}
#header a:link#logo, #header a:active#logo, #header a:visited#logo{display: block; width: 160px; height: 26px; background: url(../images/2010/associate.png) no-repeat center bottom;text-indent:-9999px;position: absolute;	left:  0; top: 0;}
#header a:hover#logo{background: url(../images/2010/associate-hover.png) no-repeat center bottom;}

#header ul.nav{font: normal 1.2em/1.2em "Courier New", Courier, Monaco, monospace; list-style: none; margin: 14px 0 0 240px; padding: 0; width: 360px; float: left; display: inline;}
#header ul.nav li{float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 90px; background: url(../images/2010/dot.gif) bottom left repeat-x;}
#header ul.nav li a{text-decoration: none; color: #404040; margin: 0; padding-left: 16px; background: url(../images/2010/nav-arrows.gif) 0 30% no-repeat;} 
#header ul.nav li a:hover, #header ul.nav li a.current{text-decoration: none; color: #808080; background: url(../images/2010/nav-hover.gif) 0 30% no-repeat;}

#header ul.social{font: normal 1.2em/1.2em "Courier New", Courier, Monaco, monospace; list-style: none; margin: 14px 0 0 120px; padding: 0; float: left; display: inline;}
#header ul.social li{margin-bottom: 2px;}
#header ul.social li a{text-decoration: none; color: #404040; margin: 0; padding: 0 0 0 0; background: url(../images/2010/dot.gif) bottom left repeat-x;}
#header ul.social li a:hover{text-decoration: none; color: #808080;}

/* Body CSS */
#content{width: 960px; margin: 0 0 0 0; position: relative; padding: 0;}

h1, h2{background: white; padding: 2px 0 30px 0;}
h1{width: 570px;}
h1.home{width: 700px;}
h1.section{width: 460px;}
h2.home{width: 700px;}

h2.home{ padding: 0;}
h2.home a{width: 940px; background: yellow; padding: 2px 0 30px 0; color: #333333; display: block; margin-bottom: 20px;}
h2.home a:hover{background: white; }

#alpha-list{position: absolute; background: white; right: 20px; top:0; width: 220px; }
#alpha-list ul{font: normal 1.2em/1.4em  "Courier New", Courier, Monaco, monospace; margin: 0 0 1.4em 0; padding: 0;  color: #333333; list-style: circle; margin: 20px 20px 0 0; padding-left: 20px; padding-bottom: 60px;}


div.profile{width: 460px; background: white; }
div.profile p{padding: 2px 0 30px 0;font-family: "rotis", "Times New Roman", Times, serif;  font-weight: normal; font-size: 2.4em; line-height: 1.2em;}



a:link#rss, a:active#rss, a:visited#rss{display: block; width: 22px; height: 24px; background: url(../images/2010/rss.png) no-repeat center bottom; text-indent:-9999px;position: absolute;	left:  476px; top: 0;}
a:hover#rss{background: url(../images/2010/rss-hover.png) no-repeat center bottom; text-indent:-9999px;}

.blog-preview div.title a#rss{left:  198px; top: 18px;}

p{font: normal 1.4em/1.4em "Times New Roman", Times, serif; margin: 0 0 1.4em 0;}
blockquote{font: normal 1.4em/1.4em "Times New Roman", Times, serif; margin: 0 0 1.4em 1.4em; padding-left: 1.4em; color: #666666; background: url(../images/2010/yellow-dot.gif) top left repeat-y; }
blockquote p {font-size: 100%};

/* Porfolio menu*/

.portfolio{margin-top:20px;}
.portfolio img{margin: 0; border:0; padding: 0;}

a.fade:hover{opacity: 0.6;}

#menu-grid{margin-top: 20px;}

#menu-grid div, .blog-preview .div {width: 220px; background: white; margin: 0 20px 20px 0;  padding: 0 0 0 0; border: 0; min-height:220px; height:auto !important; height:220px;  position: relative; z-index: auto;}
#menu-grid div.large {width: 460px;}
#menu-grid div.tall {min-height:460px; height:auto !important; height:460px;}
#menu-grid a, #menu-grid a img{margin: 0; padding: 0; line-height: 0;} 

div.menu-item{float: left;}
.menu-item a, .menu_box img { display:block; }
.menu-item p{font: normal 1.2em/1.4em "Courier New", Courier, Monaco, monospace; padding: 4px 8px 4px 0; position: absolute; margin: 0; position: absolute; left: 0; bottom: 20px; z-index: auto; background: #FFFFFF; }



/* Blog Preview */
.blog-preview div{min-height:220px; height:auto !important; height:220px; width: 220px; position: relative; margin: 0 20px 20px 0; float: left;}
.blog-preview div.title{background: url(../images/2010/white-border.gif) bottom left repeat-x; position: relative;}
.blog-preview div.title h3{padding-top: 20px; background: url(../images/2010/white-border.gif) top left repeat-x; margin: 0;}
.blog-preview .blog-item{width: 220px; background: white; margin: 0 20px 20px 0;  padding: 0 0 0 0; border: 0; min-height:220px; height:auto !important; height:220px; float: left;}

.blog-item a, .blog-item img { display:block; }
.blog-item p{font: normal 1.2em/1.4em "Courier New", Courier, Monaco, monospace; background: #FFFFFF; padding: 4px 8px 4px 0; position: absolute; left: 0; top: 20px; z-index: auto; margin-right: 20px;}


/* Footer CSS */
#footer{margin:50px 0 0 0; min-height:140px; height:auto !important; height:140px; position: relative;}
#footer p{font: normal 1.2em/1.4em "Courier New", Courier, Monaco, monospace; margin: 0 0 0 0; position: absolute; left: 240px; top: 50px;}

/******/