body  {
	font: 14px Arial, Helvetica, sans-serif, Verdana;
	background: #FFFFFF;
	background: blue;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #333399;
	min-width: 819px;  
}

form {
    margin:0;
}

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

a {
	text-decoration: none;
}

a:visited {
	color: blue;
}

.padded {
	padding-top: 3px; 
	margin-top: 0px; 
}

html>body .padded {
	padding-top: 0px; 
	margin-top: 3px; 
}

ul ol {
	margin: 0px;
	padding: 0px;
}

hr {
	color: #f5f2f8;
}

.mainbody #container { 
	width: 819px;  
	min-width: 819px;  
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left; 
} 

.mainbody #header { 
	background: transparent url(../images/header.gif) repeat-x; 
	padding: 0px;  
 	margin: 0px;
	height: 120px;
} 
.mainbody #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.mainbody #breadcrumbs { 
	padding: 5px 0px;  
} 

.mainbody p {
	margin: 0px; 
	padding: 0px; 
    	font-size: 14px;
	line-height: 22px;
}

.mainbody h3 {
    	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	margin: 0px; 
}

.mainbody h4 {
    	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	margin: 0px; 
}

.mainbody a:hover {
	text-decoration: underline;
}

.mainbody ul ol {
	margin: 0px;
	padding: 0px;
}

.mainbody li {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
}

.mainbody #footer { 
	padding: 20px 10px; 
    	font-size: 10px;
} 

.mainbody #footer p, .mainbody #footer ul, .mainbody #footer li, .mainbody #footer a { 
	padding: 0 0 1px 0; 
	margin: 0 0 1px 0; 
    	font-size: 10px;
} 

.mainbody #footer a { 
        color: #6699ff;
}

.mainbody #watermark { 
	background: #FFF url(../images/watermark.gif) top no-repeat; 
} 

.mainbody {
	margin: 0; 
	padding: 10px 0; 
}


/* Miscellaneous classes for reuse */
.floatrt { 
	float: right;
	margin-left: 8px;
}
.floatlf { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    	height:0;
    	font-size: 1px;
    	line-height: 0px;
}

#imgLeft {
        width:45px;
        height:45px;
        float:left;
        margin: 0px;
        padding: 0px;
}

#tdsidebar {
	border-left:solid 1px #bfb0c3;
}
#tdbottombar {
	border-bottom:solid 1px #bfb0c3;
}

.tdTop {
	vertical-align: top;
}


/*-----------------------------------------------------------------*/
/*                Navigation                                       */
/*-----------------------------------------------------------------*/

#breadcrumbs {width: 98%; margin: 0 5px;padding: 0 15px 0 5px;}
#breadcrumbs ul{text-align:right;margin:0;padding:0}
#breadcrumbs ul li{display:inline;white-space:nowrap}
#breadcrumbs ul li {font-size: 10px}
#breadcrumbs>ul{display:table;width:100%}
#breadcrumbs>ul li{display:table-cell}
#breadcrumbs>ul li.rightcol{text-align:right}

#breadcrumbs a { 
        display: inline;
        list-style-type: none;
    	font-size: 10px;
	margin: 0px;
	padding: 0 0 0 3px;  
} 

#navlist, #navlist ul {
        width: 100%;
        list-style: none;
        line-height: 1;
        padding: 0;
        margin: 0;
        border-width: 0;
        background: #ccccff; 
        text-align: center;
        padding: 0.25em 1em; 
}

#navlist a {
/*        display: block; */
        background: #ccccff; 
        color: #000066; 
        font-size: 12px;
        text-decoration: none;
        font-weight: bold;
        padding: 0.33em 1em 0.23em 1em; 
        text-align: center;
}

#navlist li {
/*        float: left;  */
        display: inline;
        padding: 0;
        margin: 0;
}

#navlist a:hover, #navlist a.sfhover {
        font-weight: bold;
        color: #ccccff;
        background: #000066;  
}


#footerlist li {
        display: inline;
        list-style-type: none;
        padding-right:0px;
    	font-size: 10px;
}

/*-----------------------------------------------------------------*/
/*                Multi-Columns                                    */
/*-----------------------------------------------------------------*/


/*----  generic for columns ---*/

#main1 {
	margin:0; padding:0;
}
#main2 {
	margin:0; padding:0;
	background: #FFF url(../images/watermark.gif) top no-repeat; 
}

.column-in {
	margin:0; padding:0.5em;
}

.column-in li {
	font-size: 14px;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

#main1 ul {
	list-style-position:outside; 
	list-style-type:disc; 
	margin-left:8px; 
	padding-left:8px;
	margin-top:0; 
	padding-top:0;
}

/* 3 columns */ 
#left {
	float:left;
	width:317px;
	margin:0;
	padding:0;
	border-right: 1px solid #bfb0c3;
}

