/* CSS Document */

* { margin : 0; padding : 0; }

html  { background-color: #fff}

body  {font-family:Arial, Helvetica, sans-serif; font-size:12px;  color:#000000; text-align: left;}

a:link {color:#fff; text-decoration:none}     /* unvisited link */
a:visited {color:#fff; text-decoration:none}  /* visited link */
a:hover {color: #FFFF33; text-decoration:none}   /* mouse over link */
a:active {color:#FFFF33; text-decoration:none}   /* selected link */

.clear {clear:both}

.content { position:relative; top:0px; width:780px; height:100%; margin-left:auto; margin-right:auto; text-align:left;}





.qslabel { font-size:11px; color:#FFFFFF; padding-right:3px; margin-bottom:3px; }

.nav {position:absolute; top:15px; right: 10px; display:inline; z-index:6; list-style-type:none; }

.nav li {padding:0px 7px 0px 5px;display:inline; color:#FFF; font-size:11px; border-right:solid 1px #fff;}

input.text, textarea, select{ width:75px; font-size:1.1em; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(/graphics/fieldbg.gif) repeat-x top;}

.logo {position:absolute; top:90px; left:40px; z-index:8}

.purple_top {position:absolute; top:0px; z-index:5 }

.purple_bot { position:relative; top:520px; z-index:4 }
.purple_bot2 { position:absolute; top:530px; z-index:4 }

.purple_bot3 { position:relative; top:220px;  z-index:6; }

.purple_bot4 { position:relative; top:20px; z-index:6}

.purple_bot5 { position:relative; top:20px;  z-index:6}


/*  site wide stuff  .purple_bot { position:absolute; top:520px; z-index:4 }*/


.heartpho {position:absolute; top:90px; right:0px; z-index:2}

p#intro { width:300px; position:relative; top:440px; left:10px; z-index:6; font-size:10px;}

.indextableset { width:90%; padding-left:30px;}

.indextable#t1 { position:absolute;  z-index:6 ;top:155px; left:10px; }
.indextable#t2 {z-index:6; position:absolute; top:185px;left:210px;}
.indextable#t3 { position:relative;  z-index:6 ;top:155px; left:10px; }
.indextable td { font-weight:bold; font-size:11px}

.gray { font-weight:100; width:200px; padding:5px 0px 5px 0px;font-size:10px; color: #999999; text-align:left}

.blk { font-weight:normal;width:200px; padding:5px 0px 5px 0px;font-size:12px; color: #000; text-align:left}

.indexcopy { z-index:6; position:absolute; top:400px; left:10px;}

.indexcopy2 { }

a.more:link {color: #600D6f; text-decoration:none}     /* unvisited link */
a.more:visited {color:#600D6f; text-decoration:none}  /* visited link */
a.more:hover {color: #CC33FF; text-decoration:none}   /* mouse over link */
a.more:active {color:#CC33FF; text-decoration:none}   /* selected link */



/* index page */

.heartcopy {z-index:6; position:relative; top:35px;  width:450px}

.heartcopy2 {z-index:6; position:absolute; top:165px;  width:650px}

.heartcopy3 {z-index:6; position:relative; top:165px;  width:450px}

.joblist {z-index:6; position:absolute; top:185px; left:10px; width:800px; height:inherit;}

.jobframe {z-index:6; position:absolute; top:185px; left:10px;}



.listfrme { position:absolute; top:0px; right:0px; width:300px; height:350px; z-index:6; border:none
}

.r1 {background-color: #E4E4E4}
.r2 {}
/*

magenta - #AB10D2
dk purp - #762282