/* ------------------------------------------------------------------------
	 UITS Gloabl CSS			v3.0
	 by Web Dev Lab
------------------------------------------------------------------------ */

body {font-family:Verdana, Arial, Helvetica, sans-serif; background:#000066}


/* LAYOUT
------------------------------------------------------------------------ */
#header {}
#sidebar {float:left; width:200px; margin-right:25px;}
#content {margin-left:225px;}
#foot {background-color:#ededed; clear:left;}
#wrapper {background-color:#ededed; padding:25px;}
#skip_content {position:absolute; left:-9999px;}


/* HEADER 
------------------------------------------------------------------------ */
#header {width:100%; background-color:#000066; background-repeat: no-repeat; background-position: 250px 0;} 
#header h2, #header h3, #header h4 {display:inline; margin:0; padding:0;} 
#header img {height:.1em; width:.1em;}
#head_uconn {background: url(https://web2.uconn.edu/webtools/global/images/logo_blue.gif) no-repeat; float:left;}
#head_site  {background-color:transparent;}
#head_uconn a, #head_site a, #top_line a {text-decoration:none; display:block; text-indent:-9999px; color:white; }
#head_uconn a {height:78px; width:250px;}
#head_site a {height:48px;width:"100%";}
#head_site a#top_link {height:30px;}


/* SIDEBAR
------------------------------------------------------------------------ */
#sidelinks {position:relative; font-size:.7em; float:left;}
#sidebar ul {border:1px solid #a0a0a0; width:198px; background-color:#dddddd; padding-bottom:5px; }
#sidebar strong, #sidebar b {display:block; padding:5px;background-color:#c9c9c9; font-weight:100;}
#sidebar li {list-style-type:none;;}
#sidebar li li {padding-left:3px;}
#sidebar ul li li a {display:block; text-decoration:none; padding:7px 5px 7px 18px; color:#4a4a4a;}
#sidebar ul li li a:hover {color:#000000; text-decoration:underline;}
#sidebar ul ul {padding:5px 0; border:0; width:auto; font-size:inherit; padding:0;}

/* login buttons */
#sidebar a.login { padding:10px ; border:1px solid #a8a8a8; display:block; margin:10px 0; font-size:.8em; text-decoration:none; background-color:#cfcfcf; color:#333333; float:left; width:178px; clear:left;}
#sidebar a.login:hover { background-color:#0387e5; color:white; border-color:#000066;}


/* CORNERS - 45 degree angles
------------------------------------------------------------------------ */
div.corner {background:url(../images/corners.gif) no-repeat; height:17px; width:17px; position:absolute;}
#content div.left {background-position:left bottom; left:-1px; bottom:-1px;}
#content div.right {background-position:left top; top:-1px; right:-1px;}
#sidebar div.left {background-position:right bottom; left:0px; bottom:0; z-index:500;}
#sidebar div.right {background-position:right top; top:0; right:0;}

/* fixes background color when left column > right column */
#content div.left { position:relative; clear:left;left:-46px; top:36px;}



/* CONTENT
------------------------------------------------------------------------ */

/* Content Box */
#content {background-color:#FFFFFF; border:1px solid #999999; position:relative; padding:35px 45px; }

/* Typogrpahy */
#content {font-size:.78em; color:#666666;}
#content h1, #content h2, #content h3, #content h4 {font-weight:bold;}
#content h1 {font-size:1.6em; color:#000066;}
#content h2 {font-size:1.3em; color:#818181; margin-top:.4em;}
#content h3 {font-size:1.2em; margin-top:1.75em; color:#0066CC; border-bottom:1px solid #CCCCCC; padding-bottom:2px;}
#content h4 {font-size:1.1em; color:#4f4f4f; margin-top:1.75em; }
#content h5 {}
#content h6 {}
#content p {margin:1.2em 0; line-height:1.5em;}
#content a {color:#0066CC; }
#content a:visited {color:#9966CC;}
#content a:hover { color:#940000;}
#content h3 a {text-decoration:none; line-height:1.2em;}
#content ul, #content ol {margin:.75em 0 1.5em 3.5em;}
#content li {margin:.5em 0; line-height:1.5em;}
#content ul ul, #content ol ol {margin-left:1.25em;}
#content blockquote {margin:2em 5em; line-height:1.5em;}
#content pre {font-size:1.2em; /* max-width:100%; overflow:scroll; border:1px solid #CCCCCC; width:400px; */}

/* Tables */
#content table, 
#content td {border:1px solid #CCCCCC; background-color:#FFFFFF*/;}
#content td {padding:8px; vertical-align:top;}
#content th {padding:4px 8px; background-color:#CCCCCC; color:#333333; font-weight:bold; font-size:.9em;}
#content table.table_noBorder, 
#content .table_noBorder td {border-width:0;}
#content table.table_topBorder td {border-width:1px 0 0 0;}
#content table.table_verticalpBorder,
#content table.table_verticalBorder td {border-width:0 0 0 1px;}
#content table.table_fullBorder td {border-width:1px;}

/* Misc */
#content .red {color:#990000;}
#content .box_blue,
#content .box_white,
#content .box
{border:1px solid black; margin:15px; padding:15px;}
#content .box {background-color:#efefef; border-color:#cccccc;}
#content .box_blue {background-color:#dfedff; border-color:#98c1f5;}
#content .box_white {background-color:white; border-color:#CCCCCC;}
#content ol.box_blue,
#content ol.box_white,
#content ul.box_blue,
#content ol.box_white,
#content ol.box,
#cotnent ul.box {padding-left:50px; margin-left:0;}
#content .updated {text-align:right; color:#999999; font-style:oblique;}


/* FOOT
------------------------------------------------------------------------ */
#foot {background:#ccc; clear:left;}
#foot ul {position:relative; height:2em; }
#foot li {float:left; list-style-type:none;}
#foot a {color:#000066; display:block; padding:.9em 1em .6em 1em; text-decoration:none; font-size:.8em; }
#foot a:hover {text-decoration:underline;}


/* FOOTER (UCONN)
------------------------------------------------------------------------ */
/* holy grail - http://alistapart.com/articles/holygrail */

body {
  min-width: 750px;      /* 2x LC width + RC width */
}
#footer {
  padding-left: 300px;   /* LC width */
  padding-right: 300px;  /* RC width */
}
#footer div.column {
  position: relative;
  float: left;
}
#foot_center {
  width: 100%;
  text-align:center;
  padding:25px 0;
}
#foot_left {
  padding:15px 0 10px 10px;	
  width: 290px;          /* LC width */
  right: 300px;          /* LC width */
  margin-left: -100%;
}
#foot_right {
  padding:15px 10px 10px 0;	
  width:290px;          /* RC width */
  margin-right: -300px;  /* RC width */
}
/*** IE6 Fix ***/
* html #foot_left {
  left: 300px;           /* RC width */
}

