/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Title : Avicy.com CSS
Author : Avicy, Inc.
URL : http://www.avicy.com

Description : Main Site CSS

Created : July 13, 2005
Modified : July 21, 2005

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

body {
	background-color: #e4eaf5;
	margin: 0px;
	padding: 0px;
	color: #546E9F;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a:link, a:visited{text-decoration: underline; color: #1E4097;} 
a:active, a:hover{text-decoration: underline; color: #D1A400;}

h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}
h3 {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	font-size: 12px;
}
#container {
	width: 769px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}

/* GENERAL */

#banner {
	padding: 38px 38px 17px 162px;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 70px;
	margin: 0px;
	text-align: right;
}
#banner p {
	margin: 0px 4px 15px 0px;
	padding: 0px;
}
#banner ul {
	margin: 15px 0px 0px;
	padding: 0px;
	width: 571px;
	display: block;
}
#banner li {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
}
#banner a { text-decoration: none; }

#key {
	padding: 5px 10px 0px 20px;
	height: 162px;
	margin: 0px;
	background-repeat: no-repeat;
	background-color: #182866;
}
#key h1, #key h2 { color: #182866; font-size: 6px; line-height: 3px; margin-top: 5px;}

#key h2 { color: #192B6B;}
#back {
	padding: 0px;
	background-image: url(images/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0px;
}

#content {
	padding: 0px;
	margin-left: 198px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

#sidebar-a {
	float: left;
	width: 158px;
	\width: 178px;
	w\idth: 158px;
	margin: 0px;
	padding: 10px 10px 10px 30px;
	font-size: 11px;
}

#text {
	padding: 15px 0px 10px 15px;
	float: left;
	width: 526px;
	\width: 541px;
	w\idth: 526px;
}

/* MISC */

.cellHead {
	background-image: url(images/cellHead.gif);
	background-repeat: repeat-x;
	border-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #9EB0CF;
	background-position: top;
}
.divLine {
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #D2D7E0;
	padding-bottom: 10px;
}
.whiteCell,.greyCell {
	background-color: #FFFFFF;
	border-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #D2D7E0;
}
.greyCell {
	background-color: #F8F9FC;
}
.whiteCell {
	background-color: #FFFFFF;
}

/* FEATURED STYLES */

#featured {
	padding: 13px 13px 15px 15px;
	width: 156px;
	\width: 186px;
	w\idth: 156px;
	background-image: url(images/feature_back.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float: left;
	height: auto;
	border-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #CCCCCC;
}
#featured em {
	text-decoration: line-through;
	font-weight: normal;
}
#featured h1 {
	margin-top: 0px;
}

#featured h2 {
	margin-top: 10px;
	color: #95A5C6;
}

#featured h3 strong {
	font-size: 14px;
}

#featured img {
margin-top: 2px;
}
#featured strong {font-size: 150%}
#featured ul{
	margin: 0px;
	padding: 0px 0px 0px 17px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#featured li{
	line-height: 14px;
}

/* MISC */

.green {color: #009900}
.red {color: #CC0000}

#footer {
	clear: both;
	padding: 15px 30px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 57px;
	color: #95A5C6;
	font-size: 11px;
}

/* BUTTONS */

#buttonG, #buttonB, #buttonD {
	font-size: 13px;
	color: #FFFFFF;
	height: 20px;
	width: 107px;
	padding-left: 7px;
	padding-top: 4px;
	margin-top: 3px;
	font-weight: bold; 
	display: block;
	background-repeat: no-repeat;
}
#buttonG {
	background-image: url(images/green_button.gif);
}
#buttonB {
	background-image: url(images/blue_button.gif);
}
#buttonD {
	background-image: url(images/desat_button.gif);
}
#buttonG a:link, #buttonG a:visited, #buttonB a:link, #buttonB a:visited, #buttonD a:link, #buttonD a:visited{text-decoration: none; color: #FFF; display: block;} 
#buttonG a:active, #buttonG a:hover, #buttonB a:active, #buttonB a:hover, #buttonD a:active, #buttonD a:hover{text-decoration: none; color: #FFF; display: block;}

/********* tab styles *********/
.tabOn {
	color: #556D97;
	background-color: #EEF2F8;
	border-right: 1px solid #9EB0CF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	font-weight: bold;
}
.tabOff {
	color: #FFFFFF;
	background-color: #D6DEEC;
	border-right: 1px solid #9EB0CF;
	border-left: 1px solid #FFFFFF;
	text-align: center;
	background-image: url(images/tabBack.gif);
	background-repeat: repeat-x;
}

.tabOff A:link, .tabOff A:visited {text-decoration: none; color: #7787A4;} 
.tabOff A:active, .tabOff A:hover{text-decoration: none; color: #556D97;}
.tabOn A:link, .tabOn A:visited {text-decoration: none; color: #556D97; font-weight: bold;}
.tabOn A:active, .tabOn A:hover{text-decoration: none; color: #7787A4; font-weight: bold;}
	
.tabBottom {
	background-color: #EEF2F8;
	font-size: 90%;
	height: 20px;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #364F7B;
}
				
input,.drop,textarea,select{
	font-family: Arial, sans-serif;
	color: #364F7B;
	font-size: 100%; !important
}

/********* tool tips *********/
a.info{
    position:relative; /*this is the key*/
    z-index:24;
	background-color:#F4F6FA;
    color:#556D97;
    text-decoration:none;
}

a.info:hover {z-index:25; background-color:#ff0;}

a.info span{
	display: none;
	text-decoration: none;
	padding: 5px;
}

a.info:hover span{
	display:block;
	position:absolute;
	width:170px;
	top:0px;
	left:23px;
	background-color:#F4F6FA;
	color:#556D97;
	text-decoration: none;
	text-align: left;
	border-top: 1px solid #DEE5F2;
	border-right: 1px solid #9EB0CF;
	border-bottom: 1px solid #9EB0CF;
	border-left: 1px solid #DEE5F2;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color='ACB7CA', Direction=135);
}
a.info:hover span.left{
	top:0px;
	left:-185px;
}

@media print{ 
#banner { padding-left: 0px;  	text-align: left;}
#ad {display:none;}
#content { margin-left: 0px;}
#sidebar-a {display:none; width: 0px;}
}
.strike {
	text-decoration: line-through;
}

