/**************************************

	TYPE:		CSS Document
	UPDATED: 	07-18-2006 DM
	TITLE: 		RX-rnshowcase
	FILE: 		web.css
	COPYRIGHT:  rnshowcase.com

**************************************/

/*----------------[ general layout ]----------------------*/ 
body {
	margin: auto;
	background-repeat: repeat-x;
	background-color: #F7FF9D;
}
#shadow {
	background-image:url(../images/shadow.jpg);
	width:809px;
	padding:0px;
	margin:auto;
}
#page {
	background-color: #E7E7E7;
	width: 774px;
	margin-left: 16px;
}
#content {
	background-color: white;
	width: 785px;
	margin-left:6px;
	margin-top:150px;
}
#bodycontainer {
	background-color: #E7E7E7;
	padding:10px;
}

#header {
	height:222px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background-image:url(../images/header_bg.jpg);
	elevation:below;
}
.header_content {
	width: 809px;
	padding: 0px;
	margin: auto;
	
}
.header {
	font: bold 10px/13px Lucida Grande, Arial, sans-serif;
	color: #8796BC;
}
#tdcontent {
border-right: dotted 1px #ff6600;
}

#divMainBlurb {
	margin:0px;
	padding:0px;
	border:0px;
	height:100px;
	text-align:center;
}

p.homepageStyle {
	margin-top:14px;
	padding:0px;
	border:0px;
	font-family:garamond;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	color: #F7FF9D;
	color: #FFFF66;
	font-variant:small-caps;
	letter-spacing:0.3em;
	word-spacing:0.2em;
}

p.homepageText {
	margin:0px;
	padding:0px;
	border:0px;
	font-family:Times New Roman;
	font-size:16px;
	letter-spacing:0.1em;
	word-spacing:0.2em;
}

#footer {
	width: 100%;
	background-color: #536183;
	border-bottom:solid 1px #000;
	}	
#cats {
	width:765px;
	background:url(../images/cat_bg.jpg);
	margin:auto;
	}	
.footer {
	font: bold 10px/13px Lucida Grande, Arial, sans-serif;
	color: #8796BC;
}
#copyright {
	background-color: #536183;
	margin-right:2px;
	
	}	
.copyright {
	font: bold 10px/14px Lucida Grande, Arial, sans-serif;
	color: #000;
}
	
#page_title {
	display: block;
	elevation:above;
	position: absolute;
	top: 20px;
	left: 20px;
	font: bold 42px/42px Georgia;
	
	}
.category_title {
	
	font: bold 26px/30px Lucinda;
	font-style: italic;
	color: #1A2C5A;
	}
.company_name {

	font: bold 28px/30px Lucinda;
	color: #FFA202;
	}
	
#page_title_tagline {
	display: block;
	position: absolute;
	height:30px;
	top: 70px;
	left: 22px;
	font: bold 14px/14px Georgia;
	color: #1B2C5A;
	}

#category_drop {
	display: none;
	height: auto;
	background-color:fff;
	position:absolute;
	}

#profile {
	width: 753px;
	margin:auto;
	}

.profile_header {
	
	font:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:bold;
	
	}

#profile_body {
	height:100px;
	overflow:hidden;
	}
	
#profile_footer {
	width: 753px;
	elevation:above;
	}
.profile_footer {
	width: 753px;
	}

#seo {
	top:-222px;
	position:absolute;
	width: 790px;

}
.logo {
margin-left:5px;
}


/*----------------[ general text formating ]----------------------*/
body, td, th {
	color: #fff;
	font: normal 12px/17px Lucida Grande, Arial, sans-serif;
	}

