/* DEFAULTS
----------------------------------------------------------*/

body   
{
    /*background: url("../Modules/Images/banner.gif") repeat scroll 0% 0% transparent;*/
    height:340px;
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
    margin-top:-10em;
  /*  
  margin: 0px;
    padding: 0px;
    background: url("../images/body_bg.png") repeat scroll 0% 0% transparent;
    font: 12px/20px 'Open Sans',sans-serif;
    color: rgb(47, 47, 47);
*/
    position: relative;
    z-index: 0;    
}



a:link, a:visited
{
    color: #1d60ff ;/*#034af3;*/
}

a:hover
{
    color: Red;
    text-decoration: none;
}

a:active
{
    color: white; /*#1d60ff; /* #034af3;*/
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 38px;
    color: darkblue;
    /*font-variant: small-caps;*/
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
    margin-top:2em;
    text-decoration:none;
}

h1
{
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

s3
{
    font-family: Tahoma, Arial, Times New Roman, sans-serif; 
    font-style: normal; 
    font-size: 12px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h1 a, s3 a {
    text-decoration:none;
    color:teal;
}

h2
{
    font-size: 38px;
    font-weight: 900;
    margin:0px;
    padding: 0px; 
    border: 0px; 
    font-family: Tahoma, Arial, Times New Roman, sans-serif; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 900; 
    line-height: inherit; 
    vertical-align: baseline; 
    letter-spacing: -1px; 
    text-transform: uppercase; 
    color: darkred;
    orphans: auto; 
    text-align: start; 
    text-indent: 0px; 
    white-space: normal; 
    widows: auto; word-spacing: 0px; 
    -webkit-text-stroke-width: 0px; 
    
}

h3
{
    font-size: 24px;
    font-weight:900;
    font-style: normal; 
    font-variant: normal; 
    line-height: inherit; 
    vertical-align: baseline; 
    letter-spacing: -1px; 
    text-transform: uppercase; 
    color: darkblue; 
    orphans: auto; 
    text-indent: 0px; 
    white-space: normal; 
    widows: auto; 
    word-spacing: 2px; 
    -webkit-text-stroke-width: 0px; 
    margin-top:1em;
    outline-style:none ;
    margin-left:.5em;
    margin-bottom:.5em;
    text-align:left;
    /*background:yellow;
    background:url('../Modules/Images/hilight_yellow.png')  ;*/
    border-radius:5px;    
    border-bottom:0px solid silver;
    width:750px;
   
}

.topic 
{
    border-bottom:1px dotted silver;
    width:97%;
}

h31
{
    font-family: Sans-Serif, Times New Roman;
    font-size: 16px;
    color:Blue;
    text-align:center;
}

h32 {
    font-family: Sans-Serif, Times New Roman;
    font-size: 16px;
    color: Blue;
    text-align: left;
}


h4
{
    font-family:   Tahoma, MS Sans Serif; /* Comic Sans MS;*/
    font-size: 12px;
    font-weight :900;
    color: darkblue;
    letter-spacing: 1px; 
    orphans: auto; 
    text-align:left;
    text-decoration:blink;
    margin-left:0em;
    border-radius:5px;
    background:whitesmoke;
}
/*
div h41
{
    margin-left:2em;
    font-weight:900;
    font-size:14px;
    letter-spacing:1px;
    text-indent:-3em;
    
}
*/
h41
{
    margin-left:2em;
    
    font-weight: bolder;
    font-size:16px;
    background-color:Yellow;

}

a h41, a h41 italic
{
    text-align:center;
    margin-top:-1.5em;
    position:absolute;
    
}

td h5{
    margin-top:0em;
    margin-bottom:-1em;
}

div.coming h41 italic
{
    text-align:center;
    margin-top:-1.5em;
    position:absolute;
}

h5, h6, h7, h8, h9
{
    font-size: 24px;
    color:Blue;
    margin:  -.5em 0px 2em 1em; 
    padding: 0px; 
    border: 0px; 
    font-family: sans-serif, Arial, Helvetica ; 
    font-style: normal; 
    font-variant: normal; 
    font-weight: 900; 
    line-height: 25.200000762939453px; 
    vertical-align: baseline; 
    letter-spacing: normal; 
    orphans: auto; 
    text-align: start; 
    text-indent: 0px; 
    text-transform: none; 
    white-space: normal; 
    widows: auto; 
    word-spacing: 0px; 
    -webkit-text-stroke-width: 0px; 
}

h6
{
    color:blue;
    margin-top:1em;
}

h7
{
    color:blue;
    /*margin-left:2.5em;*/
    margin-bottom:1em;
    text-align:center;
}

h8
{
    color:teal;
    text-align:center;
    margin-bottom:1em;
}

h9
{
    color:blue;
    position:absolute;
    margin-left:2em;
    margin-top:-1.5em;

}

s1, s2
{
    font-size:18px;
    font-family:  Courier New, Arial, Times New Roman;
    font-variant:small-caps;
    text-align:center;
    font-weight:700;
    line-height:.7em;
    color: blue;
    text-align:center;
    vertical-align:middle;
    
}

s2
{
    font-size:12px;
    text-decoration:underline;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
   /* width:1366px;*/
   max-width:1366px;
   /* background-color: #fff;*/
    margin: 0px auto 0px auto;
    /*border: 1px solid #496077;*/
   /* background-color:#fff;*/
   background-color:white;
   border-collapse:collapse;
   border:0px solid black;
}

.main
{
    padding: 0px 0px;
    margin: 0px  0px  0px 0px;
    min-height: 420px;
    background-color: azure;
    text-align:left;
    margin-top:0em;
    float:left;
    position:relative;
    border:0px dashed red;
    width:100%;
}

.header
{
    margin: 0px;
    padding: 0px;
    background-color:white;
    width: 100%;
    /*background-image:url('/AUAP/Modules/Images/asia_2.png');*/
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}
.menuarea
{
    padding: 0px 0px;
    margin: 0px 0px 8px 8px;
    min-height: 16px;
    background-color:#fff;
    height:16px;
}


.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: whitesmoke;
    background-color:gray;
    padding: 8px 0px 0px 0px;
   /* margin: 5px auto;*/
    text-align: center;
    line-height: normal;
    position:absolute;
    width:100%;
}

.paragraph
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin-left:4em;
    margin: 2px auto;
    text-indent:-1.5em;
    text-align:left;
    line-height: normal;
    font-size:14pt;
}

