@charset "utf-8";
/* CSS Document */


/*
Contents:
1) Page layout
2) Navigation & Select Grad Year
3) Add My Information
 ) Display Info
4) Guestbook
5) Reunion Announcements
6) Pictures
7) Dallas Morning News article
8) Willie McCool
9) Privacy
10) Footer
*/

/** Page Layout **/
body    { font-family: Arial, Helvetica, sans-serif; margin:0; }
.bodybg { background-image: url(images/2800x300_bg.gif); background-repeat: repeat-y; background-position: center; }
#wrapper      { position: relative; width: 100%; margin: 0; padding: 0; }
#contentarea  { width: 720px; margin: 0 auto; padding: 0 10px 10px 10px; position: relative; }
#contentarea p { font-size: .8em; }
#listlinks { float: left; width: 55%; }
#CHSbanner { margin-left: 3px; }
#CHSshield { float: right; margin: 0px; background-image: url(/coronado/images/CHSshield.jpg); background-repeat: no-repeat; width: 310px; height: 395px; }


/* Navigation & Select Grad Year */
/*          navigation           */
#nav               { float: left; margin-left: 5px; }
#nav ul            { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
#nav ul li         { padding: 0; }
#nav ul li a       { display: block; width: 200px; text-decoration: none; color: #000000; font-size: .75em;  background-color: #FFFFCC; padding: 3px; border: 1px solid #999999; }
#nav ul li a:hover { background-color: #ffffff; border: 1px solid #cccccc; font-weight: bold; }

#postinfo #nav_addinfo,#reunionspage #nav_reunions,#pictures #nav_pictures,#article #nav_article,#willie #nav_willie,#privacypolicy #nav_privacy { 
	background-color: #ffffff; border: 1px solid #cccccc; font-weight: bold; 
}
/*        end navigation         */


/*       select grad year        */
#gradyearlist       { float: left; margin:  0 0 0 15px; background-image: url(/coronado/images/SelectGradYear_bg.gif); background-repeat: repeat-y; }
#gradyearlisttop    { background-image: url(/coronado/images/year_top.gif); background-repeat: no-repeat; width: 168px; height: 74px; }
#gradyearlistbottom { background-image: url(/coronado/images/year_bottom.gif); background-repeat: no-repeat; width: 168px; height: 20px; }
#gradyearlist #selectClass { width: 130px; margin: 5px auto 0 auto; }

/*#gradyearlist              { float: left; margin: 70px 0 0 20px; background-image: url(/coronado/images/GradYear.gif); background-repeat: no-repeat; width: 168px; height: 120px; }
#gradyearlist #selectClass { width: 130px; margin: 75px auto 0 auto; }*/
/*      end select grad year     */


#gradyeardropdown { float: left; margin:  70px 0 0 20px; }


 style="float: left; width: 130px; height: 180px; margin: 0 0 0 20px; overflow: auto; background-color: #FFFFFF; padding: 0 0 10px 10px; border: 1px inset #cccccc;"
/** Grad years include file styles **/
#gradyears        { float: left; width: 140px; height: 180px; overflow: auto; background-color: #FFFFFF; padding: 0 0 10px 10px; border: 1px inset #cccccc; 
                    margin: 0 0 0 40px; }
#gradyears ul     { list-style-type: none; margin: 0; padding: 0; }
#gradyears ul li  { font-size: .8em; }
h5 .gradyearstitle { width: 160px; height: 20px; display: block; float: left; margin: 20px 0 0 30px; text-align: right; }

/* Select graduatng class */
h5.gradyearsclasstitle { float: left; width: 140px; height: 20px;  margin: 15px 0 0 20px; text-align: right; }
#gradyearsclass        { float: left; width: 140px; height: 180px; margin: 0 0 0 20px; padding: 0 0 10px 10px; overflow: auto; background-color: #FFFFFF; border: 1px inset #cccccc; }
#gradyearsclass ul     { list-style-type: none; margin: 0; padding: 0; }
#gradyearsclass ul li  { font-size: .8em; padding: 0; }



/***
* Class list page and data styles
***/
#selectedclass       { float: right; position: relative; margin: 0px; padding-top: 120px; width: 315px; background-image: url(/coronado/images/topribbon.gif); background-repeat: no-repeat; }
#selectedclass ul    { list-style-type: none; margin: 0; padding: 0; }
#selectedclass ul li { padding: 0 0 0 100px; font-size: .8em;  }
#classfooter         { position: relative; background-image: url(/coronado/images/bottomribbon.gif); background-repeat: no-repeat; width: 300px; height: 95px; background-position: center bottom; }

#showyear    { position: absolute; top: 85px; left: 116px; text-align: center; padding: 0; width: 69px; height: 25px; }
#showyear h3 { margin: 0; padding: 0; }

