/*-----------------------------------------------------------------------------
[Viejas Outlet Center] Screen Stylesheet

version:   1.0
date:      08/10/09
author:    [Jen Mattuchio]
email:     [jmattuchio@viejas.com]
website:   [www.shopviejas.com] http://www.code-sucks.com
-----------------------------------------------------------------------------*/
/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/
* { margin: 0;	padding: 0; }

/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { clear: both; background: none; }

.right { float: right; }

.left  { float: left; }

ul{list-style-type:none;}

hr {
	color: #0175C0;
	background-color: #0175C0;
	height: 1px;
	margin:8px 0;
	border: 0;
}
/* Navigation
----------------------------------------------------------------------------- */
#navigation {background: url(../images/navBkg3.gif) no-repeat; height:49px;}
#nav{
	margin:0;
	padding: 0px;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	/*line-height:1.5em;*/ 
	height:17px;
}

#nav ul{
	margin:0;
	padding: 0px;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	/*line-height:1.5em; */
}

#nav a{
	display: block;
	margin-top:3px;
	padding:30px 30px 3px 30px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
	text-align:right;
	text-transform: lowercase;
	background: url(../images/divider.gif) no-repeat;
}


#nav a:hover, a:active{
	color:#FAE8AB;
	outline: none;
}

#nav li{
	float:right;
	position:relative;
}

#nav li.first a{
	background-image:none;
}

#nav.selected li{
float:right;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:10em;
right:.0005em;
}

#nav li ul a{
width:10em;
height:1.5em;
/*float:right;*/
background-color:#0365a5; 
margin:0;
padding:5px; 
background-image:none;
/*background: url(../images/gen/ul.gif) no-repeat right top #0175C0;
border-bottom:2px solid #0365a5;
border-left:1px solid #0365a5;
border-right:1px solid #0365a5;*/

}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
right:12.5em;
margin:0px 0px 0px 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/* Set up the document
-----------------------------------------------------------------------------*/
body
	{
	font:12px  "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	background-color: #0365a5;
	color: #000000;	
	text-align:left;
}
#wrapper { 
 	margin: 0 auto;
 	width: 885px;
}
 #header { 
 	width:885px; height:207px;
	background: #0175C0 url(../images/header_01.gif) no-repeat;
} 

#MainPan { 
	width:885px; position:relative;
	background: #F5EBC8 url(../images/rpt_dots.gif) repeat-y;
	margin:0px; padding:0px;
}

#faux {
	background: #F5EBC8 url(../images/rpt_dots.gif) repeat-y;
 	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 	width:885px;
}

#rightcolumn { 
 	display: inline;
 	color: #333;
 	margin: 10px 25px 10px 0px;
 	padding: 0px;
 	width: 175px;
 	float: right;
}
#rightcolumn img { border:1px solid #0175C0; margin-bottom:15px; }
.contentRight {
	float:left;
	width:175px; 
	background-color: #F5EBC8;
	padding:10px 15px;
	border:1px solid #0175C0;
}
	
#leftcolumn { 
 	float: left;
 	color: #333;
 	margin: 10px 0px 0px 20px;
 	padding: 0px 0px 10px 0px;
 	width: 650px;
 	display: inline;
 	
}

.contentLeft {
	float: left;
	width:600px; 
	background-color: #F5EBC8;
	padding:10px 15px; margin-right:15px; margin-bottom:15px;
	border:1px solid #0175C0;
}
.contentLeft a { font-weight: bold; color: #0175C0; }
.contentLeft a:visited { font-weight: bold; color: #0175C0; }

.header {margin:10px 0;}
/* Typography
-----------------------------------------------------------------------------*/
h1	{ font-size: 1.8em; /* Equivalent to 18pt */ color:#0175C0;}
	
h2	{ font-size: 1.6em; /* Equivalent to 16pt */ color:#0175C0;}
	
h3	{ font-size: 1.4em; /* Equivalent to 14pt */ color:#0175C0;}
	
p, q, cite	{ font-size: 12px; color:#0175C0; padding:10px 0px; line-height:18px; }

a:link { text-decoration: underline; }
	
a:visited { font-weight: bold; color: #0175C0; }

a:hover, a:active { text-decoration: underline; color: #0175C0;	outline: none; }

.disc { font-size:.75em; }

/*----Other----*/
div.logo {
 	float: left;
	border-right:1px solid #FDB246;
 	margin: 15px 0px;
 	padding:15px;
	vertical-align:middle;
}
/* ---- Carousel ---------------------------------------------*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 550px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
	margin:0px 0px 0px 55px;
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	/*background:url(../images/bk_featured.png) 0 0 no-repeat;*/
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px;
	width: 550px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:310px;
	position:relative;
}

.stepcarousel .panel .projectDetails {
	float:left;
	width:230px;
	margin:35px 0 0 25px;
}

.stepcarousel .panel .projectDetails .title {
	font-size:16px;
	font-weight:bold;
}

.stepcarousel .panel .ribbonType {
	position:absolute;
	top:14px;
	left:224px;
	width:45px;
	height:43px;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:8px;
	right:29px;
	width: 522px;
}

.web {
	background:url(../images/ribbon_web.png) 0 0 no-repeat;
}

.logo {
	background:url(../images/ribbon_logo.png) 0 0 no-repeat;
}

.print {
	background:url(../images/ribbon_print.png) 0 0 no-repeat;
}

/*----Footer Panel----*/
#footer { 

 background-color: #0175C0;
 margin: 0px ;
 padding: 0px;
}

#footer p {float:left; color:#FFFFFF; font-weight:bold; font-size:9px;text-align:left; margin:0px; padding:5px 0px 5px 10px;  background-color: #0175C0; width: 875px; }
#footer A:link,A:visited {text-decoration: none; color:#FFFFFF; text-decoration:underline;}
#footer A:hover {text-decoration: none;}

#mainTable
{
	font-size:14px;
}

#mainTable .style1
{
	color: #FF0000;
	font-weight: bold;
}

#content
{
 	color: #333;
 	display: inline;
}

.content
{ 
	background-color: #F5EBC8;
	padding:10px 15px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
	border:1px solid #0175C0;

}

.content a 
{ 
	font-weight: bold;
	color: #0175C0;
}
.content a:visited 
{ 
	font-weight: bold; 
	color: #0175C0; 
}

.content span 
{ 
	font-weight: bold;
	color: #0175C0;
}

#contentTable td
{
	border-bottom:1px solid #0175C0;
	padding:5px;
	text-align:center;
}

#contentTable .textleft
{
	text-align:left;
}