li.paragraph
{
    color:teal;
    padding: 8px 0px 0px 0px;
    margin-left:3.5em;
    text-indent:-1.5em;
    text-align:justify;
    line-height: normal;
    font-size:14pt;
    width:85%;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color: teal; 
    width:100%;
}

div.menu ul 
{
    list-style: none;
    margin: 10px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color:#13D5D7;
    border: 1px #4e667d solid;
    color: white;
    display:block;
    line-height: 20px;
    padding: 4px 16px;
    text-decoration: none;
    white-space: nowrap;
    width:auto;
}

div.menu ul li a:hover
{
    background-color: orange;
    color: #465c71;
    text-decoration: none;
}


/*---------------Joint---------------*/
div.joint
{
    background-color:#fff;
    color: blue;
    text-decoration: none;
    text-indent:.25em;
    text-align:center;
    background-image:url('/AUAP/Modules/poly_1.png') ;
    background-position:center;
    min-height:100px;
    border-radius:0px;
    margin-top:-39pt;
    

}

img.joint
{
   height :80px;
   border:0pt solid silver; 
   margin-top:.75em;
   margin-bottom:1em;
}

/*---------------Membership---------------*/
div.membership
{
    margin-top:1em;
	margin-left:1em;
    margin-bottom:3em;
    margin-right:0em;
    text-indent:0em;
    min-height:125px;
    width:95%;
    background-color:whitesmoke;
    border:0px  solid grey;
    /*border-radius:5px;*/
    position:relative;
}

