/*          (c) Seregon Solutions    */
/*              Author: Adrian Jones          */
/*                  August 2005               */
/*         Verification: CSE HTML Validator   */


html, body {font-family:"Lucida Sans Unicode",Verdana,Geneva,Arial,Helvetica,sans-serif;color:#000000;font-size:8px;margin:0px;padding:0px;background-color:#444444;}
frameset {margin:0px;padding:0px;border:none;}

a:link       {color:#750000;text-decoration:none;}
a:visited    {color:#750000;text-decoration:none;}
a:hover      {color:#000000;text-decoration:none;background:#aaaaaa;}
a:active	    {color:#000066;text-decoration:none;background:#66ff66;}

h1 {color:#444444;margin:0px;padding:5px 20px;font-size:12pt;font-weight:bold;font-variant:small-caps;}
h2 {font-style:italic;color:#2E8288;font-size:10pt;background-color:transparent;font-family:georgia,serif;margin:10px 30px 8px 30px;padding:4px 2px;text-align:left;border-bottom:1px solid #0E2290;}
h3 {color:#662234;font-size:10pt;background-color:transparent;margin:2px 2px 0px 20px;padding:2px;text-align:left;}

p {margin:10px;font-size:8pt;padding:5px 15px;}
p.intro {text-indent:2em;margin:10px;padding:5px;}
p.intro:first-letter{font-size:larger;font-weight:bold;}
p.bigindent {margin-left:30px;padding:5px;}
p.review {margin:10px;padding:5px;font-style:italic;}
p.quote  {padding:0px 30px 0px 30px;font-style:italic;line-height:normal;margin:0px;text-align:justify;}
p.attrib {padding:0px 10px 10px 50px;font-style:normal;line-height:normal;margin:0px;font-size:8pt;font-weight:bold;}
p.quote:first-letter, p.attrib:first-letter  {font-size:100%;font-weight:normal;}

ul, li {font-size:8pt;}
.arrow1 {list-style-image:url('gifs/point1.gif');}
.arrow2 {list-style-image:url('gifs/point2.gif');}
.check  {list-style-image:url('gifs/checkerboard.gif');}
.boxred {list-style-image:url('gifs/boxred.gif');}

/*************************************** STRUCTURE **********************************************
	Header
		- topMission
   mainContainer
   	- navBar
   copy
*************************************** STRUCTURE **********************************************/

#Main {position:absolute;top:0px;left:0px;width:100%;height:100%}

#Header, #mainContainer, #copy {width:760px;margin-left:auto;margin-right:auto;}

#Header {top:0px;}

/* header page - no longer used */
#topHead  {position:relative;top:0px;left:0px;width:100%;background-color:#888888;color:#FFA500;font-size:20pt;text-transform:uppercase;letter-spacing:20px;margin-top:10px;margin-bottom:10px;padding:10px 0px;font-weight:bold;text-align:center;border:1px groove #000000;}

/* mission statement text format */
#topMission  {position:relative;top:7px;left:0px;width:100%;background-image:url('images/csc_header_with_mission.jpg');background-position:left center;background-repeat:no-repeat;height:76px;border-top:1px solid #ff7500;border-bottom:1px solid #ff7500;padding:3px 0px;}

/* main container */
#mainContainer {position:relative;top:5px;height:600px;overflow:auto;font-size:10pt;background-color:#888888;margin-left:auto;margin-right:auto;margin-top:10px;width:760px;border:1px groove #000000;}

#mainContentBox {position:absolute;top:0px;left:120px;width:640px;line-height:normal;height:600px;background-color:#dddddd;background-image:url('images/floorplans(expanded).jpg');background-position:top left;background-repeat:repeat-y;z-index:100;}

/* footer and copyright bar */
#copy {font-family:'Times New Roman',Times,serif;font-size:9pt;text-align:center;margin-top:10px;color:white;height:42px;line-height:21px;border-top:1px solid #ffa500;}

/* left side navigation bar */
#navBar  {position:relative;top:0px;left:0px;width:130px;border-right:1px solid #000000;line-height:1.8em;font-size:9pt;font-weight:bold;text-align:left;color:#444444;display:block;background-color:#888888;height:100%;z-index:10;}
/* linked page */
#navBar .button, #navBar .sbutton {width:115px;display:block;padding:3px 5px 3px 5px;}
#navBar .button:link, .button:visited {text-decoration:none;color:#ffffff;border-left:5px solid #888888;}
#navBar .button:hover {background-color:#aaaaaa;color:#444444;border-left:5px solid #ffa500;}
/* selected page */
#navBar .sbutton:link, .sbutton:visited, .sbutton:hover {background-color:#666666;text-decoration:none;color:#ffa500;border-left:5px solid #ffa500;}

/* Sliding menu contents */
#menu1, #menu2, #menu3, #menu4 {background-color:transparent;left:1px;position:absolute;top:1px;visibility:hidden;display:block;}
#menu1Content, #menu2Content, #menu3Content, #menu4Content {display:block;border-left:2px solid #ffa500;border-right:1px solid #444444;z-index:1000;}

/* Menu contents */
.rollmenu {display:block;font-size:8pt;padding:2px 0px 2px 5px;border-bottom:1px groove #444444;border-left:1px solid #ffffff;border-right:2px solid #ffffff;line-height:13px;font-weight:normal;z-index:100;}
.rollmenu:link, .rollmenu:visited {background-color:#bbbbbb;color:#444444;text-decoration:none;}
.rollmenu:hover                   {background-color:#777777;color:#ffa500;text-decoration:none;}

.breadcrumb {font-size:7pt;padding-left:15px;}
.breadcrumb a:link, .breadcrumb a:visited {background-color:transparent;color:#444444;font-weight:normal;text-decoration:none;}
.breadcrumb a:hover {background-color:transparent;color:#000000;font-weight:normal;text-decoration:underline;}

/* Membership tables */
.membershipTable {border:1px solid #444444;width:90%;}
.tablehead {background-color:#336699;color:white;text-align:center;font-weight:bold;font-size:8pt;}
.even {background-color:#e8e8e8;height:20px;font-weight:normal;font-size:8pt;color:#444444;padding:0px 4px;}
.odd  {background-color:#cccccc;height:20px;font-weight:normal;font-size:8pt;color:#444444;padding:0px 4px;}

/* Event tables on calendar page*/
.eventTable {width:90%;padding:0px;border:0px}
.re {width:80%;background-color:#e8e8e8;height:20px;font-weight:normal;font-size:8pt;color:#444444;padding:0px 4px;text-align:left;}
.le {width:20%;background-color:#cccccc;height:20px;font-weight:normal;font-size:8pt;color:#444444;padding:0px 4px;text-align:right;border-right:1px solid #444444}

#mainContentBox #calendarEventContainer {text-align:center;right:5px;width:260px;top:5px;height:450px;background-color:transparent;border:none;float:right;z-index:100;}

/* Calendar Function */
#calendarEventContainer #calendarBox {position:absolute;right:30px;width:200px;top:0px;height:auto;}
#datetable	     {background-color:#888888;width:90%;border:0px;padding:0px;font-size:9pt;height:120px;}
.datetableHead   {background-color:#336699;color:#ffffff;border-bottom:1px solid #ffa500;font-size:8pt;font-weight:bold;height:25px;}
.datetableCells  {background-color:#888888;color:#ffffff;text-align:center;font-size:8pt;font-weight:normal;border:1px solid #888888;}
.datetableToday  {background-color:#ffffff;color:#444444;text-align:center;font-size:8pt;font-weight:bold;border:1px solid #444444;}
.evDay:link, .evDay:visited {color:#ffa500;font-weight:bold;}
.evDay:hover     {background-color:#ffffff;color:#000000;}

#calendarEventContainer #eventBox {position:absolute;right:5px;width:250px;top:180px;height:auto;}

/* Event tables on calendar page*/
.calendarEventTable {width:90%;padding:0px;border:0px;height:120px;}
.calEventHead {font-style:italic;color:#2E8288;font-size:8pt;background-color:transparent;font-family:georgia,serif;margin:8px 0px 0px 20px;padding:0px 2px;text-align:left;border-bottom:1px solid #0E2290;font-weight:bold;}
.calEventText1 {background-color:transparent;font-weight:bold;font-size:8pt;color:#444444;text-align:left;border:0px;}
.calEventText {background-color:transparent;font-weight:normal;font-size:8pt;color:#000000;text-align:left;border:0px;}
.calEventText a:link, .calEventText a:visited {color:#990000;font-weight:bold;}
.calEventText a:hover     {background-color:#ffffff;color:#000000;}

.indexImg {height:100px;padding:5px 10px 5px 25px;}