.frmbgcolor            { background-color: #FBAD04; }
.frmtitle              { font-weight: bold; }
form                   { margin: 0; padding: 0; }
h4,h5 { text-transform: uppercase; }
/*p {	font-size: .8em; }*/
span { font-size: .9em; }
.separator { text-align: center; height: 7px; background-image:url(/coronado/images/long_separator.gif); background-repeat: no-repeat; background-position: top center; margin: 10px 0; }
.midseparator { text-align: center; height: 7px; width:427px background-image:url(/coronado/images/long_separator.gif); background-repeat: no-repeat; background-position: top center; margin: 10px 0; }


#midsep { clear: left; width: 400px; margin: 10px 0; }
.clearfloat { clear: both }
.redtext { color: #CC0000; }

/** index page **/
/*.welcometext { clear: left; margin: 0; padding: 20px 300px 0 0; font-size: 1em; }*/

.welcometext { clear: both; margin: 20px 0 0 0; font-size: 1em;}

/** Add My Information **/
#postyourinfo          {  }

#getpostedtop          { background-image: url(images/link_top.gif); background-repeat: no-repeat; background-position: center top; width: 300px; height: 12px; }
#getpostedbottom       { background-image: url(images/link_bottom.gif); background-repeat: no-repeat; background-position: center bottom; width: 300pcx; height: 14px; }
#getpostedbg           { background-image: url(images/getpostedbg.gif); background-repeat: repeat-y; padding: 1px 0 1px 12px; }
#getpostedfrm          { float: right; width: 300px; margin:0 0 8px 10px; font-size: .8em; }
#getpostedfrm h4       { margin-top: 0; }
#getpostedfrm ul       { list-style-type: none; margin: 0; padding: 0; }
#getpostedfrm ul li    { display: block; margin-bottom: 8px; padding: 0 0 0 6px; }
#getpostedfrm ul li.textfield label { display: block; font-size: 1em;  font-weight: bold; }
#getpostedfrm .contactfield { border: 1px solid #A6CAF0; border-style:inset; }
#getpostedfrm input    { font-size: .9em; }
#getpostedfrm textarea { font-family: Arial, Helvetica, sans-serif;; font-size: .9em; width: 260px; }
#getpostedsubmit       { text-align: center; margin: 10px 0; }

.err { display: none; font-size: .9em !important; padding-right: 10px;  }
.required { padding: 0 10px 0 0; margin: 0; float: right; }


/*  Display Info  */
#classmatename { text-align: center; margin-bottom: 10px; }
#classmatename h3 { color: #CC0000; margin: 0; }
#thennow h5 { margin-bottom: 0;}
#thennow p  { margin-top: 0; }
#thennow .then { float: left; width: 150px; height: 190px; }
#thennow .then h4,#thennow .now h4 { text-align: center; margin: 0 0 10px 0; }
#thennow .now  { float: left; width: 150px; height: 190px; margin: 0 0 10px 5px; }
#classmateinfo { margin-top: 30px; }
.lastupdate { color: #666666; font-size: .6em; font-style: italic; }

/* Reunion Announcements */
#reunionlinks,#mypictures { font-size: .8em; }
.reunionline { border-bottom: 1px solid #666666; }
.reunionbrdr { border: 1px solid #666666; }

/** Multi-column list items - http://www.communitymx.com/content/article.cfm?cid=27f87 **/
#mypictures { margin: 10px 0; padding: 10px 5px; }
.col1       { margin-left: 35px; }
.col2       { margin-left: 180px; } 
.coltop     { margin-top: -45px ;}

#reunions { float: left; width: 700px; padding-top: 10px; }

/* Pictures */
#piclinks a { font-size: .8em; }
.smtext { font-size: .8em; }
.p1link { font-weight: bold; }
.p2link { font-weight: bold; }
.p3link { font-weight: bold; }
.p4link { font-weight: bold; }
.rannouncements { padding: 5px; border: 1px solid #666666; font-size: .8em; }
.picspace { margin:0 5px 5px 0; }

.pics { text-align: center; float: left; width:110px; min-height: 115px; margin: 0 5px 5px 0;padding:5px; }
.pics span { display: block; font-size: .7em; padding: 2px; }

.thpics { text-align: center; float: left; width:100px; margin: 0 5px 5px 0; }

.imgthumb { width: 100px; height: 150px; float: left; margin-right: 5px; }
.imgthumb span { display: block; font-size: .7em; line-height: 11px; }

.nextprev { font-size: .75em; font-weight: bold; margin-left: 25px; padding: 6px 0;   }
.nextprev a { color: #990000; }
.nextprev a:hover { text-decoration: none; }

/** Debbie memories page **/
#debmemories ul li { font-size: .8em; }

/* Dallas Morning News article */
/** why we go back **/
#leftcol  { float: left;  width: 45%; padding: 0 15px; text-align: justify; }
#rightcol { float: right; width: 45%; padding: 0 15px; text-align: justify; }
#articletitle { /*float: left; width: 400px; padding-top: 10px;*/ border-bottom: 1px dotted #990000; }
#dmnarticle p { font-size: .8em; }
.indent { text-indent: 1.5em; }
.em { font-style:italic; }


/** Willie McCool **/
#mccoolarticle li a { font-size: .9em; }


/** Privacy **/
#privacy li   { font-size: .8em; }
#privacy li p { font-size: 1em; }
#policy { float: left; width: 100%; }


/** Footer **/
#footer { clear: both; text-align: center; font-size: .8em; padding-top: 10px; }
#credit { margin: 10px 0; }