div.membership h1
{
   margin-top:0em;
   color:darkblue;
   margin-left:1em;
   margin-bottom:.5em;
   border-top:2px solid silver; 
   background-color: whitesmoke;
   text-align:left;
   font-size:large;
   
}

div.membership h4
{
   margin-top:0em;
   color:dodgerblue;
   margin-left:1em;
   margin-bottom:.5em;
   background-color:whitesmoke;
}

div.membership div
{
  text-align:right;
  margin-right:1em;
  width:100%;
}


div.membership  a
{
  text-decoration: none;
  margin-top:0em;
  color:cadetblue;
  font-weight:900;
  text-align:right;
  margin-right:1em;
}

div.membership  a:hover {
    background-color: aquamarine;
    opacity:.5;
}


div.membership img
{
    border-left:0px solid brown;
    border-right:0px solid brown;
    /*margin: 2em 0 0 4pt;*/
    width:260px;
    margin-left:0em;
   /* position:absolute;*/
}

div.membership a img
{
      border-radius:4px;
}



/*---------------DailyNews---------------*/
div.dailynews
{
    margin-top:32em;
    width:100%;
    margin-left:-.25em;
    margin-bottom:3em;
}

div.news-bg
{
    margin-top:3em;
	margin-left:.5em;
    text-indent:0em;
    border-left:  2px solid grey;
   background-color:azure;
}

div.news, div.upcoming, div.wfuna{
	margin-left:1em;
    text-indent:0em;
    min-height:125px;
    width:90%;
    background-color:azure;
    border:0px  solid silver;
    position:relative;
    margin-bottom:0em;
    margin-right:0em;
}

div.news {
    margin-top: 1em;
}

div.news img {
    margin-top: 1em;
    border-radius:5px;
    max-width:300px;
}

div.upcoming, div.wfuna {
    margin-top: 2em;
}

div.news h1, div.upcoming h1, div.wfuna h1
{
  
   margin-top:-1.5em;
   color:azure;
   margin-left:-.75em;
   margin-bottom:.25em;
   border:1px solid grey; 
   background-color:grey;
   text-align:center;
   font-size:large;
   
}


div.news h4, div.upcoming h4, div.wfuna h4
{
  
   margin-top:0em;
   color:blueviolet;
   margin-left:0em;
   margin-bottom:.5em;
    background-color:azure;
}



div.news a, div.upcoming a, div.wfuna a
{
  
  margin-top:0em;
  color:cadetblue;
  margin-left:0em;
    
}

div.news span, div.upcoming span, div.wfuna span
{
  
  margin-top:0em;
  color:cadetblue;
  margin-left:0em;
    
}

div.news img, div.upcoming img, div.wfuna img
{
    border-left:0px solid brown;
    border-right:0px solid brown;
    /*margin: 2em 0 0 4pt;*/
    width:99%;
    margin-left:0em;
   /* position:absolute;*/
}



div.news  p, div.upcoming  p, div.wfuna  p
{
   background-color:#fff;
   margin-top:.5em;
   margin-left:10.5em;
   margin-right:.25em;
   font-weight:normal;
}

div.news a, div.upcoming a, div.wfuna a
{
    color: cadetblue;
    text-decoration: none;
     margin-left:0em;
     margin-top:.5em;
     text-indent:0em;
     
}

div.news a:hover h4, div.news a:hover p, div.upcoming a:hover , div.upcoming a:hover h4, div.upcoming a:hover p, div.wfuna a:hover , div.wfuna a:hover h4, div.wfuna a:hover p
{
   background-color:lawngreen;
   border-radius:5px;
}



/*---------------Coming---------------*/
div.coming
{
    margin-top:0em;
	margin-left:1em;
    text-indent:0em;
    min-height:125px;
    width:90%;
    background-color:whitesmoke;
    border:0px  solid silver;
    /*border-radius:5px;*/
    position:relative;
    margin-bottom:2em;
    margin-right:0em;
}

div.coming a:hover li
{
    background-color: #B3EBDE;
    color: #1d60ff;
    text-decoration: none;
    border-radius:5px;    
}

