/*//////////////////////////////////
Main style sheet for SacBruins.com
//////////////////////////////////*/

html {
	height: 100%;
}

body {
	background:#CBE0F9 url(../images/bg_line.png) repeat 50%;
	margin: 0px;
	height: 100%;
}

#main a, a:visited, .link {
	text-decoration:none;
	border-bottom:1px dotted #36C;
	color:#039
}

#main a:hover, .link:hover, #row1 a, #ads a, #support a, #footer a {
	border-bottom:0px;
}

#main a[href^="http:"], #main a[href^="https:"]{background:url(../blog/pics/remote.gif) right top no-repeat; padding-right:10px;  white-space:nowrap}

#seal {
	background-image: url(../images/seal.gif);
	background-repeat: no-repeat;
	z-index: 100;
	top: 0;
	left: 0;
	width: 146px;
	height: 143px;
	position: absolute;
}

#container {
	width: 854px;
	min-height: 100%;
	height:auto !important;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -427px;
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	border-color: #3366CC;
	background-color: #FFFFFF;
	background-image: url(../images/bg_side.gif);
	background-repeat: repeat-y;
	background-position: 100% 0%;
}

#header #row1 {
	height: 25px;
	background-color: #003399;
	text-align: right;
}

#header #row2 {
	height: 81px;
	background-color: #3366CC;
	background-image: url(../images/txtTitle.gif);
	background-repeat: no-repeat;
	background-position: 180px;
}

#header #row3 {
	height: 25px;
	background-color: #6699FF;
}

#header #row4 {
	height: 38px;
	background-image: url(../images/bg_shadow.gif);
}

#navigation ul {
	padding: 2px 0px 0px 145px; 
	margin: 0px;
}

#navigation ul li{
	float: left;
	display: block;
	padding: 0px 15px 0px 25px;
	background-image: url(../images/lil_bruin_white.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px; 
}

#navigation ul li.here{
	float: left;
	display: block;
	padding: 0px 15px 0px 25px;
	background-image: url(../images/lil_bruin_gold.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px; 
}

#navigation ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom:0px;
}

#navigation ul li.here a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFCC33;
	text-decoration: none;
	font-weight: bold;
	border-bottom:0px;
}

#main {
	width: 645px;
	float: left;
	padding: 0px 25px 25px 25px;
}

#sidebar {
	width: 135px;
	float: right;
	padding-right: 10px;
	margin-top: 15px;
}

* html #sidebar {
	display: inline;
	margin-left: -135px;
}

html>body #sidebar {
	padding-right: 15px;
}

#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #999999;
	font-weight: bold;
	text-align:center;
	clear: left;
	width: 680px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 1.4em;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	font-size: 1.1em;
	font-weight: bold;
	font-style: italic;
}

p, td, #content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #000000;
}

img {
	border: 0px; 
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
}

.blueBold {
	font-weight: bold;
	color: #003399;
}

.greyBold {
	font-weight: bold;
	color: #CCCCCC;
}

.error {
	position: relative;
	display: block;
	text-align: left;
	width: 540px;
	border: solid #CC0000 1px;
	background: #FFFFCC;
	margin: 0px 0px 15px 0px;
	padding: 20px 10px 15px 70px;
	background-image: url(../images/icon_error.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #CC0000;
}

.error ul {
	margin-top: 5px;
	margin-bottom: 0;	
}

#errorMsg li {
	font-size: 0.9em; 
	color: #CC0000;
}

.success {
	position: relative;
	display: block;
	text-align: left;
	width: 540px;
	border: solid #00CC33 1px;
	background: #FFFFCC;
	margin: 0px 0px 15px 0px;
	padding: 20px 10px 15px 70px;
	background-image: url(../images/icon_checkmark.png);
	background-repeat: no-repeat;
	background-position: 15px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #00CC33;
}

.waiting {
	position: relative;
	display: block;
	text-align: left;
	width: 540px;
	border: solid #F4B405 1px;
	background: #FFFFCC;
	margin: 0px 0px 15px 0px;
	padding: 20px 10px 15px 70px;
	background-image: url(../images/icon_waiting.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #F4B405;
}

.cssForm p {

	margin: 0;
	padding: 4px 0 8px 0;
	padding-left: 160px; /*width of left column containing the label elements*/
}

.cssForm label {
	float: left;
	margin-left: -160px; /*width of left column*/
	width: 160px; /*width of labels. Should be smaller than left column to create some right margin*/
}

.greyform	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F4F4F4;
	border: #000000;
	border-style: solid;
	border-width: 1px;
	padding-left: 3px;
	font-size: 1.0em;
}

.formActive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFCC;
	border: #000000;
	border-style: solid;
	border-width: 1px;
	padding-left: 3px;
	font-size: 1.0em;
}

.hidden {
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border: #FFFFFF;
	color: #FFFFFF;
}

.nowatermark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 3px;
	border:1px solid #000000;
	background-color:#FFFFFF;
	color: #000000;
	margin-bottom: 5px;
}

.watermarked {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 3px;
	border:1px solid #000000;
	background-color:#F0F8FF;
	color: #666666;
	font-style: italic;
	margin-bottom: 5px;
}

.sideHdr {
	width: 140px;
	height: 75px;
	text-align: center;
}

.sideHdr:hover {
	cursor: pointer;
}

.sideContent {
	width: 140px;
	height: 0px;
	text-align: center;
	overflow:hidden;
}

.sideText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000000;
}

.btnBlue {
	border: 1px solid #4f79d3;
	background-color: #4f79d3;
	color: #FFFFFF;
	background: url(../images/btnBlue.png) repeat-x;
	padding: 4px;
	min-width: 80px;
	cursor: pointer;
}

.btnGreen {
	border: 1px solid #2ec82e;
	background-color: #2ec82e;
	color: #FFFFFF;
	background: url(../images/btnGreen.png) repeat-x;
	padding: 4px;
	min-width: 80px;
	cursor: pointer;
}

.btnRed{
	border: 1px solid #7F0000;
	background-color: #7F0000;
	color: #FFFFFF;
	background: url(../images/btnRed.png) repeat-x;
	padding: 4px;
	min-width: 80px;
	cursor: pointer;
}

.btnGrey {
	border: 1px solid #787777;
	background-color: #787777;
	color: #FFFFFF;
	background: url(../images/btnGrey.png) repeat-x;
	padding: 4px;
	min-width: 80px;
	cursor: wait;
}

#rssFeed {
	width: 625px;
	border: 1px solid #3366CC;
	background-color: #CBE0F9;
	padding: 10px;
}

.dropcontent a {
	display:block;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;	
}

#ads {
	text-align: center;
	margin-top: -15px;
}

.linkList {
	margin-top: -15px;
}

.noLogo, .noLogo a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #000099;
	text-decoration: none;
}

.tooltip  {
    visibility: hidden; 
    position: absolute; 
    top: 0;  
    left: 0; 
    z-index: 200; 
	text-align: center;
    margin: 0px;
	padding: 0px;	
}

/*/////// 
for CSS drop shadows 
///////*/
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
}

.wrap1 {
  float:left;
  background:url(../images/shadow.gif) right bottom no-repeat;
}

.wrap2 {
  background:url(../images/corner_bl.gif) left bottom no-repeat;
}

.wrap3 {
  padding:0 12px 12px 0;
  background:url(../images/corner_tr.gif) right top no-repeat;
 }
 
 .wrap3 img {
  display:block;
}

/* Add an external link icon to absolute links: */
.exlink {
	background: url(../images/external_link.png) right center no-repeat;
	padding-right: 12px;
}