/* uconn template stuff */
#footer{color:#cccccc; font-size:.7em; border-top:2px solid #ffffff; clear:both; background-color:#000066; min-height:78px;} 

#footer a {color: #cccccc; text-decoration:none;}
#footer a:hover{ color:#FFFFFF; text-decoration:underline; }

#foot_center a {margin: 0px 15px 0px 15px;}
#findButton { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size:95%; text-align:center; background-color: #606E7F; color:#ffffff; padding:2px; text-transform:uppercase; letter-spacing:1px; border: 1px solid #999999; }
#searchBox{ border:1px solid #FFF; height: 19px; color: #000066; background: #cccccc url(../images/google.jpg) no-repeat -25px top; width:170px; margin-top:8px;}


/* LINK ICONS - only works in modern browsers
------------------------------------------------------------------------ */
/* pdf */
a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"]
{background: url("../images/pdf.gif") top left no-repeat; padding-left: 18px;}

/* doc */
a[href $=".doc"], a[href $=".DOC"],
a[href *=".doc#"], a[href *=".DOC#"],
a[href *=".doc?"], a[href *=".DOC?"]
{background: url("../images/doc.gif") top left no-repeat; padding-left: 18px;}

/* ppt */
a[href $=".ppt"], a[href $=".PPT"],
a[href *=".ppt#"], a[href *=".PPT#"],
a[href *=".ppt?"], a[href *=".PPT?"]
{background: url("../images/ppt.gif") top left no-repeat; padding-left: 18px;}

/* xls */
a[href $=".xls"], a[href $=".XLS"],
a[href *=".xls#"], a[href *=".XLS#"],
a[href *=".xls?"], a[href *=".XLS?"]
{background: url("../images/xls.gif") top left no-repeat; padding-left: 18px;}

/* zip */
a[href $=".zip"], a[href $=".zip"],
a[href *=".zip#"], a[href *=".zip#"],
a[href *=".zip?"], a[href *=".zip?"]
{background: url("../images/zip.gif") top left no-repeat; padding-left: 18px;}

#sidebar a {background-position:0 5px; }