div.coming a:active
{
    /*background-color: #465c71;*/
    color: #1d60ff;
    text-decoration: none;
}

div.coming li
{
    color: #1d60ff;
    text-decoration: none;
    text-indent:-1em;
    margin-left:3.5em;
    margin-top:0em;
    font-weight:bold;
    list-style-type: square;
    padding-left:1em;
}

div.coming a:hover h41
{
    background-color: yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;
}


img.coming
{
   height:60px; 
   border:1pt solid darkblue; 
   margin-top:.25em;
   background-image:url('/AUAP/Modules/Images/UpComing/nov15-17.png');
}


/*---------------Events---------------*/
div.events
{
    background-color:azure;
    color: darkblue;
    text-decoration: none;
    /*border-top:1px dashed #F6BF16; */
   /* background-image:url('/AUAP/Modules/poly_1.png');*/
    background-position:center;
   /*height:100px;*/
    border-radius:5px;
    position:relative;
    vertical-align:top;
    align-items:center;
    margin-left:10em;
    margin-top:0em;
    padding-top:0em;
    text-align:center;
   
}


/*---------------Program---------------*/
div.program
{
    background-color: #fff;
    color: darkblue;
    text-decoration: none;
    /*border-top:1px dashed #F6BF16; */
    background-image:url('/AUAP/Modules/poly_1.png');
    background-position:center;
   /*height:100px;*/
    border-radius:5px;
    position:absolute;
    vertical-align:top;
    margin-top:6em;
}

div.program a:hover h41
{
    background-color: yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;
}

div.program a h41, div.updateinfo a h41, div.newmember a h41, div.plan a h41, div.gallery a h41, div.coming a h41
{
    background-color: #B3EBDE;
}


/*---------------Update Information---------------*/
div.updateinfo
{
    background-color: #F640BC;
    color: darkblue;
    text-decoration: none;
    /*border-top:1px dashed #F640BC;*/
    background-image:url('/AUAP/Modules/poly_1.png');
    background-position:center;
   height:100px;
    border-radius:5px;
}

div.updateinfo li 
{
    color: white;
    text-decoration: none;
    text-indent:-1em;
    margin-left:1em;
    margin-top:-.25em;
}

div.updateinfo a:hover h41
{
    background-color: yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;
    text-indent:-10em;
}

img.line
{
    text-align:right;
}

/*---------------New Members---------------*/
div.newmember
{
    background-color: #F28543;
    color: white;
    text-decoration: none;
    /*border-top:1px dashed #F28543;*/
    background-image:url('/AUAP/Modules/poly_1.png');
    background-position:center;
   height:100px;
    border-radius:5px;
  
}

div.newmember a:hover h41
{
    background-color:yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;
}

/*---------------Plan---------------*/
div.plan
{
    background-color: #7676FA;
    color: white;
    text-decoration: none;
    /*border-top:1px dashed #F28543;*/
    background-image:url('/AUAP/Modules/poly_1.png');
    background-position:center;
   height:100px;
    border-radius:5px;
    
    
}

div.plan a:hover h41
{
    background-color: yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;
}


/*---------------Gallery---------------*/
div.gallery
{
    background-color: #27A0A4;
    color: darkblue;
    text-decoration: none;
    /*border-top:1px dashed #F28543;*/
    background-image:url('/AUAP/Modules/poly_1.png');
    background-position:center;
    height:800px;
    border-radius:5px;
    
}


div.gallery h41, div.program h41, div.coming h41, div.updateinfo h41, div.newmember h41, div.joint h41, div.plan h41
{
    margin-top:.0em;
    color: darkblue;
    text-align:left;
    border-radius:5px;
 }

div.gallery li 
{
    color: white;
    text-decoration: none;
    text-indent:-1em;
    margin-left:1em;
    margin-top:-.25em;
}

div.gallerylist img
{
    color: white;
    text-decoration: none;
    text-indent:-1em;
    margin-left:.5em;
    margin-top:-.25em;
    margin-bottom:.5em;
    border-radius:5px;
    border:1px solid silver;
    vertical-align:top;
    width:80px;
    height:80px;
    padding: 3px 6px;
    background:white;
}

  