td.tdDark { background-color:#F8DB81 }
td.tdLight { background-color:#F8EAC0 }

td.header { 
	font: bold 10px/13px Lucida Grande, Arial, sans-serif;
	color: #8796BC;
	}

li {
	font: normal 11px/20px Lucida Grande, Arial, sans-serif;

	}

h1 {
	color: #010066;
	font: bold 24px/36px Lucida Grande, Arial, sans-serif;
	}

h2 {
	color: #fff;
	font: bold 14px/18px Lucida Grande, Arial, sans-serif;
	}
	
.alertmessage {
	color: #FF0000;
	}
	
a:link { 
	color: #66cccc;
	font: bold 12px/17px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
		} 
		    	
a:visited { 
	color:#66cccc;
	font: bold 12px/17px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}  	
	
a:hover { 
	color: #66cccc;
	font: bold 12px/17px Lucida Grande, Arial, sans-serif;
	text-decoration:underline;
	}
	   
a:active { 
	color: #66cccc;
	font: bold 12px/17px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}   	

a.main:link { 
	color: #fff;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	     	
a.main:visited { 
	color:#fff;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	
a.main:hover { 
	color: #0FE6D9; 
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:underline;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	
a.main:active { 
	color: #fff;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	} 

a.yellow:link { 
	color: yellow;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	     	
a.yellow:visited { 
	color: yellow;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	
a.yellow:hover { 
	color: yellow;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:underline;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	}
	
a.yellow:active { 
	color: yellow;
	font: bold 13px/20px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	font-stretch:expanded;
        font-variant:small-caps;
        letter-spacing:0.1em;
	} 

a.cat:link { 
	color: #0FE6D9;
	font: bold 11px/13px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}
	     	
a.cat:visited { 
	color:#0FE6D9;
	font: bold 11px/13px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}
	
a.cat:hover { 
	color: #fff; 
	font: bold 11px/13px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}
	
a.cat:active { 
	color: #0FE6D9;
	font: bold 11px/13px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	} 
a.footer:link { 
	color: #FF6600;
	font: bold 10px/18px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}
	     	
a.footer:visited { 
	color:#FF6600;
	font: bold 10px/18px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	}
	
a.footer:hover { 
	color: #FF6600; 
	font: bold 10px/18px Lucida Grande, Arial, sans-serif;
	text-decoration:underline;
	}
	
a.footer:active { 
	color: #FF6600;
	font: bold 10px/18px Lucida Grande, Arial, sans-serif;
	text-decoration:none;
	} 
	
a.podLink:link { 
	color: #FFFF00;
	text-decoration:none;
	}
	     	
a.podLink:visited { 
	color:#FFFF00;
	text-decoration:none;
	}
	
a.podLink:hover { 
	color: #0FE6D9;
	text-decoration:underline;
	}

hr { border: 1px solid #ccc; height: 1px; }


.panel_content {
	background: url(url address here) no-repeat bottom left;
	margin-bottom: 3px;
	}
.panel_content_inner {
	background: url(url address here) no-repeat bottom right;
	margin-left: 10px;
	padding: 3px 15px 15px 5px; /* fixes padding issues in panel */
	}
	
/*----------------[ forms ]----------------------*/
SELECT, OPTION {
	font-family: Lucida Grande, Arial, sans-serif;
	padding: 2px;
	font-size: 11px;
	color: #000000;
	background-color: #FFCC66;
	border: outset 1px #adff2f;/*for demonstration only*/
}

div.style1 {
	margin:0px;
	border:0px;
	padding:0px;
	font-size:10px;
	letter-spacing:0.1em;
}

.style2 {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
.style3 {color: #00FFCC}
.style4 {
	color: #FFFF66;
	font-weight: bold;
}
.style5 {
	font-size: 16px;
	font-weight: bold;
}
.style7 {
	color: #FFFF66;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.style8 {color: #FFFF66; font-weight: bold; font-size: 20px; }
.style9 {
	color: #EBFF66;
	font-weight: bold;
	font-size: 16px;
	font-style: italic;
}
.style10 {
	color: #FFFF00;
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
}
.style11 {
	color: #000000;
	font-style: italic;
	font-size: 12px;
}