/* Main Danidoodle Styles */

/*-- Imported Styles ---------------------------- */
@import url("navigation.css");
/*----------------------------------*/

html body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
	margin:0px;
}

h1 { font-size: 1.6em; line-height:100%; font-weight:normal; padding:0px 0px 7px 0px; margin:0px;}
h2 { font-size: 1.2em; line-height:100%; font-weight:normal; padding:0px 0px 7px 0px; margin:0px;}

h2.cardTitle {font-weight:700; padding:0px 0px 5px 0px;}

p {padding:0px 0px 7px 0px;}

/*-- banner styles --*/
table.masthead {
background-image:url(/images/banner02_05_01.gif);
background-repeat:repeat-x;
/*background-color:#95C2FF;*/ /* Blue */
}

table.masthead a, table.masthead a:visited {
/*color:#95C2FF;*/ /* Blue */
color:#FF6600; /* Blue */
}

table.masthead a:hover {
color: #CCCCCC;
}


#padding1 {
padding: 10px;
}

#portfolio {
}

#portfolio img {
margin: 5px;
border: 1px solid #999;
}

#portfolio img a:link {
border: 1px solid #999;
}

#portfolio img a:visited {
border: 1px solid #999;
}

#portfolio img a:hover {
border: 1px solid #AAD3FF;
}


.subhead1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}

.subhead2 {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}


.subhead3 {
	font-size: 12px;
	line-height: 14px;
	font-weight: normal;
}

.borderblack_left {
	border-left: 1px solid #000;
}

.bordergrey_left {
	border-left: 1px solid #999;
}

.bordergrey_top {
	border-top: 1px solid #999;
}

.bordergrey {
	border: 1px solid #999;
}

td.bordergrey_left {
	padding: 15px; border-left: 1px solid #999;
}

#topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
}

#topnav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAD3FF;
	text-decoration: none;
}

#topnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}


#topnav a:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-decoration: none;
}

#topnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AAD3FF;
	text-decoration: none;
}


#leftnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999;
	text-decoration: none;
	padding-left: 2px;
}

#leftnav a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF6600;
	text-decoration: none;
}

#leftnav a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#leftnav a:visited:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

#leftnav a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FF6600;
	text-decoration: none;
}

a:link {
	color: #003399;
	text-decoration: underline;
}

a:visited {
	/*text-decoration: none;*/
	color: #660066;
}
a:hover {
	/*text-decoration: none;*/
	color: #999999;
}
a:active {
	color:#FF3300;
	/*text-decoration: none;*/
}

a img {text-decoration:none;}

.blue_text {/*color: #0066CC;*/}



/*-- Portfolio -------*/

div.leftNav {position:absolute; left:20px; top:90px; width: 165px; padding:0px; margin:0px;}
div.leftNav h2 {
padding:0px 0px 10px 0px; 
margin:0px;
font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size: 1.1em; line-height: 100%;
font-weight: bold;
color:#666666;
text-transform:uppercase;
letter-spacing: .1em;
}


div.leftNav h3 { font-size:1em; line-height:100%; padding:0px 0px 5px 0px; margin:0px; font-weight:normal; text-transform:uppercase; color:#676767;}

div.leftNav ul {list-style:none; margin:0px; padding:0px 0px 10px 0px; text-indent:none;}
div.leftNav ul li {list-style:none; text-indent:none; margin:0px; padding: 1px 0px;}

div.leftNav ul li a { text-decoration:none;}

/*
body#the250 div.leftNav ul li#the250ln a,
body#the250 div.leftNav ul li#the250ln a:visited {background:#555 !important; color:#fff !important;}
*/

td.right_column {padding-left: 20px;}

/*-- Portfolio Top Nav --------------------------*/

div.contentContainer {
display: block; 
padding: 20px 20px 20px 20px;
margin-left: 200px; 
min-height: 300px;
border-left:1px solid #ccc; 
background:#f3f3f3;
}

* html div.contentContainer {  /* sets min-height for IE */
height:expression( this.scrollHeight < 300 ? "300px" : "1%" );
}

div.leftColumn {
display:block;
position:absolute;
left:220px;
top:98px;
width: 165px;

height: auto;
/*test
border:1px solid blue;
position:relative;
left:0px; top:0px;
*/
}



div.leftColumn h1 { font-size: 1.0em; line-height:100%; font-weight:bold; padding:0px 0px 4px 0px; margin:0px;}
div.leftColumn h2 { font-size: 1.6em; line-height:100%; font-weight:normal; padding:0px 0px 10px 0px; margin:0px;}
div.leftColumn h3 { font-size: 1.0em; line-height:100%; font-weight:normal; padding:0px 0px 4px 0px; margin:0px; color:#555;}
div.leftColumn h4 { font-size: 1.0em; line-height:100%; font-weight:normal; padding:10px 0px 4px 0px; margin:7px 0px 0px 0px; color:#333; border-top:1px solid #ddd;}

div.rightColumn {
display:block;
margin-left: 195px;
*height: 1%;
}

div.storiesInOneHeight {height:565px;}

/*-- Portfolio Nav -------------------------*/

div.portfolioTopNav {display: block; height: 60px; margin-left:-5px;}

div.portfolioTopNav ul {list-style:none; text-indent:none; margin:0px; padding: 0px;}
div.portfolioTopNav ul li {
float:left;
list-style:none; 
text-indent:none; 
margin:5px; 
padding: 0px; 
border:1px solid #ccc;
background-color: #fff;
line-height:0px;
}

div.portfolioTopNav ul li img {width: 40px; height:40px; border:none;}

* html div.portfolioTopNav ul li img {margin-bottom: -2px;}

div.portfolioTopNav ul li a img, div.portfolioTopNav ul li a:visited img {*margin-bottom:-2px; border:5px solid #fff;}
div.portfolioTopNav ul li a:hover img {border:5px solid #888;}


/*-- Portfolio sub nav ------------------------*/

div.portfolioSubNav {
display: block; 
margin-left:-5px; 
margin-top:5px; 
padding-top: 8px; 
border-top:1px solid #ddd;
}

div.portfolioSubNav ul.forwardBack {
display: block;
padding:none;
margin:-5px auto 0px auto;
text-align:center;
}

div.portfolioSubNav ul.forwardBack li {
border:none; padding:none;
font-size:14px;
background:none;
margin:5px 20px;
float:none;
display:inline;
color:#888;
}

div.portfolioSubNav ul {
list-style:none; 
text-indent:none; 
margin:0px; 
padding: 0px; 
display:block;
}

div.portfolioSubNav ul li {
float:left;
list-style:none; 
text-indent:none; 
margin:5px; 
padding: 0px; 
border:1px solid #ccc;
background-color: #fff;
line-height:0px;
}

div.portfolioSubNav ul li img {width: 30px; height:35px; border:none;}

div.storiesInOne ul li img {width: 35px; height:35px; border:none;}

* html div.portfolioSubNav ul li img {margin-bottom: -2px;}

div.portfolioSubNav ul li a img, div.portfolioSubNav ul li a:visited img {border:2px solid #fff; *margin-bottom:-2px;}
div.portfolioSubNav ul li a:hover img {border:2px solid #888;}


/*-- Portfolio Footer --------------------------*/

div.footer {border-top: 1px solid #ccc; padding:10px 20px 10px 200px; margin:0px;}