/* ------------------------------
 * following css is organized by page component
------------------------------ */

/*
 * overall
 */

body{
    margin:0;
    padding:0px;
    background:#88a5a5;
    font-family:Verdana,Tahoma,'Lucida Sans Unicode',Arial,Helvetica,sans-serif;
    font-size:12px;
}

#container{
    width:910px;
    margin:15px auto;
    background:white;
    border:1px solid #006666;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 0px 0px 5px #333;
    -webkit-box-shadow: 0px 0px 5px #333;
    box-shadow: 0px 0px 5px #333;
}

/* logo - topbar */
#header {
    width:910px;
    padding:0px;
    margin:0px;
    height:105px;
}
#topbar {
    width:900px;
    color:#006666;
}
#topbar-left {
    width:400px;
    float:left;
    padding:10px 0 5px 20px;
}
#topbar-right{
    float: right;
    height: 80px;
    width: 400px;
    padding: 10px 15px 5px 0;
}
#topbar-right p {
    padding:20px 0 10px 0;
    margin:auto;
    font-size:18px;
    color:#006666;
    text-align:right;
}
#topbar-right a { color:#006666; }

/* navigation */
#nav {
    clear:both;
    font-size:115%;
    padding: 0px;
    margin: 0px;
}
#navmenu, #navmenuright, #navsubmenu {
    margin:0;
    padding:2px 0;
}
#navmenuright {
   /* width:20em;*/
    padding-right:10px;
    float:right;
    text-align:right;
}
#navmenu {
    width:780px;
    padding-left:15px;
}
#navsubmenu {
    width:880px;
    padding-left:30px;
}
#nav ul {
    margin:0;
    padding:0;
}
#nav li {
    list-style-type:none;
    display: inline;
    padding: 2px 0.5em;
    text-decoration: none;
    text-align: center;
}
#nav li.current {
    border-left: solid 1px #006666;
    border-right: solid 1px #006666;
    border-top: solid 1px #006666;
    border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}
#nav li a {
    padding: 0px 5px 0px 5px;
}
#navmenu li a {
    color: #006666;
    background:#ffffff;
}
#navsubmenu, #navsubmenu li a {
    color: #ffffff;
    background:#5f8277;
    font-size:98%
}

#nav a:hover {
    color:#b30000;
    text-decoration:underline;
}


/*
 * main body of page
 */
#main{
    width: 890px;
    padding: 10px 10px;
    margin: 0px auto;
}

#column_main, #column_main_nofeature, #column_main_only, #column_left, #column_right {
    float: left;
}

#column_main{
    width:410px;
    margin: 0px 5px 0px 0px;
    padding: 2px 20px;
}
#column_main_nofeature{
    width:880px;
    margin: 0px;
    padding: 2px 5px;
}
#column_main_only{
    width:580px;
    margin-left:45px;
    margin-right:15px;
    padding: 2px 0px 10px 0px;
}
#column_left {
    padding-top:2px;
    width:175px;
}
#column_left, #dialogue_bug, #acknowledge {
    padding-left:5px;
    padding-right:5px;
    text-align: center;
}
#aboutus, #column_features, #dialogue_bug, #twitterfeed, #twitterfeed_rt,#socialicons {
    font-size:100%;
}

.timeline-header {
    background: none repeat scroll 0 0 #006666;
    border: solid 1px #006666;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


#column_right {
    width: 235px;
    margin-left:15px;
}
#column_features {
    padding: 2px 15px 10px 15px;
    border: solid 1px #006666;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#info1,#info2 {
    width:280px;
    padding-right: 10px;
    float:left;
}

#infoclear{
    clear:both;
}

#members_updates {
    width:220px;
    padding: 5px 10px;
}

#acknowledge {
    margin: 0.5em 0em;
    padding-top:1.5em;
    padding-bottom:1.5em;
    font-variant: small-caps;
    border: thin solid #006666;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font-size:90%;
}

#dialogue_bug {
    margin: 0.5em 0em;
    padding:1.2em 0;
    font-variant: small-caps;
    border: thin solid #006666;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    font-size:90%;
}

#dialogue_bug h3 {
    background:#990000;
    color:white;
    margin: 0;
    padding: 0;
    width: 174px;
}

a.dialogue_bug {
    color: white !important;
}

#aboutus {
    padding-bottom:5px;
}

/* use only if twitter is in
 * right-hand column */
#twitterfeed_rt {
    clear:left;
    padding-top:10px;
}
/*****/

#twitterfeed, #socialicons{
    padding-top:0px;
}
#acknowledge hr {
    width: 90px;
    margin-top:2ex;
    margin-bottom:2ex;
}