div.gallery a:active 
{
    background-color: white;
    color: white;
    text-decoration: none;
}

div.gallery a:hover h41
{
    background-color: yellow;
    color: blue;
    text-decoration: none;
    border-radius:5px;

}

/*---------------Leader---------------*/
div.leader, div.leadernobullet
{
    color: darkblue;
    text-decoration: none;
}

div.leader li, div.leadernobullet li 
{
    color: darkblue;
    text-decoration: none;
    text-indent:-1em;
    margin-left:5em;
}


div.leadernobullet li
{
      list-style-type:none;
}


div.leader p, div.leadernobullet p
{
    margin-bottom:3em;
}

div.leader a:active 
{
    background-color: white;
    color: white;
    text-decoration: none;
}

div.leader a:hover li
{
    background-color: #C9C9F7;
    color: blue;
    text-decoration: none;
}

/*---------------Plan---------------*/
div.planactive
{
    text-decoration: none;
    width:100%;
}

div.planactive a img
{
    border:4px solid silver;
    width:100%;
}


/*---------------calendar---------------*/
.calendar
{
   height:60px; 
   border:1pt solid black; 
   margin-top:.25em;
   background-image:url('/AUAP/Modules/Images/UpComing/nov15-17.png');
   border-radius:3px;

}

.line
{
   margin-left:2em;
   margin-top:1em;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    /*display: block;*/
    /*background-image:  url("../Modules/Images/headerwrap_mix.gif");*/
    float: left;
    text-align: left;
    /*width: auto;*/
    width:100%;
    height: 120px;
    vertical-align:central;
    margin-left:.0em;
    background-color:white;
}

 .title a:hover
 {
     opacity:.5;
 }

.loginDisplay
{
    font-size: .8em;
    display: block;
    text-align: right;
    padding: 10px;
    color: darkblue;
    /*margin-left:-1.5em;*/
    float:right;
    margin-top:-.5em;
    text-decoration:none;
}

.loginDisplay a:link
{
    color:darkblue;
    text-decoration:none;
}

.loginDisplay a:visited
{
    color: darkblue;
    text-decoration:none;
}

