/* carillon colours:
blue: #204a87
yellow: #f5e933

dark blue: #233755;
pale blue: #d4d8dd; 
light yellow: #fffcc4;
light grey: #e2e2e2;
dark grey: #a2a2a2;
*/

body {
   font-family: Verdana, Helvetica, sans-serif;
   font-size:0.8em;
   padding:0;
   margin:0;
   color:#000000;
   background: url("/carillon_images/bggradient.jpg") repeat-x;
}


legend {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 0.8em;
  color:#000000;
}
.indexpagetable {
   background: url("/carillon_images/background-to-world-bg.gif");
}


.sitemap h3 {
	 font-family: Verdana, Helvetica, sans-serif;
	 color: #000000;
	 text-decoration: none;
	 font-size: 1.0em;
}
/* ----------------------------------- */
/* 		Page Sections	       */
/* ----------------------------------- */
#container {
   margin:auto;
   width:800px;
   border:1px #233755; /*  dark blue */
   border-top:none;
}

#header {
   background:white url("/carillon_images/world-logo-bg.gif");
   padding-right:3px;
}

#header #top_links {
   font-size: 0.7em;
   text-align:right;
}

#header #top_links a {
   text-decoration:none;
}

#header #top_links a:hover {
   text-decoration:underline;
}

#main {
   position: relative;
   background:#fff;
  /* padding: 10px 5px 5px 10px;
  */
   font-family:sans-serif;
   clear:both;
  min-height:400px;
}

#main a {
   text-decoration:none;
}

#main a:hover {
   text-decoration:underline;
}

td#leftcontent {
   width:575px;
 /*  margin-right:15px;
 */
   padding-bottom:20px;
   padding-left:8px;
   padding-right:6px;
}

div#leftcontent {
   width:600px;
   height: 100%;
   padding-top: 5px;
   padding-bottom: 20px;
   padding-left: 8px;
   padding-right: 6px;
}

#leftcontent hr {
  width:400px;
}

#leftcontent a {
   color: #334499;
}

td#sidebar {
   font-family: Verdana, Helvetica, sans-serif;
   padding: 5px;
   padding-left:8px;
   padding-right:8px;
   border-left:1px solid #F1F1F6; /* grey blue*/
   color: #ffffff;
   font-size: 1em;
   text-decoration:none;
   height:100%;
}

div#sidebar {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    font-size: 1em;
    border-left: 1px solid #F1F1F6;
    padding:2px 8px;
}

#sidebarinc {
   font-family: Verdana, Helvetica, sans-serif;
   padding: 2px;
   vertical-align:top;
}
#contactinfobox {
   position:relative;
   top:100px;
   vertical-align:bottom;
   border-width:thin;
   border-color:#898989;
}

#contactinfobox hr {
   width:100px;
   color:#898989;
}	

#footer {
   color: #a2a2a2;
   text-align:center;
   background:  #233755 url("/carillon_images/stripeFooter.gif") repeat-x bottom; /* blue*/
}

#footer a {
   color: #e2e2e2;
   font-size: 0.9em;
   text-decoration:none;
   margin: 3px;
}

#footer a:hover {
   color:#F7C11C; /* yellow*/
}

#formaction label {
   display: block;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   width: 80px; 
}

#formaction input[type=text] {
   display: block;
   float: left;
   width: 220px;
}

#formaction input[type=password] {
   width: 220px;
}

#formaction br {
   clear: left;
}

#formaction button {
   float: right;
}

/* --------------------------------------- */
/*	 Page Elements			   */
/* --------------------------------------- */


h3 {
   background: url("/carillon_images/yellowtowhitebar.gif") no-repeat; 
   color: #000000; 
   margin: 0;
   padding: 0;
   padding-left: 4px;
}

h4 {
   color: #233755; /* dark blue */
   margin: 0;
   padding: 0;
   padding-left: 4px;
}

a {
   color: #000000; /*  black */
}

#ticketreview a {
   color: #223377
}

a img {
  border:none;
  border: 0 solid #a2a2a2;  /* dark grey */
}

