/*
  960 Grid System ~ Text CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
/* color palette definition
    from kuler.adobe.com
    Aruba
    Purple: #332F45 Borders, Fonts
    Blue:   #015770 (Fonts, Borders, etc)
    Green:  #2A8782 (Backgrounds, Lines)
    Green2: #93D6AE (Accent color)
    Sand:   #FFFED2 (background color)
*/

body {
  /*font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;*/
    margin: 0px;
    padding: 0px;
    font: 16px/1.25 Helvetica, Georgia, Tahoma, Arial, FreeSans, sans-serif;  
    text-align: left;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    /*min-width: 960px;
    height: 100%;
    width: 100%;*/
    background-color: #FFFFFF;  }

pre, code {  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;  }

hr {    border: 0 #015770 solid;
        border-top-width: 1px;
        clear: both;
        height: 0; }

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {    font-size: 24px;
        font-weight: bold;
        font-family: Helvetica;
        color: #332F45;
        margin: 10px;
        text-align: left  }

h2 {    font-size: 22px;
        font-family: Helvetica;
        color: #332F45;
        text-align: left  }

h3 {    font-size: 20px;
        font-family: Helvetica;
        color: #332F45;
        text-align: left  }

h3.name {   font-size: 20px;
            font-family: Helvetica;
            color: #332F45;
            text-decoration: underline;
            text-align: left  }

h4 {    font-size: 18px;
        font-family: Helvetica;
        color: #332F45;
        text-align: left    }

h4.gray {   font-size: 18px;
            font-family: Helvetica;
            color: #332F45;
            background-color: #C8C8C8;
            text-align: left    }

h5 {    font-size: 16px;
        font-family: Helvetica;
        color: #332F45;
        text-align: left    }

h6 {    font-size: 12px;
        font-family: Helvetica;
        color: #000000;
        text-align: left    }

/* LINK STYLES */

a:link { color:#332F45; }
a:visited  { color:#332F45; }
a:hover  { color:#332F45; }
a { font-weight: bold;
    text-decoration: none;  }	

a.buttontext{   line-height: 40px;
                font-weight: bold;
                font-size: 14px;
                text-decoration: none;
                vertical-align:middle   }
a.buttontext:link { color:#000000;} /* was #465D85 */
a.buttontext:visited  { color:#000000;}
a.buttontext:hover  { color:#FFFFFF; }

a.menu{ font-weight: bold;
        text-decoration: none;
        text-align: center;
        vertical-align: middle}
a.menu:link { color:#015770;}
a.menu:visited  { color:#015770;}
a.menu:hover  { color:#9b2d1f;}

a.list{ font-weight: normal;
        text-decoration: none;
        text-align: left;
        vertical-align: middle}
a.list:link{color:#465D85}
a.list:visited{color: #465D85}
a.list:hover{color: #465D85}

a.red{  font-size: 16px;
        font-weight: normal;
        text-decoration: underline;}	/* turns off link underlining*/
a.red:link { color:#9b2d1f;}
a.red:visited  { color:#9b2d1f;}
a.red:hover  { color:#9b2d1f;}

a.blue{  font-size: 16px;
         font-weight: normal;
         text-decoration: none;}	/* was underline*/
a.blue:link { color:#0000FF;}
a.blue:visited  { color:#0000FF;}
a.blue:hover  { color:#C90303;}

a.pdf{  font-size: 14px;
        font-weight: normal;
        text-decoration: none;}
a.pdf:link { color:#0000FF;}
a.pdf:visited  { color:#0000FF;}
a.pdf:hover  { color:#C90303;}

/* IMAGE STYLES */

img { border:0 none}
img.align-center {    display: block;
                      margin: 0px auto; }

video.align-center {  display: block;
                      background-color: #a6a6a6;
                      border-style: solid;
                      border-color: #000000;
                      margin: 0px auto; }

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol { list-style: decimal; }

ul { list-style: none; }

li {    margin-left: 5px;
        padding: 5px;
        vertical-align: middle;
        font-size: 14px;
        font-weight: normal;
        font-family: Georgia;
        text-align: center; }

/*p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  padding: 0px;
  margin-bottom: 0px;
}*/

p{  line-height: 20px;
    padding: 0px }

div.spacer_white{ background-color: #FFFFFF;
                  height: 12px;  }
div.spacer_red{ background-color: #C90303;
                height: 6px;  }
div.spacer_blue{ background-color: #0000FF;
                 height: 6px;  }
	
#header {   height: 80px;
            background-color: #FFFFFF;
            color: #93D6AE; text-align: left;
            margin-top: 10px;
            margin-left: 10px;
            margin-right: 0px;
            padding: 0px 0px; }

#logo { height: 120px;
        background-color: white;
        margin-top: 10px;
        margin-left: 10px;
        margin-right: 10px; }

#thumb {    height: 120px;
            margin: 5px;
            background-color: #FFFFFF   }

#navbar {   display:table; 
            height: 60px; 
            background-color: #0000FF;
            margin-top: 10px;
            margin-bottom: 0px;
            text-align: center; }
/*#navbar ul {list-style: none; display: block; margin: 0px 0px;}
#navbar ul li{font-size: 16px; float: left; vertical-align: middle; margin: 0 1.5em}
*/

#button {   height: 40px;
            background-color: #E4E1DF;
            color: #015770;
            margin-top: 10px;
            margin-left: 5px;   
            text-align: center;
            border-radius: 3px;
            padding: 0px 0px;
            display:table-cell; }

div.filmStrip div{border: solid 0px #93D6AE; height: 120px;}
div.filmStrip p{margin: 10px;}

div.topSection div{border: solid 5px #EFE7BE; height: 120px;}
div.topSection p{margin: 5px;}

div.contentArea div{border: solid 0px #EFE7BE; }/*  min-height: 120px; */
div.contentArea p{margin: 10px;}

div.referenceArea div{border: solid 0px #EFE7BE; min-height: 120px;}
div.referenceArea p{margin-left: 40px;
                    margin-top: 5px;
                    margin-bottom: 5px;
                    font-size: 14px;
                    text-indent: -20px;
                    line-height: 20px;
                    padding: 0px;}

#sidebarmenu {  background-color: #FFFFFF;
	            color: #00274C;
	            text-align: center;
	         /*   height: 360px; */
	            border-radius: 5px;
	            margin: 0px;
	            /*border: solid #9b2d1f 2px*/}

#sidebar {  background-color: #FFFFFF;
	        color: #00274C;
	        text-align: center;
	     /*   height: 360px; */
	        border-radius: 5px;
	        margin: 0px;
	        /*border: solid #9b2d1f 2px*/}

#content {  background-color: #FFFED2;
            color: #00274C;
            text-align: center;
        /*    height: 480px; */
            border-radius: 15px;
            margin: 0px; }

#figure_title { background-color: #FFFFFF;
                text-align: center;
                /*    height: 480px; */
                border-radius: 15px;
                margin: 0px;   }

#figure {   background-color: #FFFFFF;
        /*    height: 480px; */
            border-radius: 15px;
            margin: 0px;   }

#caption {  background-color: #FFFFFF;
            color: #000000;
            text-align: left;
        /*    height: 480px; */
            margin: 0px;    }

#animation {    background-color: #FFFFFF;
                /*    height: 480px; */
                border-radius: 15px;
                margin: 0px;   }

#footer { background-color: #B20000; } /*  or c90303 */
/*div.footerbox div{border: solid 10px red;height: 80px;}*/
/*div.footerbox p{margin: 10px;}*/
#footerbox { color: #C90303; margin: 5px; }

#contact {  width: 430px;
            margin: 10px auto;
            padding: 20px 10px;
	        background: #E4E1DF;
            border: 1px solid #e1e1e1;
            border-radius: 10px;    }

/* FORM RULES */

label { float: left;
        clear: left;
        margin: 7px 20px 0 0;
        width: 95px;
	    text-align: right;
        font-size: 16px;
        color: #4d5a63;
	    text-transform: uppercase;  }

input { width: 260px;
        height: 20px;
        padding: 5px 20px 0px 20px;
        margin: 0 0 20px 0;
	    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
	    font-family: Georgia;
        font-size: 16px;
        color: #4d5a63; /*text-transform: uppercase; /*text-shadow: 0px -1px 0px #334f71;*/ }
input::-webkit-input-placeholder { color: #4d5a63; }
input:-moz-placeholder { color: #4d5a63; }

textarea {  width: 260px;
            height: 170px;
            padding: 12px 20px 0px 20px;
            margin: 0 0 20px 0;
	        border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
	        font-family: Georgia;
            font-size: 16px;
            color: #4d5a63; /*text-transform: uppercase; */ }
textarea::-webkit-input-placeholder { color: #4d5a63; }
textarea:-moz-placeholder { color: #4d5a63; }

input:focus, textarea:focus { background: #e9e5dc; }

input[type=submit] {width: 185px;
                    height: 30px;
                    float: right;
                    padding: 5px 5px;
                    margin: 0 15px 0 0;
	                border: 1px solid #4d5a63;
	                cursor: pointer;    }
   /* CONTAINER RULES */

/*#container { position:relative; margin:0px auto 0 auto; height:1000px; width:960px; text-align:left; padding-left:0px;}*/