@charset "utf-8";
/* CSS Document */



#howdy {width:670px; background-color:#971b1e; margin-bottom:10px; padding:7px 0px 5px 45px; margin-left:2px }
#intro {background-color:#971b1e; width:670px;padding:10px 0px 10px 45px; margin-left:2px; line-height:150%}
#newslideshow{float:left; width:400px; border:1px solid #000000; height:277px}
#introright{width:240px; float:right; padding:10px; color:#ffffff}
#introright a:link { color:#ffffff; text-decoration: underline;}
#introright a:visited { color:#ffffff; text-decoration: underline;}
#introright a:hover { color:#ffffff; text-decoration: underline;}
#outerlower { background-image:url('blackwood.jpg'); overflow:auto}
#lower { width:950px; margin:auto}
#lowerleft {float:left; width:270px; }
#lowerright {float:right; width:670px;padding:10px 0px 10px 10px}
#lowerright a:link { color:#ffffff; text-decoration: underline;}
#lowerright a:visited { color:#ffffff; text-decoration: underline;}
#lowerright a:hover { color:#ffffff; text-decoration: underline;}
#lowerright h2 {background-color:#971b1e; margin:10px 10px; display:inline-block; padding:5px 0px 0px 15px}
#lowerright p {color:#ffffff; padding:10px}
#postit {background-image:url('postit.png'); width:210px; min-height:165px; padding:25px 30px; font-size:0.8em; color:#000000; background-repeat:no-repeat}
#postit p {color:#000000}
#postit a:link { color:#000000; text-decoration: underline;}
#postit a:visited { color:#000000; text-decoration: underline;}
#postit a:hover { color:#000000; text-decoration: underline;}
iframe {background-color:#ffffff}
#whychoose p {padding:0px; margin:0px; color:#ffffff}
#whychoose {color:#ffffff}
#whychoose a:link { color:#ffffff; text-decoration: underline;}
#whychoose a:visited { color:#ffffff; text-decoration: underline;}
#whychoose a:hover { color:#ffffff; text-decoration: underline;}

.whybox {width:170px; min-height:150px; margin:10px; padding:10px 15px; background-color:#971b1e; float:left; position:relative}
.whybox img {float:right; top:50px}

.whybox h4 {padding:0px 0px 0px 30px; margin:0px; background-image:url('smallflower.png');background-repeat:no-repeat; position:relative; right:30px; width:170px}

#keywordscont {float:left; padding-bottom:20px}
#leftbottom {float:left}
#footernew {border-top: solid 1px #333333; margin-top:10px;clear:both; padding-top:5px}
#doublemenubar {padding-top:10px}
#menu2left {float:left; width:425px; }
#menuright {float:right}
#social1 {padding:15px 20px 0px 20px; }
#social2  {padding:15px 5px}
#lineheight {line-height:150%}

#innerleft1 {width:550px; float:left; }
#innerlefttop {height:300px; padding-left:45px}
#innerlefttop2  {height:300px; padding-left:45px; padding-right:40px}
#innerlefttop h2 {background-color:#971b1e; margin:10px 0px; width:930px; position:relative; right:60px;padding:5px 0px 0px 60px}
#innerlefttop2 h2 {background-color:#971b1e; margin:10px 0px; width:930px; position:relative; right:60px;padding:5px 0px 0px 60px}

#longtopheader {padding-left:45px}
#longtopheader h2 {background-color:#971b1e; margin:0px; width:930px; position:relative; right:60px;padding:5px 0px 0px 60px}

#innerleft2 {padding-left:45px}
#innerleft2 h2 {background-color:#971b1e; margin:10px 0px; position:relative; right:60px;display:inline-block; padding:5px 0px 0px 60px; min-width:200px}

#innerleft1 p {color:#000000;  }
#innerright1 {width:450px; float:right; padding-top:20px}
#innerright1map  {width:450px; float:right; padding-top:20px; min-height:350px; }
#slideontop {z-index:99; position:absolute; border: solid 1px #252525; height:277px}
#mapontop {z-index:99; position:absolute; border: solid 1px #252525; height:350px}

#innerleft2 {width:615px; float:left}
.innerarticle {padding-bottom:25px}
#innerright2 {width:260px; float:right; margin-right:45px; padding-top:20px}
#rfgirl1 {background-image:url('rfgirl1.png'); padding:15px 0px 15px 15px; min-height:200px}
#rfgirl2 {background-image:url('girlback.png'); padding:15px; min-height:200px; background-repeat:no-repeat}
#rfgirl2  h3 {height:60px}

#innerleft3 {width:600px; float:left; padding-left:45px; line-height:150%}
#innerright3 {width:280px; float:right; margin-right:45px;}
/* set up different width for IE*/
#innerleft3 h4 {background-color:#971b1e; margin:10px 0px; position:relative; right:60px;display:inline-block; padding:5px 20px 0px 60px; min-width:155px}
#innerleft3 img {border: solid 1px #999999}
#imgright2 {float:right; margin:10px 0px 0px 25px; }

.artb {padding-bottom:10px; min-height:210px}


#rightredbox {background-color:#971b1e; padding:15px; margin:5px 0px 10px 0px}
#rightboxspace { margin:5px 0px 10px 0px}

#bottomrow {width:950px; margin:auto}
#postitlower {background-image:url('postit.png'); width:210px; height:165px; padding:25px 30px; font-size:0.8em; float:left; margin-right:20px; color:#000000}
#postitlower p {color:#000000}
#postitlower a:link { color:#000000; text-decoration: underline;}
#postitlower a:visited { color:#000000; text-decoration: underline;}
#postitlower a:hover { color:#000000; text-decoration: underline;}
#checkitbox {background-color:#f15922; padding:15px; width:250px;  color:#ffffff; line-height:150%}

/*DEFAULTS*/
* { font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px}
td {color:white}
h1, h2, h3 {margin:0px; padding:0px;   }
h3 {height:30px}
a:link { color:#000000; text-decoration: underline;}
a:visited { color:#000000; text-decoration: underline;}
a:hover { color:#000000; text-decoration: underline;}
.link img {border-style: none}
img {border:none}


/*BASICS*/
html {}
body {padding:0px; margin:0px; font-family:Arial; font-size:12px;background-image:url('back1.jpg');background-position:center top; background-repeat:no-repeat}

/*HEADER BAR*/
#header { width:950px; margin:auto }
#headerright {text-align:left;float:right; color:#ffffff;   padding:5px 0px 0px 20px; font-size:10px; }
#headertop { height:20px; text-align:right; width:100%; color:#FFFFFF;}
#headertext {width:900px; color:#FFFFFF; margin-left:auto; margin-right:auto; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:7px}
#headerbottom {height:5px; width:100%;}

/* TOP */
#topbar {width:950px; margin-left:auto; margin-right:auto;}
#topleft {width:260px; float:left; margin-left:7px; padding:10px 0px 5px 0px; } 
#topright {width:675px; float:right; font-family:arial;   text-align:center;  padding: 25px 0px 0px 0px  }


/*TOP NAVIGATION*/
#menucontainer {height:35px;  color:#FFFFFF;}
#menu  { font-family:Arial, Helvetica, sans-serif; float:right;  padding-right:25px;padding-top:7px;  text-align:left; }
.plainmenu { float:left; font-size:12px; font-family:"arial"; z-index:99;}
/* nav colour for current page */
.plainmenu ul li a.menuthis:visited, .plainmenu .sm0i. menuthis {background-image:url('redblock.png'); background-repeat:repeat-x; z-index:99   }
/*nav block - enter background here */
.plainmenu .sm0 a .sm0i {height:100%;  padding:12px 5px 13px 5px; font-size:14px; font-family:"arial"; width:auto}

.plainmenu .sm0 a .sm0i:hover {height:100%;  padding:7px 5px 15px 5px; font-size:14px; font-family:"arial"; width:auto; background-color:#971b1e}




.plainmenu ul {padding:0;margin:0;list-style-type:none;}
.plainmenu ul li {float:left; position:relative; margin:0;z-index:99}
/*style for top row of nav */
.plainmenu ul li a, .plainmenu ul li a:visited {float:left; display:block; text-decoration:none;color:#ffffff; padding:0px 0 0 0px; line-height:25px; height:25px; }
/* show cursor on hover */
.plainmenu .sm0 a .sm0i:hover {width:auto;background-image:url('tile.png');background-repeat:repeat-x;background-position:0px 0px; }
.plainmenu ul li ul {display: none;}
.plainmenu table {margin:0; border-collapse:collapse; font-size:12px; position:absolute; top:0; left:0;}
/* dropdown nav. change 'top' to adjust distance from main nav */
.plainmenu ul li:hover ul {display:block;position:absolute;top:28px; left:0;width:175px;}
.plainmenu ul li:hover ul.endstop {left:-150px;}
/* this hides second subnav level until 1st subnav is hovered over */
.plainmenu ul li:hover ul li ul {display: none;}
/* style subnav dropdown */
.plainmenu ul li:hover ul li a { display:block; height:auto;line-height:15px;margin:0px; width:130px; font-size:11px; border-bottom:solid 1px #999999; padding:5px; z-index:99; background-color:#7497aa; text-transform:capitalize; color:#ffffff;}
/* style subnav dropdown on rollover */
.plainmenu ul li:hover ul li a:hover {  color:#FFFFFF; background-color:#9cd1ee;}
/*???*/
.plainmenu ul li:hover ul li a.drop {   color:#FF00FF; background-color:white;}
.plainmenu ul li:hover ul li a:hover.drop { color:red; background-color: #ccd;}
/* second subnav - change to display:none to hide second navigation */
.plainmenu ul li:hover ul li:hover ul {display:none; position:absolute; left:150px; top:-1px;}
.plainmenu ul li:hover ul li:hover ul.left {left:-150px;}
.plainmenu ul li a:hover {border-color:#c00; color:#ffffff; }

/*MIDDLE*/

#main {width:1000px; margin-left:auto; margin-right:auto;  text-align:left;  }
#middle {background-image:url('midgrad.png');width:100%; padding:10px 0px;  }
#innermiddle {background-image:url('blackwood.jpg');width:100%; padding:10px 0px; }


/* MIDDLE ARTICLE */
#maintop {  background-image:url('midbackwhite.png');  padding:15px 0px; overflow:auto}

#midleft {float:left; width:680px;  }

#midright {float:right;  width:230px; color:#666666; padding:10px 45px 10px 10px; text-align:right; color:#000000 }
#normarticle {padding:10px 10px 10px 25px; color:#666666; border-bottom: 1px solid #7497aa; background-image:url('trans.png'); }
#normarticle li {padding:5px}

#imgright {float:right; }

#imgright img {}


/*BOTTOM ARTICLE*/
#mainbottom {padding-top:15px; padding-bottom:10px;}
#bottomarticle {padding-bottom:5px;  }
#bottomleft {float:left; width:590px;  margin: 0px 10px 0px 0px;  }
#bottomleft img {border: 5px solid #7497aa;}
#bottomright {float:right; width:330px; padding:0px 0px 0px 10px; color:#666666 }

#bottomleft p {color:#666666; }
#bottomright img {border:solid 5px #7497aa; }
#bottombar { width:950px; padding:10px 0px 10px 0px; height:80px; color:#FFFFFF}

/*FEATUREBAR*/
#featurebox {  width:730px; min-height:50px; background-image:url('featurebar.png'); background-repeat:no-repeat;  color:#ffffff; padding: 29px 0px 0px 230px  }
#featurebox p {color:#ffffff; }
#featurebox img{ margin-bottom:-5px;  }
#featurebox a:link { color:#ffffff; text-decoration: none;}
#featurebox a:visited { color:#ffffff; text-decoration: none;}
#featurebox a:hover { color:#ffffff; text-decoration: underline;}

/*LIBRARY MENU - A, B, C etc. */
.librarymenu {text-transform:upper; width:625px; margin-left:auto; margin-right:auto; font-size:16px; font-family:"arial"; padding:25px 0px 25px 0px}
.librarymenu ul li {float:left; position:relative;padding:2px 7px 2px 7px; border-right:1px solid #666666; }
.librarymenu ul {padding:0;margin:0;list-style-type:none; }
.librarymenu ul li a, .librarymenu ul li a:visited {float:left; display:block; text-decoration:none; padding:0px 0 0 0px; line-height:25px; height:25px;  }
.librarymenu ul li a:hover {text-decoration:underline}

/*THREE ADS*/
#bottomads{width:950px; margin-left:auto;margin-right:auto; margin-bottom:10px; text-align:left}

#adimage1, #adimage3 {width:280px; height:110px; padding: 5px 10px; margin-top:8px; float:left; background-image:url('grad1.jpg'); background-repeat:no-repeat; border: 5px solid #7497aa;  }
#adimage2 {width:280px; height:110px; padding: 5px 10px; margin:8px 10px; float:left; background-image:url('grad1.jpg'); background-repeat:no-repeat; border: 5px solid #7497aa;  }
#bottomads p {color:#666666; font-size:11px; padding:0px; margin:0px}
#heading {padding-top:5px; font-size:15px; color:#81c5f3; margin-top:5px; width:325px; float:left;}
.shortleft {width:180px; float:left;}
.shortimg {width:90px; float:right; margin-top:-15px}
#bottomads img { border:none; color:#ffffff; text-decoration: none;}


/* BOTTOM.php */
#bottomouter {width:100%; background-color:#000000}
#bottom {width:950px; margin-left:auto; margin-right:auto; text-align:left; background-color:#000000; padding-top:15px}
#networking {width:200px; float:right}
#networking p {padding-top:0px; margin-top:0px}
#key {font-family:Arial, Helvetica, sans-serif; font-size:10px;color:#ffffff;  }
#description {width:400px; float:left; padding:0px 10px 0px 0px }
#quicklinks {float:left; padding-top:10px; padding-right:5px}
.keywords {float:left; padding:10px 5px 10px 5px; width:130px}
#icons {float:right; padding-right:5px}
#key a:link { color:#ffffff; text-decoration: none;}
#key a:visited { color:#ffffff; text-decoration: none;}
#key a:hover { color:#ffffff; text-decoration: underline;}
#bottom p {color:#ffffff}
/* footer */
#footer {}
#rareform {float:left; color:#666666; font-size:10px;}


#rareform {float:right; color:#ffffff; font-size:10px; width:200px; text-align:right; padding-right:25px; font-size:12px}
#rareform a:link { color:#ffffff; text-decoration: none;}
#rareform a:visited { color:#ffffff; text-decoration: none;}
#rareform a:hover { color:#ffffff; text-decoration: underline;}


/* FORM */
#tankaboveform {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:20px 10px 10px 0px;}
#tankbelowform {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:15px 10px 10px 15px}
form {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:15px 10px 10px 0px;}
.fnamei {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; float:left; width:125px}
.ffield {padding:5px; }
.fmtext {width:250px}
.fsubmit {margin-top:10px; margin-left:5px; padding:3px}
#tankaftersubmission {font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:12px; padding:15px 10px 10px 15px;}



/*GALLERY */
.arrow img {border:none}
.imgb img {border:solid 5px #000000; margin: 5px 5px 0px 5px }
#galcontentcolumn {float:right; width:620px; padding-top:15px}
#galcontentcolumn p {padding-right:20px; line-height:150%}
#mainimg img {border: solid 7px #000000}
#mainimg {width:450px}
#gallerytext {padding:5px;  width:400px;color:black; }
#thumbs { width:450px}
#img1 {float:right}
#img1 img {border:solid 5px #000000;}

/*BASIC LEFT MENU*/
#menuleft {width:190px; float:left;   min-height:275px; margin:15px 0px 0px 15px; color:#FFFFFF; font-size:15px}
#menuleft a:link { color:#FFFFFF; text-decoration: none;}
#menuleft a:visited { color:#FFFFFF; text-decoration: none;}
#menuleft a:hover { color:#FFFFFF; text-decoration: underline;}
#menuleft h1 {padding-left:10px}
#menuleft ul {list-style-type:none; list-style:none; padding-left:5px; margin:0px}
#menuleft li {padding:2px 0px}

/* CASCADING LEFT MENU */


.leftmenu { width:190px;  font-size:12px; } 
.leftmenu ul { list-style-type:none; padding:0px; margin:0px; }
.leftmenu .drop {padding:0px 0px 0px 0px; margin:0px}
.leftmenu .fly {padding:0px 0px 0px 0px; margin:0px; }
.leftmenu ul li { margin:0px 0 0px 15px;padding:0px 0px 0px 0px;  }
.leftmenu ul li a { text-decoration:none; color:#f3e7d2 ; padding:0px 0 5px 0; display:block; }
.leftmenu ul li a.menuthis { color:#f3e7d2; }
.leftmenu li li.menuthis {list-style-image:url('leaf.png');  }
.leftmenu ul li.menuthis ul { display:block;}
.leftmenu ul li a:hover { color:#8c957a;}
.leftmenu ul li ul { display:none; margin:0px;padding:0px; list-style-image:url('colon.png');  }
.leftmenu ul li ul li {font-size:12px}
.leftmenu ul li ul li ul li { display:none;margin:0; padding:0 0 0 7px; list-style-image:url('colon.png');  }
.leftmenu ul li ul li.menuthis ul li { display:block; list-style-image:url(colon.png);   }
.leftmenu ul li ul li ul li ul li a{ display:none; margin:0; padding:0 0 0 7px; list-style-image:url('colon.png');  }
.leftmenu ul li ul li ul li.menuthis ul li a  { display:block; list-style-image:url('colon.png'); padding:1px   }

/* NAVBAR/TEXT/IMAGE LAYOUT */
#navbarleft {background-color:#38425d;padding:10px;}
#maincontentcolumn {width:660px; float:right; padding-top:20px; padding-bottom:10px}
#profileleft {width:330px; float:left; padding-left:15px; padding-right:25px}
/* change to custom h1 bullet */
#profileleft h1 {padding-left:25px; background-image:url('yellowcircle.png'); background-repeat:no-repeat; background-position:left; text-transform:uppercase}
#profileleft p {padding-left:25px; line-height:150%; font-size:11px}
#profileright {width:195px; float:right; margin-right:15px}
#profileright img {border:solid 8px #38425d;}
#imgcntr { text-align:center; vertical-align:middle;}

/*FEATURE ARTICLE - LEFT/RIGHT  */
#featurearticle {background-color:#759494; overflow:auto; width:790px; margin-left:10px;  padding-bottom:10px; margin-top:5px;  }
#featurearticle img {border:none}
#leftcol { font-family:Arial, Helvetica, sans-serif; font-size:12px;  width:235px; padding-top:15px; background-color:#759494; padding-right:20px; padding-left:20px;}
#rightcol { padding:3px; width:480px; padding-top:15px; margin-top:0px; background-color:#759494; padding-left:15px; padding-right:15px  }

/*MULTIARTICLE  - LEFT, RIGHT WRAP/TOP*/
#contentimage {float:right; margin:-45px 20px 10px 20px; }
#imageleft  {float:left; margin-top:0px; margin-right:15px; margin-bottom:5px  }
#titleright {float:right;  width:310px; margin-top:30px}
#titleright h2 {padding:0px; margin:0px; margin-bottom:5px}

/*BASIC HORIZONTAL MENU */
.basicmenu {padding:5px 0px; font-size:12px; color:#ffffff}
.basicmenu li{list-style:none; list-style-type:none; float:left; text-transform:lowercase; padding:5px 5px; }
.basicmenu a:link { color:#FFFFFF; text-decoration: none;}
.basicmenu a:visited { color:#FFFFFF; text-decoration: none;}
.basicmenu a:hover { color:#FFFFFF; text-decoration: underline;} 