#socialicons {
    margin: 0;
    padding:0.5em auto;
    font-size:90%;
}

ul.socialicons {
  list-style: none outside none;
  padding:0;
}

ul.socialicons li {
  display:inline;
}

#column_solo {
    padding: 0 5px;
}

ul.headline, ul.updates { list-style-type: none; padding:0 0 0 2.0ex; margin:0; text-indent:-2.2ex;}
ul.headline2 { list-style-type: none; padding:0 0 0 4.0ex; margin:0; text-indent:-1.8ex;}
#column_main li, #column_main_only li {padding-bottom:1.2ex;}
#column_main a { color:#006666; }
#column_main a:hover { text-decoration:underline }
#column_main a.headline { font-weight:normal;text-decoration:none;color:#000000; }
#column_main a.headline:hover { font-weight:normal;text-decoration: underline }
#column_main ul.jobdescription { list-style-type: disc; margin-left:2ex; }

#column_features img { border: 0px; }
#column_features a { border: 0px; }
.school_img {
    text-align:center;
    margin:5px 0px;
}

input.box {
    border: solid 1px;
    color: #666666;
    font-size: 14px;
    height: 20px;
    margin: 0;
    padding: 0;
}

.btn {
    border: 1px solid buttonface;
    cursor: pointer;
    height: 22px;
    margin: 0;
    padding: 0;
    width: 23px;
    text-align:center;
    font-size:14px;
}

input, form, textarea, h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:125%;}
h2{font-size:120%;}
h2{border-bottom:solid 1px #dedede; padding:4px 0; margin-bottom:10px;}
h3, h4 {font-size:140%; border-bottom:solid 1px #dedede; padding:4px 0;margin-bottom:10px;color:black;font-weight:normal}
h5{margin-top:1em;font-size:100%;margin:0;padding:1em 0 0;font-weight:bold;color:black}
h6{margin-top:1em;font-size:100%;padding:0.8ex 0 .2ex 0; margin:0; text-indent:1.8ex;font-weight:bold;color:black}

p { margin:0px; padding:4px; }
p.jobaddress { margin-left:2ex }
p.error { color:red }
p.newmember { font-size:85%; text-align:left }
p.stickynote { font-size:11px; border:thin solid black; padding:.8ex; margin: 1em 0em; background:#dddddd; }
p.bold-centered {font-weight:bold;text-align:center;padding-left:2em;padding-right:2em}
p.underline-centered {font-weight:normal;text-decoration:underline;text-align:center;padding-left:2em;padding-right:2em}

td em{font-style:italic; font-weight:normal; text-decoration:none;}

tr {vertical-align:top}

.headline a, a, a:link, a:visited, a:hover {
    text-decoration:none;
}
a {color:#006666;}
a.headline {color:black;}
a:hover {color:#b30000;}

a.clearbutton {color:black;
	    border: 1px solid;
	    background:#dddddd;
	    font-size:145%;
	    padding:0px .5ex;
	}

dt, dd {margin-bottom:1ex;}
dt {font-weight:bold}

img.logo{margin:0px 10px 0px 10px;float:left;vertical-align:middle; border:0px}
a.img{padding:0;margin:0}

h1.banner{font-size:30px;color:#006666;line-height:1.1}

h3.departments { text-align:center;
    background:#ffffff;
    color:#006666;
    border:none;
    border-left: thin solid #006666;
    border-right: thin solid #006666;
}

input, textarea {border: 1px solid}
input.submit {border: 1px solid}


#pagenav { margin: 0 auto }

#footer {width:auto; display:block; padding:10px 0 4px; font-size:9px; color:#006666;}
#footer p { margin: auto; text-align: center; }
#footer hr { text-align: center; margin: 10px; }
#footer img { vertical-align: middle;border-color:white }

/************* #langSet styles ***************/

#langSet{
    padding: 6px 6px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    }

#langSet form{
    margin: 0px;
    padding: 0px;
    }

#langSet label{
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    }

.langSetbutton{
    font-size: 120%;
    border: 1px solid;
    border-color: #000000 #000000 #000000 #000000;
    padding: 5px 5px 5px 5px;
    color: #006666;
    background: #ffffff;
    }

input.langSetbutton:hover {
    color: #ffffff;
    background: #990000;
    }


#column_middle a.sorter:link {color:#006666;font-weight:bold;text-decoration:none}
#column_middle a.sorter:hover {color:#006666;font-weight:bold;text-decoration:underline}
table.members {
    width:100%;
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
    margin:10px auto;
}

table.members th {border-width:1px 1px 2px 1px;border-style:solid;border-collapse:collapse;padding:.4ex 1ex}
table.members td {border-width:1px;border-style:solid;border-collapse:collapse;padding:.4ex 1ex}

table.addresses td {padding-right:4em}

#search_box {
    margin-left:auto;
    width:30ex;
}

#search_box form {
    height:2.5ex;
    width:30ex;
  }


#search_box input {
    font-size:130%;
    width:23ex;
}

