/* CSS Document */
.rightmenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#CCCCCC;
padding-right:0px;
margin-left:4px;}

.rightmenu a:link, .rightmenu a:visited,.rightmenu a:active{
color:#CCCCCC;
text-decoration:underline;
padding-right:0px;}
.rightmenu a:hover{
color:#FF9900;
text-decoration:underline;
padding-right:0px;}
.rightmenutext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:3px;
margin-right:3px;
text-align:left;
color:#CCCCCC;
text-decoration:none;}
.rightmenutext a:link{
color:#00FFFF;}
.rightmenutext-profile{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:3px;
margin-right:3px;
text-align:left;
color:#CCCCCC;
text-decoration:none;}
.rightmenutext-profile-link{
text-align:center;

}
.portfoliotext{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
text-align:center;}
.body{
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container{
width:85%;
min-width:85%;
min-height:75%;
margin-right:auto;
margin-left:auto; /*let's make this temp see what it looks like 5/3/09 was id #container */
height:400px;
}
#contacts{
margin-left:auto;
margin-right:auto;
padding-left:25px;
padding-top:30px;
}
.form_button{
margin-left:auto;
margin-right:auto;
}
.table{
margin-left:auto;
margin-right:auto;
}
.tablearrow{
margin-left:auto;
margin-right:auto;
border:0px;
}
.tdtop{
background-color:#CC6600;
/*width:556px;*/
width:70%;
height:20px;

}
.tdright{
background-color:#663333;
/*width:234px;*/
width:30%;
height:500px;
}
.tdmain{                /* change this size and displayimagehorz and vert for other displays */
background-color:#CC9966; 
height:445px;        /*  old 423px */
width:556px;
}
.topmenu{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.topmenu a:hover{
color:#000;}

a:link, a:visited, a:hover,a:active{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CCCCCC;
padding-right:25px;
}
.email a:link{
color:#FFFF00;
text-decoration:none;

}
.email a:visited,.email a:active{
color:#FF0000;
text-decoration:none;}
.email a:hover{
color:#FF9900;
text-decoration:none;
text-indent:inherit;
}
.emailbottomtext a:link{
color:#FFFF00;
text-decoration:none;
text-align:center;
padding-left:10px;
}
.emailbottomtext a:visited, .emailbottomtext a:active{
color:#FF0000;
text-decoration:none;
}
.emailbottomtext a:hover{
color:#FF9900;
text-decoration:none;
text-indent:inherit;
}

/*  this was borrowed from http://www.wickham43.supanet.com/tutorial/generaladvice.html#imageborders
it enabled me to eliminate borders around the images in IE - if I wanted borders I just have to replace 0 px with whatever size I want. Also had to use a behaviour file for IE  **/

img.imageborder, img.imageborder:link, img.imageborder:visited {
 border: 0px solid orange;}
img.imageborder:hover { border: 0px solid lime; }
img.imageborder:active { border: 0px solid skyblue; }

/* this only worked in firefox */
.portfoliopic a:link,.portfoliopic a:visited,.portfoliopic a:hover{
color:#cc9966;
}

.portfoliomenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
text-align:center;
}
.portfoliotitle{
color:#FF6633;
text-decoration:underline;
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;*/
}
.portfoliomenumain{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-style:italic;
color:#CCCCCC;
text-align:center;
}
.portfoliomenumain a:link, .portfoliomenumain a:visited, .portfoliomenumain a:active{
color:#CCCCCC;
}
.portfoliomenumain a:hover{
color:#FF9900;
text-decoration:underline
}
.portfoliomenumainpick{
color:#FF6633;}

.portfoliotextcaption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:italic;
color:#CCCCCC;
text-align:center;
/* padding-left:1.5em;*/
width:33%;

}
.portfoliotextcaption a:link{
color:#3333FF;
text-decoration:underline;}
/*font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
font-style:italic;
text-align:center;
margin-left:10px;*/


.portfoliomenu a:link, .portfoliomenu a:visited,.portfoliomenu a:active{
color:#CCCCCC;
text-decoration:none;}
.portfoliomenu a:hover{
color:#FF9900;
text-decoration:underline;}
.portfoliomenuitem{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#FF6633;
text-decoration:none;
text-align: center}

.argyle{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:20px;
color:#CCCCCC;
font-size:10px;}
.additonal{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:80px;
margin-left:auto;
margin-right:auto;
color:#CCCCCC;
font-size:10px;}
.1lineplusred{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:64px;
color:#CCCCCC;
font-size:10px;}
.addit1onal_1linecurrent{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:60px;
color:#CCCCCC;
font-size:10px;}
.addit1onal_1lineplus{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:45px;
color:#CCCCCC;
font-size:10px;}
.addit1onal_1line{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:76px;
color:#CCCCCC;
font-size:10px;}

.addit1onal_2line{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:22px;
color:#CCCCCC;
font-size:10px;}
.no_top_padding
{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:0px;
color:#CCCCCC;
font-size:10px;}
.addit1onal_1linered{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:54px;
color:#CCCCCC;
font-size:10px;}
.addit1onal_2line_com{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:86px;
color:#CCCCCC;
font-size:10px;}
.extratext{
text-align:center; 
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:0px;
padding-left:2px;
padding-right:5px;
color:#FFCC99;
font-size:9px;}
.bottomtext{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:25px;
color:#CCCCCC;
font-size:11px;
font-style:italic;}
.bottomtext2{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:0px;
color:#CCCCCC;
font-size:10px;
font-style:italic;}
.pickitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFF33;
	padding-right:25px;
}
.navimageleft{
margin-left:0px;
padding-left:0px;
}
.navimageright{
padding-left:0px;}
.title {
/*font-style:normal;*/
font-family:Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-style:italic;
color:#000;

}

.title a:link,.title a:visited,.title a:active{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
font-style:italic;
color:#000;
}
.phototext{
font-family:Verdana,Arial, Helvetica, sans-serif;
text-align:center;
font-style:italic;
font-size:12px;
}
img.displaylinkvert{
padding-left:125px;
margin-left:auto;
margin-right:auto;
width:350px;
height:100%;
border:0px;
}
img.displaylinkvert300{      /* better than 275 
padding-left:145px;
margin-left:auto;
margin-right:auto;*/
display:block;
margin:auto;
width:300px;
height:100%;
border:0px;
}
img.displaylinkvert275{
padding-left:155px;
margin-left:auto;
margin-right:auto;
width:275px;
height:417px;
border:0px;
}

img.displaylinkhoriz{
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:100%;
height:100%;
border:0px;
}
img.displaylinkhorizsquare{
padding-left:90px;
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:413px;
height:417px;
border:0px;
}
img.thumbnail{
padding-left:35px;
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:125px;
height:125px;
border:0px;
}
img.displaylinkhoriz556{
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:536px;
height:417px;
border:0px;
}

img.displaylinkhoriz500{
padding-left:46px;
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:500px;
height:417px;
border:0px;
}

img.displaylinkhoriz350{
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:100%;
height:350px;
border:0px;
}

img.displaylinkhoriz450{
margin-left:auto;
margin-right:auto;
/*margin-top:auto;
margin-bottom:auto;*/
width:450px;
height:350px;
border:0px;
}
img.displaylink{
margin-left:auto;
margin-right:auto;
}
img.displayed{
/*display:block;  I took this out because it was expanding the box vertically 4/10/2010
*/
margin-left:auto;
margin-right:auto;
/*width:592px;*/
width:100%;
}
img.vert{
display:block;
margin-left:auto;
margin-right:auto;
}
img.horiz{
margin-left:auto;
margin-right:auto;
width:100%;
height:100%;
border:0px;
}
img.arrow{
border:0;
width:30px;
height:30px;
}