.bodytext {
    background: #ffffff;
    border:0 solid #EAE9E9; 
    min-height:120px;
    height:auto !important;
    height:100%;
    margin-bottom:17px;
    margin-top:0;
    margin:2px;
}

p {
	margin-bottom:20px;
}

ul {
	margin-bottom:20px;
}


img.coffee {
    float: right;
}

.bodytext ul {
   list-style:circle;
   margin:2px;
   padding-left:15px;
   padding-bottom:5px;
}

.bodytext h3 {
   color: #233755;  /* dark blue */
   background: transparent; /* white */
   font-family: Verdana, Helvetica, sans-serif;
   font-style: italic; 
   margin:0px;
   padding:1px;
   padding-left:4px;
}

.bodytext a {
   color: #334499;
}

.bodytext a:hover {
   color: #334499;
}

.about_box {
    background: #e2e2e2 url("/carillon_images/blueprint_vector.jpg");
    border:1px solid #a2a2a2; 
    min-height:60px;
    height:auto !important;
    margin-bottom:17px;
    margin-top:0px;
}

.about_box ul {
   list-style:circle;
   margin:2px;
   padding-left:15px;
   padding-bottom:5px;
}


/* contact promo on sub-pages */

#address {
   background:#fffcc4; /* light yellow */
   border:1px solid #a2a2a2; /*dark grey */
}

#address h3 {
   background:#F7C11C; /* yellow */
   color:#233755; /* dark blue */
   margin:0px;
   padding:1px;
   padding-left:4px;
}

#bio img {
   float: left;
   margin:4px;
   border:1px solid #d4d8dd;/*pale blue */
}

/* ----------------------------------------- */
/*  Sidebar Information	  			     */
/* ----------------------------------------- */

#sidebar ul {
   list-style-type:none;
   padding-left:4px;
   margin:2px;
   margin-bottom:4px;
}

#sidebar li {
   background-image: url("/carillon_images/sound.gif");
   background-repeat:no-repeat;
   background-position: 0.0em 0.2em;
   padding-left:16px;
}

#sidebar h5 {
   color: #000000;
   font-size: 0.8em;
   text-decoration:none;
}

#sidebar a {
   text-decoration:none;
   font-size: 0.8em;
}

#sidebar a:hover {
   text-decoration:underline;
}

#sidebar h3 {
	 font-family: Verdana, Helvetica, sans-serif;
	 color: #000000;
	 background: url("/carillon_images/yellowtowhitebar.gif") repeat-x bottom; 
 	 text-decoration: none;
	 font-size: 1.0em;
}

#sidebar li:hover {
   background-image: url("/carillon_images/yellowsound.gif");
}
#gofromhere {
   position:relative; 
   top:50px;
}

#gofromhere h3{
	 font-family: Verdana, Helvetica, sans-serif;
	 color: #000000;
	 background: url("/carillon_images/whitetoyellowbar.gif") repeat-x bottom; 
	 text-decoration: none;
	 font-size: 0.8em;
}

/* ----------------------------------------- */
/*  Header contents			     */
/* ----------------------------------------- */

span#logo img {
   border:none;
   padding:3px;
   margin-left:10px;
   margin-top:10px;
}

span#searchbox {
}

#langs {
   text-align:right;
   margin-top:0px;
}

#langs a {
   color:#e2e2e2;
   font-size:0.6em;
   text-decoration:none;
   border:0px solid  #233755;
   padding:1px;
}

#langs a:hover {
   color:#f5e933; /* yellow*/
}


/* ----------------------------------- */
/*          Menu System                */
/* ----------------------------------- */

#nav {
   float:left;
   width:80%;
   font-size:93%;
   line-height:normal;
   background:  #204a87 url("/carillon_images/stripe.gif") repeat-x bottom; /* blue*/
}

#nav ul {
   margin:0;
   /*padding:5px 10px 5px 10px; 
   top, right, bottom, left*/
   list-style:none;
}

#nav li {
   float:left;
  /* background:url("/carillon_images/left_tab_off.png") no-repeat left top;
  */
   margin:0;
   padding-left: 9px;  /* width of left tab image */
}

#nav a:hover {
   color:#ffffff;
}