#search_box label {padding:0 2ex;float:none}

table.committee, table.equity, table.pits {border: 0; padding:0;}
table.committee {width:300px;margin:5px}
table.pits {width:480px}
table.equity {width:480px}
table.committee td, table.pits, table.equity td {text-align:left}

table.gradprograms {
  margin-left:40px;
}
table.gradprograms td {
  padding: 5px;
  padding-right:30px;
}


ul.presaddresses { list-style:none; margin-top:.5ex;margin-left:-2ex}

label {
float:left;
text-align:right;
width:12ex;
padding-right:6px;
vertical-align:middle;
}

p.fake_label {
margin-left:7ex;
}

fieldset.hiring {
    padding: 2em auto;
}

fieldset.login { }

.sponsorbadgeleft, .sponsorbadgeright {
	border: 1px solid;
	height: 44px;
}

.sponsorbadgeleft {
	margin-left: 10px;
}

.sponsorbadgeright {
	margin-left: 20px;
}

/*-------------------------------------
 * formset of evaluation forms
 *------------------------------------*/

#top_form {
    font-weight:bold;
    font-size:160%;
    padding:10px 20px;
}

label.eval {
    float:left;
    text-align:right;
    padding-right:5px;
    vertical-align:middle;
}

#eval_form input[type=radio] {
  margin: 2px 0 0 2px;
  vertical-align:middle;
}

input {
    text-align:left;
}

p.fake_label {
    margin-left:7ex;
}

legend {
    font-weight:bold;
    padding:4px;
}

#profile_form label {
  width:28ex;
  float:left;
  text-align:right;
  padding-right:5px;
  vertical-align:middle;
}

#profile_form input, #profile_form textarea {
  padding-left:2px;
}

div.spacer{clear:both; height:1px; display:block;}

table.feature { width:200px;border-collapse:collapse;font-size:95% }
td.label { text-align:right;padding:0 2ex 0 4px;width:30% }
td.data { text-align:left;padding:0 4px 0 0;width:70% }

td.category-head { text-align:left;padding:4px;width:40ex;text-decoration:underline; } 
td.fee-head { text-align:right;padding:4px;width:40ex;text-decoration:underline; } 
td.category { text-align:left;padding:0px 4px;width:40ex } 
td.fee { text-align:right;padding:0px 4px;width:40ex } 

.orderbutton, .sondagebutton{
    border: 1px solid;
    border-color: #000000 #000000 #000000 #000000;
    padding: 0px 5px;
    }

/*-------------------------------------
 * divs for department listing
 *------------------------------------*/

.dept {
    clear:both;
    width:100%
}
.deptimg,.deptinfo {
    float:left;
    padding:10px;
    margin:5px;
}

.deptimg {
    width:225px;
    text-align:center;
    background-color:#eef0ef;
    border:solid 1px black;
}

.deptschoolname_fr, .deptschoolname_en {
    font-weight:bold;
    font-size:120%;
}

#deptlistsort {
    clear:both;
    font-size:115%;
    padding:5px;
    margin: 0px;
    width:800px;
}

#deptlistsort fieldset, #deptlistsort input, #deptlistsort legend, #deptlistsort label {
    float:left;
    border:0px;
    padding:0px 15px 10px 5px;
}

#deptlistsort label {
    text-align:left;
    width:140px;
}

#deptlist legend {
    font-weight:bold;
}

#deptlist input {
    margin-top:.1em;
    text-align:left;
}


.twtr-widget h3, .twtr-widget h4 {
    border-bottom: 0 none !important;
}


/*---------------------------------
 * div classes for board of directors
 * --------------------------------*/

.board_leftcol, .board_rightcol {
    padding:1ex 4ex;
    width:40ex;
}

.board_leftcol {
    float:left
}

.board_rightcol {
    margin-left:48ex;
}



/*-------------------------------------
 * divs for members' news listings
 *------------------------------------*/

#membersnews {
    width:100%;
}

.memberstatus_item {
    clear:both;
}

.memberstatus_item, .memberstatus_news, .memberstatus_info {
    padding:5px;
}

.memberstatus_info, .memberstatus_news {
    float: left;
}

.memberstatus_info {
    width:20%;
}

.memberstatus_news {
    width:70%;
    border:solid 1px black;
}

/*-------------------------------------
 * for paypal 
 *------------------------------------*/

table.section { padding:0px; }