body{font-family: Verdana, "Verdana Ref", sans serif;
margin: 0;
padding:0;
border-top:8px solid #333;
}

#wrapper
{
	width: 93%;
	margin: 0 auto;
	padding-top: 10px;
}

h1{
font-size:18px;
font-weight:bold;
color:#7db62a;
margin:0;
padding:0
}

h2{
font-size:15px;
font-weight:normal;
color:#333;
margin:0;
padding:0
}

#header
{
width: 100%;
height: 50px;
padding:10px 0 20px 0;
position:relative;
margin: 0 auto; /* Makes Div center itself */
margin-bottom:40px;
}

#logo {
    background-image: url('/images/viavino3.PNG');
    background-repeat: no-repeat;
    height: 62px;
    width: 1933px;
    float: left;
}

#turnerburgerlogo {
    background-image: url('/images/TurnerBurgerlogo3.PNG');
    background-repeat: no-repeat;
    height: 62px;
    width: 1933px;
    float: left;
}

#sign-in{
position:absolute;
top:10px;
font-size:11px;
right:20px;
}

#collegeInput{
width:50%;
display:inline-block;
margin-left:8px;
position:relative;
}
    
#changeCollege{
width:100%;
}
        
#search_suggest{
position: absolute;
background-color: #FFFFFF;
border: 1px solid #ccc;
text-align: left;
width:100%;
top:28px;
left:0;
}

.input{
float:left;
margin-right:8px;
}

input[type="submit"]{
border:1px solid;
background:#777;
color:#fff;
padding:5px;
margin-top:14px;
}

#sign-in a{
color:#2985b5;
text-decoration: none;
font-size:9px;
float:right;
}

#navigation {
    height: 70px;
    padding: 0;
    position: relative;
    margin-top: 65px;
    background: url(../images/nav.png);
    background-repeat: repeat-x;
}

#navigation2 {
    height: 70px;
    padding: 0;
    position: relative;
    margin-top: 65px;
    background: url(../images/nav.png);
    background-repeat: repeat-x;
}

#nav-left{
position:absolute;
top:0;
left:-10px;
background:url(../images/nav-left.png);
height:39px;
width:11px;
background-repeat: no-repeat;
}
#nav-left ul li a img {margin-top: -3px}

#nav-right{
position:absolute;
top:0;
right:-10px;
background:url(../images/nav-right.png);
height:39px;
width:11px;
background-repeat: no-repeat;
}

#navigation ul{
display:inline-block;
list-style-type:none;
padding:0;
}

#navigation li
{
display:inline-block;
padding:0 12px;
margin:0;
line-height:7px;
border-right:1px solid #ccc;
}

#navigation2 ul {
    display: inline-block;
    list-style-type: none;
    padding: 0;
}

#navigation2 li {
    display: inline-block;
    padding: 0 12px;
    margin: 0;
    line-height: 7px;
    border-right: 1px solid #ccc;
    vertical-align: top !important
}

li a {
    color: #666666;
    font-weight: normal;
    font-size: 15px; /* Controls size of Navigation Menu Bar Font Size */
    margin: 0;
    padding: 0;
    text-decoration: none;
    height: 14px; /* Helps Align Navigation*/
    line-height: 14px; /* Helps Align Navigation*/
}
#centerWrapper {
    float: left;
    width: 100%;
    font-size: small;
    padding-top: 10px /*height:auto !important;*/;
}

.margins{
margin:10px 25px;
}

.margins2
{
margin: 10px;
}

.margins3{
margin:0;
}

.selected
{
margin: 0;
color: #2985b5;
font-weight: bold;
}

#centerColumn
{
margin: 0 200px 0 200px;
}

#searchbox
{
font-weight: bold;
font-size: 15px;
color: #666666;
text-align: left;
}

#leftColumn
{
	/*background-position: #f3f2f1;*/
	float: left;
	background: #f3f2f1;
	width: 190px;
	margin-left: -100%;
	border-right: 1px solid #ccc;
	margin-top: 12px;
}

#rightColumn{
float: left;
background:#f3f2f1;
width: 200px; 
margin-left: -200px; /*Set margin to Width*/
}
#rightColumn2
{
	/*background-position: #FFFFFF;*/
	float: left;
	background: #FFFFFF;
	width: 200px;
	margin-left: -200px; /*Set margin to Width*/
}

.ad{
background:#fff;
}

#leftColumn ul{
list-style: none;
padding: 0;
}

#leftColumn li{
font-size:13px;
line-height:25px;
list-style-type: none;
}

#leftColumn.selected{
font-weight:bold;
color:#2985b5;
}

#footer {
    position: relative;
    width: 100%;
    height: 60px;
    margin-top: 5px;
    background:url(../images/nav.png);
    background-repeat: repeat-x;
}

#footer-left {
    position: absolute;
    top: 0;
    left: -10px;
    background:url(../images/nav-left.png);
    height: 39px;
    width: 11px;
    background-repeat: no-repeat;
}

#footer-right {
    position: absolute;
    top: 0;
    right: -10px;
    background:url(../images/nav-right.png);
    height: 39px;
    width: 11px;
    background-repeat: no-repeat;
}


/*Books Table */

.teal{
  margin:0 auto;
  border-collapse: collapse;
  width:100%;
}

.teal img{
height:50px;
}

 .teal th {
padding:8px 5px; 
border:1px solid #999999;
font-size:13px;
color:#fff;
background-color: #2985b5;
 }


.teal td {
font-size:13px;
border:1px solid #cccccc;
padding:8px 12px;
  color:#797979;
 }

.teal a:link{
color:#2985b5;
font-size:13px;
font-weight:100;
font-weight:normal;
margin:0;
padding:0;
text-decoration:underline;
}

.teal a:visited{
color:#556d71;
font-size:13px;
font-weight:100;
font-weight:normal;
margin:0;
padding:0;
text-decoration:none;
}

.teal a:hover{
color:#234C53;
font-size:12px;
font-weight:100;
font-weight:normal;
margin:0;
padding:0;
text-decoration:underline;
}

#SendHeader
{
height: 25px;
position: relative;
margin: 0 auto;
width: 99%;
padding: 10px 10px 10px 10px;
float: left;
color: #FFFFFF;
background-color: #2985b5;
}
#GoldHeader {
    height: 25px;
    position: relative;
    margin: 0 auto;
    width: 99%;
    padding: 10px 10px 10px 10px;
    float: left;
    color: #FFFFFF;
    background-color: #FFD700;
}


.hidden
{display: none;}

.topmargin{padding-top: 1px; padding-bottom: 3px; top: initial}

.smalltd td {
    font-size: 13px;
    border: 1px solid #cccccc;
    padding: 8px 12px;
    color: #797979;
}

.rowspacer{padding-top: 5px; padding-bottom: 0px;}

.topup2 {
    margin-top: -2px !important;   
}

.topup4 {
    margin-top: -8px !important;
}

.dropbtn {
    background-color: #f7f7f7;
    color: #666666;
    padding: 0px;
    font-size: 15px;
    border: none;
    cursor: pointer;
    vertical-align: baseline ;
}

.dropbtnblue {
    background-color: #f7f7f7;
    color: #2985b5;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    vertical-align: baseline;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f7f7f7;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

   .dropdown-content a {
        color: #666666;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
}

dropdown-content a:hover {
        background-color: #f7f7f7
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #f7f7f7;
}

.top-right {
    position: absolute;
    top: 8px;
    left: 20px;
    color: white;
}

.container {
    position: relative;
    text-align: left;
    color: white;
}