#nav a {
   float:left;
   display:block;
   /*background:url("/carillon_images/right_tab_off.png") no-repeat right top;
   */
   padding:5px 15px 5px 6px;
   /* top, right, bottom, left*/
   text-decoration:none;
   font-weight:bold;
   color:#e2e2e2;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav #current {
 /*  background-image:url("/carillon_images/left_tab.png");
 */
}
#nav #current a {
/*   background-image:url("/carillon_images/right_tab.png");
*/
   color:#F7C11C; /* yellow */
}

#contactus {
   float:right;
   width:20%;
   font-size:93%;
   line-height:normal;
   background:  #204a87 url("/carillon_images/stripe.gif") repeat-x bottom; /* blue*/
}

#contactus ul {
   margin:0;
   /*padding:5px 10px 5px 10px; 
   top, right, bottom, left*/
   list-style:none;
}

#contactus li {
   float:right;
   margin:0;
   padding-left: 9px;  /* width of left tab image */
}

#contactus a:hover {
   color:#ffffff;
}

#contactus a {
   float:right;
   display:block;
   padding:5px 15px 5px 6px;
   /* top, right, bottom, left*/
   text-decoration:none;
   font-weight:bold;
   color:#e2e2e2;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#contactus a {float:none;}
/* End IE5-Mac hack */

#contactus #current a {
   color:#F7C11C; /* yellow */
}

body.section-1 #submenu ul#sub_bio a,
body.section-2 #submenu ul#sub_projects a,
body.section-3 #submenu ul#sub_interests a,
body.section-4 #submenu ul#sub_links a {
   	background : #4cb0a8;
   	border: none;
   	color:#c1f6c8;
   	font-size : smaller;
   	font-weight : bold;
   	line-height : 10px;
   	margin-right : 1px;
   	padding : 0 8px 2px 1px;
   	text-decoration : none;
}

#submenu {
   	margin-right:24px;
}

#submenu #sub_projects{
	display : none;
	width: 90%;
}

body.section-1 #submenu ul#sub_bio,
body.section-2 #submenu ul#sub_projects,
body.section-3 #submenu ul#sub_interests,
body.section-4 #submenu ul#sub_links {
   	display : inline;
   	float:left;
   	background : #4cb0a8;
   	width:100%;
   	border:none;
   	border-left:2px solid black;
   	border-right:2px solid black;
}

body.section-1 #submenu li#sub_bio a,
body.section-2 #submenu li#sub_projects a,
body.section-3 #submenu li#sub_interests a,
body.section-4 #submenu li#sub_interests a {
        background : #d9e5f1;
        border-bottom : 2px solid #d9e5f1;
        color : #000000;
}

#copyright {
   	text-align: center;
   	font-size: 8pt;
   	color: #000000;
}

.error {
   	text-align: center;
   	font-size: 12px; 
   	color: #FF0000; 
   	text-decoration: none 
}

#timetrack label,input[type=text] {
	display: block;
        width: 120px;
        float: left;
        margin-bottom: 10px;
}

#timetrack label {
        text-align: right;
        width: 60px;
        padding-right: 20px;
}

#timetrack input#hours {
        text-align: center;
        width: 20px;
}

#timetrack input#date {
        text-align: left;
        width: 10em;
}

#timetrack input#task {
        text-align: left;
        width: 450px;
}

#timetrack br {
        clear: left;
}

#travelrep br {
	clear: left;
}

#travelrep table {
	border-width: 1px 1px 1px 1px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}

#travelrep td {
	border-width: 0 0 0 0;
	padding: 0 0 0 0;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
}

#travelrep label {
        display: block;
        float: left;
	text-align: right;
        width: 120px;
        padding-right: 20px;
	margin-bottom: 10px;
}

#travelrep input[type=text] {
	display: block;
	float: left;
	margin-bottom: 10px;
}

#travelrep button.submission {
	float: right;
}

.oddRow {
	background-color: #CCD0E0;
}

#travelrep input.dateInfo {
	width: 100px;
}

#travelrep p {
	clear: left;
}

#travelrep p.note {
	float: left;
	background-color: #EEEEEE;
	border-left: solid;
	border-right: solid;
	border-top: solid;
	border-bottom: solid;
	border-width: thin thin thin thin;
	border-color: black black black black;
	text-align: center;
}