.loginDisplay a:hover
{
    color: green;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
    color:black;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

/*------------Table--------------*/
.tableList
{
    width:102%;
}
.tableList tr:nth-child(odd) { background-color: lightcyan; color:Blue;}
.tableList tr:nth-child(even){ background-color: #D5DEF2; color:Blue; }

.firstCol
{
    margin-left:3em;
}

.banner{
    background: url("../Modules/Images/banner.gif");

}

.slide-bg{
    background-image: url("../Modules/Images/bg6.jpg");
    width:100%;
    /*height:340px;*/
    height: 470px;
    float:left;
    opacity:1;
    position:absolute;
    margin-top:.5em;
}

.slide-right{
   
    float:right;
    margin-top:1em;
    opacity:1;
    position:relative;
    margin-right:1em;
}

.slide-right img{
   
    width:450px;
    height:330px;
}

.slide
{
    width:500px; 
	height:485px;
    /*visibility:hidden;*/
    position:relative;
    margin-top:1em;
    margin-left:24em;
    /*border:4px  solid pink;*/
    border-radius:4px;
    vertical-align:top;
    opacity: 1;
    float:left;
}

/* Slideshow container */
.slideshow-container {
    max-width: 500px;
    margin-left: 150px;
    position: absolute;

   /* margin: auto;*/
}


/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

    /* On hover, add a black background color with a little bit see-through */
    .prev:hover, .next:hover {
        background-color: rgba(0,0,0,0.8);
    }


/* Caption text */
.text {
    color: whitesmoke;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    /*color: #f2f2f2;
    text-shadow: 2px 2px 5px #008B8B;*/
    font-size: 24px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
    font-style: italic;
    font-weight: bold;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

    .active, .dot:hover {
        /*background-color: #717171;*/
        background-color: whitesmoke;
    }

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .prev, .next, .text {
        font-size: 11px
    }
}

.contact {
    width: 100%;
    text-align: center;
}

.contact img
{
    width:30px; 
}

div.map {
     text-align:center;
     margin-left:1em; 
}

div.imgMembers, img.imgMembers, img.imgContact
{
   width: 220px;
   margin:0 0 -1em 0; 
}

div.imgMembers, div.imgContact
{
    border: 8px solid sandybrown;
    vertical-align:center; 
    float: left;
    margin: 2em .5em  2em 1em;
    border-radius:8px;
    color: sandybrown;
    background-color:lightyellow;
}

img.imgContact {
    margin: 0em 0em  -.5em 0em;

}
.nameMembers
{
   margin-top: .75em; 
   padding: 1em 0em 1em 1em; 
   border: 0px; 
   font-weight: 400; 
   font-size:18px;
   vertical-align: baseline; 
   float: left; 
   color: darkblue;
   margin-right:.5em;
   margin-left:0em;
   text-justify: none;
   font-size:12px;
   text-align:left;
}

.profileMembers
{
   margin-left:2em;
   margin-right:1em;
   margin-top:1.5em;
   border: 1px solid silver; 
   font-weight: 400; 
   font-size:18px;
   vertical-align: baseline; 
   float: left; 
   color: teal;
   border-radius:4px;
   padding:4px 4px 4px 4px;
   text-indent:2em;
} 

div.member
{
    width:100%;
}

.imgNormal
{
    border:solid 1px silver;
    width:750px;
}

.running
{
    position:absolute;
    overflow:hidden;
    font-weight:600;
    font-size:16px;
    color:cyan;
    display:inline;
    width:100px;
}

.showBlock
{
    visibility:visible;
}

.hideBlock
{
    visibility:hidden;
    height:60px;
}

.document, li.document, p.paragraph, table.document
{
    text-align:justify;
    font-weight:normal;
    font-family: Sans-Serif, Tahoma,  Arial Black;
    font-size:15px;
    color:teal;
    margin-left:1em;
    margin-bottom:2.5em;
    text-indent:0em;
    margin-top:.5em;
    width:95%;
}

.document a
{
    color:red;
}

.document b
{
    font-weight:900;
    color:cornflowerblue;
}

.document a:hover
{
    color:darkblue;
}

div.paragraph, p.paragraph
{
    color:blue;
    margin-top:1em;
    margin-left:2.5em;
    text-indent:-1.5em;
     
}

li.document 
{
    color:teal;
    margin-bottom:.25em;
    margin-left:3em;
    text-indent:-1.5em;
    width:90%;
}

li.document a
{
    color:darkblue;
    font-weight:300;
    font-family:Sans-Serif, Tahoma;
    font-size:14px;
}

li.document a:hover
{
    color:red;
}

/*---------------Member Coming---------------*/
div.coming_member
{
    text-decoration: none;
    background-position:center;
    min-height:50px;
    border-radius:5px;
    
}

div.coming_member a:hover li
{
    background-color: #B3EBDE;
    color: #1d60ff;
    text-decoration: none;
    border-radius:5px;    
}

div.coming_member a:active
{
    color: #1d60ff;
    text-decoration: none;
}

div.coming_member li
{
    color: #1d60ff;
    text-decoration: none;
    text-indent:-1em;
    margin-left:1em;
    margin-top:.75em;
}



img.coming_member
{
   height:60px; 
   border:1pt solid darkblue; 
   margin-top:.25em;
   background-image:url('/AUAP/Modules/Images/UpComing/nov15-17.png');
}

/*---------------Become a Member---------------*/
div.become_member
{
    font-family: Sans-Serif, Times New Roman;
    font-size: 20px;
    color:Blue;
    text-align:left;
    position:static;
    width:95%;
}

.border {
    border:0px solid silver;
    border-top-left-radius:1px;
    color:darkslateblue;
}

div.become_member ul
{
    font-family: Sans-Serif, Times New Roman;
    font-size: 22px;
    color:midnightblue;
    text-align:left;
    margin-left:-1em;
}

div.become_member ul li a:hover
{
    background-color: #B3EBDE;
    color: #1d60ff;
    text-decoration: none;
    border-radius:5px;    
    
}


div.become_member ul li a:active
{
    color: #1d60ff;
    text-decoration: none;
}

div.become_member ul li
{
    color: #1d60ff;
    text-decoration: none;
    text-indent:0em;
    margin-left:1em;
    margin-top:.75em;
    list-style: none;
    text-decoration:none;
}

img.become_member
{
   height:60px; 
   border:1pt solid darkblue; 
   margin-top:.25em;
   background-image:url('/AUAP/Modules/Images/UpComing/nov15-17.png');
}

italic
{
    font-style:italic;
    font-weight:normal;
    word-spacing:0px;
}    


div.bottom
{
    color: white;
    text-decoration: none;
    background-image:url('/AUAP/Modules/poly_bottom.png');
    background-position:center;
    height:50px;
    border-radius:5px;
}

/*---------------------------Method of Payment---------------------------*/
.method, li.method, p.method
{
    text-align:justify;
    font-weight:normal;
    font-family: Sans-Serif, Tahoma,  Arial Black;
    font-size:16px;
    color:Blue;
    margin-left:1em;
}

li.method, li.method a
{
    color:black;
    margin-left:3em;
    text-indent:-1em;
}

p.method a
{
    color:red;
}

p.method a:hover
{
    color:black;
}

.bg-member
{
    background-color:whitesmoke;
    margin-top:2em;
}

.bg-page
{
    background-color:azure;
    position:relative;
    width:100%;
 }

.colheader, th{
    text-align:left;
    font-weight:700;
    color:darkblue;
}
.univ{
    width:100%;
}

.poster, .poster1, .poster2{
    margin-top:-600px;
    margin-left:300px;
    float:left;
    position:relative;
    border-radius:5px;
    border:1px solid whitesmoke;
}
.poster3, .poster4{
    margin-top:-600px;
    margin-left:650px;
    float:left;
    position:relative;
    border-radius:5px;
    border:1px solid whitesmoke;
}
.poster1, .poster2, .poster4{
    margin-top:-450px;
}
 .poster2{
    margin-top:-300px;
}

div.mou{
	margin-left:2em;
    text-indent:0em;
    min-height:125px;
    width:90%;
    background-color:azure;
    border:0px  solid silver;
    position:relative;
    margin-bottom:0em;
    margin-right:0em;
    margin-top:-30em;
}

div.mou1{
	margin-top:-10em;
    margin-left:2em;
}

div.mou2 {
    margin-top: 5em;
    margin-left: 2em;
}

div.mou3 {
    margin-top: 10em;
    margin-left: 2em;
}

div.mou img, div.mou1 img, div.mou2 img, div.mou3 img {
    margin-top: 1em;
    border-radius:5px;
    max-width:300px;
}


/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .colauap, colauap2,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}*/

.colauap {
    position: absolute;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;

    width: 1000px;

    left: 50%;
    top: 0%;
    /*position: absolute;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    left: 50%;
    top: 0%;*/
}

.colauap2 {
    position: absolute;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;

    left: 30%;
    top: 0%;
    /*position: absolute;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    left: 30%;
    top: 0%;*/
}

/*.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}*/

button {
    border-radius: 0;
}



.collapse {
    display: none;
}

    .collapse.show {
        display: block;
    }

tr.collapse.show {
    display: table-row;
}

tbody.collapse.show {
    display: table-row-group;
}

/*caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: top;
}

caption2 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: top;
}*/

.alumni_tb {margin-bottom:50px;}
.alumni_tb tr th {border:1px solid #d7d7d7; padding:6px 0; border-top:2px solid #65bff7; text-align:center; font-weight:bold; background-color:#fbfbfb;}
.alumni_tb tr td {border:1px solid #d7d7d7; padding:5px 0 5px 20px; color:#838383;}
.alumni_tb tr td.text_center {text-align:center; padding-left:0;}