#left-noborder {
	float:left;
	width:317px;
	margin:0;
	padding:0;
}

#right {
	float:right;
	width:165px;
	margin:0; padding:0;
}
#middle {
	margin:0 165px 0 317px;
}

/* 3 columns, but left column is used only as a spacer, so it's basically 2 cols */ 
#left0 {
	float:left;
	width:35px;
	margin:0;
	padding:0;
}

#right0 {
	float:right;
	width:230px;
	margin:0; padding:0;
}
#middle0 {
	margin:0 250px 0 35px;
}

/* same as above, but bigger left column spacer */ 
#left1 {
	float:left;
	width:75px;
	margin:0;
	padding:0;
}

#right1 {
	float:right;
	width:230px;
	margin:0; padding:0;
}
#middle1 {
	margin:0 250px 0 75px;
}

/* 2 columns, equal */ 
#left2 {
	float:left;
	width:35px;
	margin:0;
	padding:0;
}

#right2 {
	float:right;
	width:380px;
	margin:0; padding:0;
}
#middle2 {
	margin:0 400px 0 35px;
}

/* others */

#fullwidth {
	margin-left:5px; padding-left:0;
	margin-right:5px; padding-right:0;
}

html>body #fullwidth {
	margin-left:0; padding-left:5px;
	margin-right:0; padding-right:5px;
}

#threadLevel2 {
	margin-left:50px;
}

#threadLevel3 {
	margin-left:100px;
}

#threadLevel4 {
	margin-left:150px;
}
.imgfloatrt {
        float:right;
	margin: 0 0 5px 5px;
	padding: 0 0 5px 5px;
}

.imgfloatlf {
        float:left;
	margin: 0 5px 5px 0px;
	padding: 0 5px 5px 0px;
}

/*-----------------------------------------------------------------*/
/*                Rounded boxes                                    */
/*-----------------------------------------------------------------*/

.xround h3 {
   	font-size: 16px;
	font-weight: bold;
	color: #845ca6;
	padding: 0px;
	margin: 0px; 
}

.xround ol, li {
    	font-size: 12px;
	margin-top: 0px;
}

.xround li {
/*	padding-left: 0px; */
}

.xround {
	background: transparent;
	margin:0em;
}

.xtop, .xbottom {
	display:block; 
	background:transparent; 
	font-size:1px;
}

/* purple background */ 
.xb1, .xb2, .xb3, .xb4 {
	display:block; 
	overflow:hidden;
}
.xb1, .xb2, .xb3 {
	height:1px;
}
.xb2, .xb3, .xb4 {
/*	background:#c9f;  */
	background:#f5f2f8; 
/*	border-left:1px solid #08c; */
	border-left:1px solid #bfb0c3; 
	border-right:1px solid #bfb0c3;
}
.xb1 {
	margin:0 5px; 
	background:#bfb0c3;
}
.xb2 {
	margin:0 3px; 
	border-width:0 2px;}
.xb3 {
	margin:0 2px;
}
.xb4 {
	height:2px; 
	margin:0 1px;
}

.xboxcontent {
	display:block; 
/*	background:#efe9f1;  */
	background:#f5f2f8;
	border:0 solid #bfb0c3; 
	border-width:0 1px;
	padding: 0 5px 0 5px;
}

/* bigger padding */
.xboxcontent2 {
	display:block; 
	background:#f5f2f8; 
	border:0 solid #bfb0c3; 
	border-width:0 1px;
	padding: 0 10px 0 14px;
}

/* smaller padding than xboxcontent2 */
.xboxcontent3 {
	display:block; 
	background:#f5f2f8; 
	border:0 solid #bfb0c3; 
	border-width:0 1px;
	padding: 0 8px 0 12px;
}

/* purple border transparent background */ 
.zb1, .zb2, .zb3, .zb4 {
	display:block; 
	overflow:hidden;
}
.zb1, .zb2, .zb3 {
	height:1px;
}
.zb2, .zb3, .zb4 {
	background:transparent; 
	border-left:1px solid #bfb0c3; 
	border-right:1px solid #bfb0c3;
}
.zb1 {
	margin:0 5px; 
	background:#bfb0c3;
}
.zb2 {
	margin:0 3px; 
	border-width:0 2px;}
.zb3 {
	margin:0 2px;
}
.zb4 {
	height:2px; 
	margin:0 1px;
}

.zboxcontent {
	display:block; 
	background:transparent; 
	border:0 solid #bfb0c3; 
	border-width:0 1px;
	padding: 0 10px 0 14px;
}


/* common properties */
.xboxcontent a, .yboxcontent a, .zboxcontent a {
	padding: 0px;
}

.xboxcontent p, .yboxcontent p, .zboxcontent p {
	padding: 0 15px 0 5px;
	font: 14px Arial;
}


/*-----------------------------------------------------------------*/
/*                Picture Images                                   */
/*-----------------------------------------------------------------*/


