@charset "UTF-8";
/* CSS Document */

* {
margin:0 auto;
padding:0;
outline:none;
}

html {
min-height:100%;
margin-bottom:1px;
}

body {
margin:0 auto;
padding:0;
background:#232323 url(../img/mainbody-bg.gif) 0 0 repeat-x;
}

h2 {
font:bold 13px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
}

p {
font:normal 11px/18px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
}

a {
font:normal 11px/18px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
}


img {
border:solid 3px #fff;
}

#container {
width:100%;
height:100%;
margin: 0 auto;
}


#mast {
width:600px;
height:70px;
border-bottom:solid 1px #7e7e7e;
padding:0;
}
#mast h1 {
display:block;
width:195px;
height:70px;
float:left;
}
#mast h1 a {
display:block;
width:195px;
height:70px;
background:url(../img/joansharma.gif) 15px 75% no-repeat;
text-indent:-5000px;
}
#mast ul {
list-style:none;
float:right;
text-align:right;
padding:40px 15px 0 0;
}
#mast li {
float:left;
display:inline;
margin-left:25px;
}
#mast li a {
font:normal 11px "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
}



/****** gloabal opacity control ******
*************************************/
#mast h1, #mast li, #education, #solo, #juried, #group, #activities, #honors, #collection {
/* For browser that care */
opacity: 0.7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#mast h1:hover, #mast li:hover, #education:hover, #solo:hover, #juried:hover, #group:hover, #activities:hover, #honors:hover, #collection:hover {
/* For browser that care */
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*********************************
****** End opacity control ******/



#content {
padding:25px 0 30px 0;
width:570px;
height:100%;
}
#content h2 {
margin-bottom:5px;
}

#education, #solo, #juried, #group, #activities, #honors, #collection {
width:570px;
}

#content table {
font:normal 11px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
margin:0 0 25px 0;
border-collapse:collapse;
width:570px;
}
#content tr.fill {
background-color:#383838;
}
#content td {
text-align:left;
vertical-align:center;
padding:3px 5px 3px 5px;
}
#content td.left {
width:115px;
}

#collection ul {
list-style:inside;
font:normal 11px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#fff;
padding:0;
margin:0;
width:570px;
}
#collection li {
padding:3px 5px 3px 5px;
}
#collection li.fill {
background-color:#383838;
}



#footer {
width:600px;
height:35px;
padding-top:25px;
border-top:solid 1px #7e7e7e;
clear:both;
}
#footer p, #footer a {
font:bold 10px "Helvetica Neue", Helvetica, Arial, Sans-serif;
color:#a2a2a1;
text-decoration:none;
}
#footer p.left {
float:left;
margin-left:15px;
}
#footer p.right {
float:right;
margin-right:15px;
}
#footer a:hover {
color:#fff;
}