#travelrep h3 {
	clear: left;
	display: block;
}

#std_form input[type=text] {
        display: block;
        width: 340px;
        float: left;
        margin-bottom: 10px;
}

#std_form input.short[type=text] {
        display: block;
        width: 120px;
        float: left;
        margin-bottom: 10px;
}

#std_form textarea {
        display: block;
        width: 340px;
        float: left;
        margin-bottom: 10px;
}

#std_form textarea.wide {
        width: 500px;
}

#std_form textarea.full {
		width: 100%;
}

#std_form input[type=password] {
   display: block;
   float: left;
   margin-bottom: 10px;
   width: 340px;
}

#std_form label {
        display: block;
        width: 340px;
        float: left;
        margin-bottom: 10px;
        text-align: right;
        width: 100px;
        padding-right: 10px;
}

#std_form br {
	clear: left;
}

#std_form button {
	float: right;
}

#std_form p.username {
	display: block;
	clear: left;
	margin: 0 0 0 0;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 0;
	padding-bottom: 2px; 
	font-size: 1.5em;
	font-weight: bold;
	background-color: #d4d8dd;
}

#std_form p.detail {
	margin: 0 0 0 0;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 0;
	padding-bottom: 2px; 
}

#std_form img.userpic {
	float: right;
	border: 1px solid #003B62;
	margin: 1px 0 0 0;
	height: 100px;
	width: 100px;
}

#std_form .email {
	color: #334499;
}

#std_form .userconst {
	border: 1px solid #003B62;
	margin: 1px 1px 10px 1px;
	padding: 10px 10px 10px 1px;
}

#std_form input[type=password] {
   width: 220px;
}
 
p.ticketheader {
        display: block;
        background-color: #d4d8dd;
	border: 1px solid #003B62;
	padding: 5px 5px 5px 5px;
}                                 

p.ticketdisplay {
	display: block;
	line-height: 1.2;
}

p.ticketdescription {
	display: block;
}

p.ticketmessageheader {
	display: block;
	border: 1px solid #003b62;
        background-color: #d4d8dd;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

p.internalticketmessageheader {
	display: block;
	border: 1px solid #003b62;
        background-color: #e4b8bd;
	padding: 5px 5px 5px 5px;
	margin-top: 0;
	margin-bottom: 0;
}

p.ticketmessage {
	display: block;
	border: 1px solid #003b62;
	padding: 5px 5px 10px 5px;
	margin-top: 0;
	margin-bottom: 10px;
}

p.ticketmessageinfo {
        display: block;
        border: 1px solid #003b62;
        background-color: #ffffaa;
        padding: 5px 5px 5px 5px;
        margin-top: 0;
        margin-bottom: 10px;
}

#regwarning {
	display: block;
	height: 110px;
}

#regwarning img {
	float: left;
	padding-right: 10px;
}

#regwarning p {
	padding-top: 20px;
}

#terms {
	display: block;
	border: 1px solid #003B62;
	padding: 5px 5px 5px 5px;
        margin: 2px 2px 10px 2px; 
}

#e8130form {
        margin: 2px 2px 2px 0;
	padding: 2px 2px 2px 2px;
}

#e8130form p {
        margin: 0 0 4px 0;
        padding: 0 0 0 4px;
}

#e8130form p.ftitle {
	vertical-align: top;
	font-size: 0.6em;
	font-family: serif;
	margin: 0 0 2px 0;
	padding: 0em 0.25em 0em 0.5em;
}

#e8130form p.ftext {
	display: block;
	font-family: serif;
	text-align: center;
        margin: 5px 0 2px 0;
        padding: 3px 0 3px 0;
}

#e8130form table.e8130 {
	padding: 0 0 0 0;
	width: 100%;
	border: 1px solid #003B62;
	border-spacing: 0;
	border-collapse:collapse;
}

#e8130form table.e8130 td {
	padding: 0 0 0 0;
	border: 1px solid #003B62;
	vertical-align: top;
}

#e8130form table.e8130p {
        border-style: none; 
	border-spacing: 0;
	border-collapse:collapse;
}