div.pic {
        float:left;
        width: 163px;
	padding-left: 10px;
        text-align: left;
        padding: 0;
        margin: 0;
        background: transparent;
}
div.pic img {
        border: 0px;
}


/*-----------------------------------------------------------------*/
/*                Form                                             */
/*-----------------------------------------------------------------*/

.formSpan1 {
	float: left;
	width: 70px;
	padding-top: 2px;
}

.formSpan2 {
	float: left;
	width: 110px;
	padding-top: 2px;
}

.formSpan2b {
	font-size: 10px;
	float: left;
	width: 110px;
	padding-top: 8px;
}

.formSpan2c {
	float: left;
	width: 130px;
	padding-top: 2px;
}

.formSpan3 {
	font-size: 10px;
	float: left;
	width: 140px;
	padding-top: 2px;
}

.formSpan3 a {
	font-size: 10px;
}

.formSpan4 {
	float: left;
	width: 95px;
	padding-top: 2px;
}

.formSpan5 {
	float: left;
	width: 150px;
	padding-top: 2px;
}

.formSpan6 {
	float: left;
	width: 145px;
	padding-top: 2px;
}

.small a {
	font-size: 10px;
}

.myForm a {
    	font-size: 10px;
	color: #5386c5;
	text-decoration: none;
}

textarea, input {
   	font-size: 12px;
   	text-align: left;
   	font-family: arial;
}

/*-----------------------------------------------------------------*/
/*              Star Rating Checkboxes and/or Radio Buttons        */
/*-----------------------------------------------------------------*/
label.checked {
        background: transparent url(../images/mark_star1.gif) no-repeat;
        margin: 10px 0;
        padding-left: 10px;
}
label.unchecked  {
        background: transparent url(../images/mark_star0.gif) no-repeat;
        margin: 10px 0;
        padding-left: 10px;
}

.hideBox {
        position: absolute;
        left: -1000px;
}

.scoreDisplay, .inputnoborder {
	border: 0px;
    background: transparent;
	font-size: 10px;
}

.error {
    color:red;
}

/*-----------------------------------------------------------------*/
/*              Tooltip                                            */
/*-----------------------------------------------------------------*/
a.info{
	position:relative; /*this is the key*/
	z-index:24; 
}

a.info:hover {
	z-index:25; 
}

a.info span {
	display: none;
}

a.info:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em; 
	left:2em; 
	width:15em;
	border:1px solid #0cf;
	background:#f5f2f8;
}

/*-----------------------------------------------------------------*/
/*                Picture Slides                                   */
/*-----------------------------------------------------------------*/

/* .slides {position:absolute; left: 15%; top:15%; visibility:hidden} */

div.slides {
/*      visibility:hidden;  */
        position:absolute;
        padding: 15px;
        margin: 5px 3px;
        background: transparent;
        border: 2px solid;
        border-color: #AAA #444 #444 #AAA;
/*        align: center; */
        text-align: center;
}

div.slides img {
        height: 306px;
        /* width: 450px; */
        margin: 16px 0;
        border: 2px solid;
        /* filter:progid:DXImageTransform.Microsoft.Fade(); */
}

div.pic {
        float:left;
        height: 85px;
        width: 110px;
        text-align: center;
        padding: 15px 22px 15px 22px;
        margin: 5px 3px;
        background: transparent;
        border: 1px solid;
        border-color: #AAA #444 #444 #AAA;
}
div.pic img {
        border: 1px solid;
        border-color: #444 #AAA #AAA #444;
}
div.ls img {
        height: 75px;
        /* width: 100px; */
        /* margin: 16px 0; */
}
div.pic ul {
        margin: 0.25em 0 0;
        padding: 0;
        font-size: xx-small;
        font-family: sans-serif, Arial, Verdana ;
        text-align: center;
}

li.titlebig {
        display: inline;
        list-style: none;
        text-align: center;
}

li.title {
        display: inline;
        font-size: small;
        list-style: none;
        text-align: center;
}

#captionsText {
        border: 0px;
        overflow: hidden; /* hide the scroll bar */
	color: #333399;
        background: transparent;
}


/*-----------------------------------------------------------------*/
/*       Main portfolio images selection                           */
/*-----------------------------------------------------------------*/
div.picbig {
        float:left;
        height: 220px; 
        width:  210px;
        text-align: center;
        padding: 15px 25px 15px 25px;
        margin: 5px 3px;
        background: transparent;
        border: 1px solid;
        border-color: #AAA #444 #444 #AAA;
}
div.picbig img {
        border: 1px solid;
        border-color: #444 #AAA #AAA #444;
}

div.picbig ul {
        margin: 0.25em 0 0;
        padding: 0;
        font-size: small;
        font-family: sans-serif, Arial, Verdana ;
        text-align: center;
}
div.lsbig img {
/*        height:250px; */
        width: 200px;
}