/*
 *Author: Thomas S.E. Gagnon
 *Copyright 2008 The University of Maine System
 *
 */

/* ------( General Page Info )------ */

body { /* The attributes */
   font-family : Helvetica, Geneva, calibri, arial, sans-serif;
   font-size: 0.75em;
   color: #000;
   background-color: #f0f0f0;
   margin: 0;
   background-image: url(images/bg7.png);
   background-repeat: repeat;
}

#page {
   margin-left: auto;
   margin-right: auto;
   width: 700px;
   border: 1px solid #555;
   background-color: #fff;
}

a {
   color: #006600; /*#4C9703*/
}

a:visited {
  color: #004E6B; /*#006e96*/
}



h1 {
   color: #222;
   font-size: 1.5em;
   font-weight: lighter;
}

h2 {
   color: #05425c;
   font-size: 1.3em;
}

h3 {
   margin-bottom: -6px;
   margin-left: 10px;
   color: #05425c;
   font-size: 1.1em;
}

ol li {
   margin-bottom: 4px;
   margin-right: 16px;
}

ul li {
   list-style-image: url(/images/greyarrow.png);
   margin-right: 16px;
   margin-bottom: 4px;
}

code {
   font-size: 1.2em;
   color: #222;
   font-weight: bold;
}

.subindent {
   padding-left: 30px;
}

.margindent {
   margin-left: 30px;
}

.nobullet {
	list-style-type:none;
	list-style-image: none;
}

.greyback {
   border: 1px solid #ccc;
   background-color: #f3f4f0;
   padding-left: 6px;
   margin-right: 14px;
   margin-top: 25px;
}

.img-shadow {
   float:left;
   background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
   background: url(/images/shadow.gif) no-repeat bottom right;
   margin: 10px 0 0 30px !important;
   margin: 10px 0 0 25px;
}

.img-shadow img {
   display: block;
   position: relative;
   background-color: #fff;
   border: 1px solid #a9a9a9;
   margin: -6px 6px 6px -6px;
   /* padding: 4px; */
}

.photo {
    display: block;
    border: 1px solid #ccc;
    padding: 6px;
    margin-left: auto;
    margin-right: auto;
}

.photo2 {
    border: 1px solid #ccc;
    padding: 6px;
    margin: 5px 5px 0 5px;
}

.image .caption {
	font-size: 80%;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;
	margin-bottom: 8px;
}

.newflag {
	font-size: 80%;
	color: #ff0000;
	font-style: italic;
}

/* ------------( Top Navigation )------------ */

#navbar {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 35px;
   background-image: url(images/navbg.png);
   background-repeat: repeat-x;
   border-top: 1px solid #cfcfcf;
   z-index: 2;
}

#navlinks ul {
   list-style-type: none;
   margin: 0;
}

#navlinks ul li {   /* Affects the actual link "buttons" */
   display: block;
   width: 100px;
   height: 23px;
   float: right;
   text-align: center;
   margin: 1px 0 0 0;
   padding-top: 6px;
   background-image: url(images/navspacer.png);
   background-repeat: repeat-y;
}

#navlinks ul li:hover {
   background-color: #000;
   color: #000000;
}

#navlinks a {
   color: #fff;
   font-size: 1.20em;
   font-weight: bold;
   text-decoration: none;
   margin-left: 3px;
}

#navlinks a :hover {
   color: #fffc1f;
   background-color: #000;
}


/* ------------( DIV IDs )------------ */

#shadow {
   margin-left: auto;
   margin-right: auto;
   width: 712px;
   background-image: url(images/shadowbg.png);
   background-repeat: repeat-y;
}

#holder {
   background-image: url(images/faintbg.png);
   background-repeat: repeat-x;
}

#content {
   display: table; 
   margin-left: 10px;
   width: 690px;
   border-top: 1px solid #EFEBE0;
}

#content p {
   margin-left: 20px;
   margin-right: 16px;
   text-align: justify;
}

#content li {
   text-align: justify;
}

#content table {
   margin: 15px 0 0 20px;
}

#content td {
   padding-left: 10px;
}


#contact p {
   text-align: left;
}

#row {
   display:table-row;
}

#leftcol {
   display: table-cell;
   vertical-align: top;
   width: 25%;
   border-right: 1px solid #ddd;
   padding-right: 6px;
   margin-bottom: 30px;
}

#leftcol p {
   margin-left: 6px;
}

#rightcol {
   display: table-cell; 
   vertical-align: top;
   width: 66%;
   padding-left: 20px;
}

#header {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 125px;
   background-color: #fff;   
}

#footer {
   position: relative;
   text-align: center;
   font-size: .82em;
   color: #555;
   margin-top: 30px;
}

#announcements {
   position: relative;
}

#announcements p{
   padding-bottom: 4px;
   border-bottom: 1px solid #ddd;
}

#announcements small{
   font-weight: bold;
}

#quicklinks li {
	margin-left: -18px;
}



#netup {
   width: 190px;
   min-height: 70px;
   background-color: #fff;
   margin: 15px 0 0 6px;
   padding: 6px 6px 0 2px;
   background-image: url(images/faintglobe.png);
   background-repeat: no-repeat;
}

#netup li {
   text-align: left;
}

#twitter_update_list {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#twitter_update_list li {
	margin: 10px 16px 0 16px;
	padding-bottom: 6px;
}

#twitter_update_list li a{
	background: transparent;
   padding-right: 0px;
   text-decoration: none;
}

#searchbox div {
   margin-left: 6px;
}

#pucinfo h2 {
   margin-bottom: -5px;
}

#mslninfo h3 {
   margin-left: 12px;
}

#sizer {
   text-align: right;
   margin-top: -20px;
   margin-bottom: 3px;
   color: #ccc;
}

#twitter {
   margin: -2px 0 0 6px;
}

#twitter a, #twitter a img {
   border: none;
   background: transparent;
}

/* ------------( Add an external-link icon to absolute links )------------ */
a[href^="http:"] {
   background: url(/images/remote.gif) right center no-repeat;
   padding-right: 14px;
}

a[href^="http:"]:hover {
   background: url(/images/remote_a.gif) right center no-repeat;
}

/* …but not to absolute links in this domain… */
a[href^="http://www.msln.net"] {
   background: transparent;
   padding-right: 0px;
}

/* …but not to absolute links in this domain… */
a[href^="http://www.networkmaine.net"] img {
   background: transparent;
   padding-right: 0px;
}

a[href^="http://www.msln.net"]:hover {
   background: transparent;
}