#e8130form table.e8130p td {
	vertical-align: top;
	padding: 0 0 0 0;
	border: 1px solid #003B62;
}

#e8130form table.e8130p td.upper {
	border-style: none solid solid none;
}

#e8130form table.e8130p td.upperinactive {
	border-style: none none solid solid;
	border-width: 0 0 1px 1px;
	background-color: #AAAAAA;
}

#e8130form table.e8130p td.left {
	border-style: solid solid solid none;
}

#e8130form table.e8130p td.right {
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	background-color: #AAAAAA;
}

#e8130form .inactive {
	background-color: #AAAAAA;
}

#e8130form .block14radio {
	width: 20px;
        margin: 10px 5px 0 0;
	padding: 0 0 0 0;
	font-size: 0.8em;
}

#e8130form .block19check {
	width: 20px;
	font-size: 0.8em;
}

#e8130form input[type=text] {
	display: block;
	float: left;
        padding: 0 0 0 0; 
	margin: 5px 0 10px 2px;
        width: 90%;
}

#e8130form input.desc {
	margin-bottom: 0;
}

#e8130form input.cust {
        width: 7em;
	margin-bottom: 0;
}

#e8130form label {
	display: block;
	float: left;
        text-align: left;
        width: 7em;
        padding: 0 0 0 0;
	margin: 5px 0 10px 2px;
}

#e8130form select {
	display: block;
	float: left;
        padding: 0 0 0 0;
	margin: 5px 0 10px 2px;
}

#e8130form textarea {
	display: block;
	width: 99%;
	margin-bottom: 10px;
}

#e8130form br {
	clear: left;
}

#e8130form button {
	float: right;
}

.certshow {
        display: block;
        font-family: Verdana, Helvetica, sans-serif;
        font-size:0.8em;
	margin: 2px 2px 2px 0;
	padding: 2px 2px 2px 2px;
}

.dnprint {
        margin: 0 0 0 0;
	padding: 2px 2px 2px 20px;
	display: block;
        
}

.newproject {
	margin: 0 0 0 0;
	border-top-style: double;
	border-top-width: 1px;
	border-top-color: #000000;
	background-color: #99AABB;
}

#instruction {
	background-color: #DDDDDD;
}

#instruction .example {
	display: block;
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	font-family: monospace;
        background-color: #FFFFFF;
	font-size: 0.8em;
}

#instruction .footnote {
	font-size: 0.8em;
}

.titletext {
	vertical-align: top;
	text-align: left;
	font-size: 0.6em;
	font-family: serif;
	margin: 0 0 2px 0;
	padding: 0em 0.25em 0em 0.5em;
}

.valuetext {
	display: block;
	font-family: serif;
        margin: 5px 0 2px 0;
        padding-left: 3px;
        padding-right: 3px;
}

.valuetextbad {
	display: block;
	font-family: serif;
        margin: 5px 0 2px 0;
        padding-left: 3px;
        padding-right: 3px;
        color: #FF0000;
}

.errortext {
	font-family: sans-serif;
	color: #FF0000;
}

table.showinfo {
        width: 100%;
      	border-width: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}

td.badsection {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: black;
	background-color: #99AABB;
}

td.name {
	margin: 0 0 0 0;
        padding: 2px 3px;
	background-color: #CCD0E0;
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

td.info {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: collapse;
}

#goodscroll {
	height: 160px;
        overflow: auto;
        border-style: solid;
	border-color: grey;
        border-width: 1px;
        margin: 0;
        padding: 0;
}

div.dimmer {
   background: url("/carillon_images/greyout.png");
   display: none;
   top: 0px;
   left: 0px;
   position: absolute;
}

div.popup {
    position: fixed;
    display: none;
    background-color: #FFFFFF;
    width: 500px;
    border: 1px solid #000;
    padding: 10px;
    z-index: 200;
}

fieldset.certservaction {
	min-height: 300px;
}

fieldset.certserv_selector {
	min-height: 100px;
}

p.menu {
    font-size: 0.7em;
    font-family: sans-serif;
    font-weight:bold;
    padding-top: 15px;
    padding-bottom: 0px;
}

td.urgent {
    color: red;
}