@import "reset.css";
@import "base.css";
@import "fonts.css";

body, html {font-family:verdana,arial,sans-serif; color:#333333; background-color:#e6e6ff;
			width: 100%;height: 100%;min-height: 100%; min-width:1024px;}
body { background:#e6e6ff; }
html {min-height: 101%;}

/*  <BASE>
--------------------------------------------------*/
a{text-decoration:underline; color:#000000}
a:hover {color:#933; text-decoration:none;}
a:focus {outline: none}
p {margin:0; padding:0}
table {margin:0; padding:0; border:0}
hr {height:1px;border: none;background-color:#333;}
td {padding: 2px 6px 6px 6px; vertical-align:top}
dt {font-weight: bold;}
dt em {font-weight:bold}
dt.date {font-size:108%}
dd { padding-bottom:10px}


/*  <PAGE SEGMENTS>
--------------------------------------------------*/
#wrapOuter {height: auto; min-height: 100%;	width: 100%; background:url(/images/bkgContent.jpg) repeat-y}
#head { height: 100px;background-color: #002244; width:100%} 
#sidebar {float: left;width:150px;background:#002244; min-height:100%}
#sidebar img {padding-left:5px}
#contentWrap { float:left;width:84%; padding-bottom:10px}


/* <HEAD> 
--------------------------------------------------*/
#logo {background: url(/images/FACTClogo.jpg) no-repeat; width:150px; height:99px; float:left}
#logo img {padding-left:26px; padding-top:19px}
#head h1 {color: #ffffff;font-variant:small-caps;font-size:123.1%; font-weight:bold;line-height:150%; padding:20px 0 0 0; margin:0; text-align:center}
#head h2 {color: #ccccff;line-height:100%; font-size:108%; text-align:center; margin:0}
#head .date {color: #ccc;text-align:right; font-size:100%}

/*  <HEAD NAVIGATION> 
--------------------------------------------------*/
#headNav {text-align:right; padding:0 10px 0 0; color:#cccccc}
#headNav a {color: #cccccc;font-size:93%;text-decoration: none; font-size:85%}
#headNav a:hover {color: #5c97c9;}
#home #headNav .home a,
#news #headNav .news a
 {font-weight:bold;color: #eeee00;cursor:default}

/*  <CONTENT> 
--------------------------------------------------*/
#content {padding:10px 10px 10px 10px; float:left; width:83%;line-height:1.5;}

/*  sidebar identifying colleges (on every page) */
#contentSidebar {width:85px;border: 1px solid #333333;background:#c5c5ee;  padding:10px 5px; float:left; margin:60px 0 0 0; text-align:center}
#home #contentSidebar {margin:110px 0 0 0;}
.annoucement {border:1px solid #000; padding:3px; margin-top:10px}
#contentSidebar p {margin-bottom:20px; line-height:90%}
#contentSidebar a {color: #333333;text-decoration: underline; font-size:73%;}
#contentSidebar a:hover {color: #4b86b8;}

#quote {font-family: georgia, palatino, times;color: #990000;font-size:104%;font-weight: bold;font-style: italic; text-align:right}
#quote em {font-size:93%}
#content h3 {color: #990000;text-align:left;font-weight: bold;line-height:150%;}
.light {color: #333333;font-size:93%px;}

#content p {color: #333333;text-indent: 20px;}
#home #content p {font-size:108%;}
#content p.noIndent {text-indent:0;}

#intext {margin:0 auto; width:70%}
#intext ul li {list-style-type:circle;margin:0 0 10px 20px; padding:0; line-height:150%}
#intext ol li {margin:0 0 10px 20px; padding:0; line-height:150%}
#intext ol li ol li {list-style-type:lower-alpha}

#members #intext  { width:90%}
#members #intext p {padding-bottom:5px}
#memberInfo {width: 205px; margin:0 0 5px 15px; border: 1px solid #333333;padding:10px;font-size:77%; float:left}
#memberInfo p {text-indent:0; padding:5px 0; margin:0}
#memberInfo hr {padding:0; margin:0}
.memberHide {display:none}
.memberShow {display:block}
#memberList p {color:#000; font-size:85%}
#memberList .active  {color: #4b86b8; text-decoration:underline}
#memberList .inactive  { color: #999}

#focus table {width:80%; margin:0 auto}
#focus td {background-color:#002244; border:1px solid #e6e6ff; color:white}

#altRowColors td {font-family: Georgia, palatino, times;font-size:85%;font-weight: bold; vertical-align:top; padding:5px 10px 7px 10px; margin:5px}
#altRowColors .altRow {background-color: #d5d5ff;}


/* <FOOT> 
--------------------------------------------------*/
#foot {	margin-top: -30px;clear: both; position: relative; height:30px; line-height:30px;	width: 100%;background-color:#002244; text-align:center;color: #cccccc;
font-size:77%;}
#foot a {text-decoration:underline; color:#ccc}
#foot a:hover {color: #5c97c9;}


/*  <MAIN NAVIGATION> 
--------------------------------------------------*/
#nav {margin:0; padding:10px 0}
#nav h6 { font-weight:normal}
#nav h6 a
	{display: block;padding:15px 3px 3px 10px;
	color: #cccccc;font-size:93%;text-decoration: none;
}

#nav h6 a:hover {color: #5c97c9;}
#home #nav .home a,
#about #nav .about a,
#news #nav .news a,
#profDev #nav .profDev a,
#members #nav .members a,
#pubs #nav .pubs a,
#links #nav .links a,
#blog #nav .blog a,
#contact #nav .contact a,
#focusArchives #nav .pubs a,
#newsletter #nav .pubs a,
#minutes #nav .pubs a
	{font-weight:bold;color: #eeee00;cursor:default; }

h6.selected  {font-weight:bold;color: #eeee00;cursor:default;}
.navElement a { 
	display:block;  padding:0 0 0 25px;
	text-decoration:none;color: #cccccc;font-size:77%;
}
.navElement a.last {padding-bottom:3px}
.navElement a:hover {color: #5c97c9;}
#nav .active,
#goals #nav .goals,
#bylaws #nav .bylaws,
#join #nav .join,
#officers #nav .officers,
#schedule #nav .schedule,
#focus #nav .focus,
#focusArchives #nav .focusArchives,
#newsletter #nav .newsletter,
#minutes #nav .minutes
 {font-weight:bold;color: #eeee00;cursor:default}
               
/*  <BUTTON> 
--------------------------------------------------*/
.suggestBtn  a {
	border:1px solid #fff;
	margin:20px 10px; display:block;padding:5px;
	text-align:center;
	color:#000; font-weight:bold;text-decoration:none;
	background: #ccccff;
}

.suggestBtn a.active, 
.suggestBtn a:hover {
	color:#fff;background:#5c97c9;
}


/*  <ACCORDION> 
--------------------------------------------------*/
#accordion {margin:20px 0px;}
#accordion h3.selected  { color: #5c97c9;}
#accordion .toggler {cursor: pointer;border: 1px solid #f5f5f5;border-right-color: #ddd;border-bottom-color: #ddd;
	margin: 10px 0 4px 0;padding: 3px 5px 1px 5px; clear:both;font-size:93%; font-weight:bold; color:#000}
div.element  {	margin:0px;padding:4px 4px 4px 10px;}
#accordion .toggler:hover   { color: #5c97c9;}  

/*  <MISC CLASSES> 
--------------------------------------------------*/
.small {font-size:77%}
.clear {clear:both}
.left {float:left}
.right {float:right}
.colorRed {color: #990000;}
.italic {font-style:italic}
.date {font-family: georgia, palatino, times;color:#990000;font-weight: bold; font-size:85%}
.imgLeft {float:left; padding:0 10px 10px 0}
.imgRight {float:right; padding:0 0 10px 10px}

/*  <FORM>
--------------------------------------------------*/
input {  background-color:#DCDDD5;   border:1px solid #000000; padding:1px}
textarea { background-color:#DCDDD5; border:1px solid #000000; font-size:93%; letter-spacing:.04em;font-family:Arial, Helvetica, sans-serif; padding:1px}
#formReg {font-size:93%; padding-top:0px; background:#ccccff; border:1px solid #000; margin:10px 0}
#formReg table {padding:0; margin:10px 0; width:100%}
#formReg td {padding:0 5px 5px 0; margin:0;}
.tdr {text-align:right;color:#545353; width:20%}
.tdl {text-align:left; width:60%; vertical-align:top }
#formReg input { width:90%}
#formReg .button { margin-top:5px;background-color:#545353; border:1px solid black; cursor:pointer; color:#F8E8D8; font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:95%; width:91%}
#formReg textarea { width:90%;}
.asterisk {color:#934232; font-size:77%}

/*  <ERROR HANDLING>
--------------------------------------------------*/
.inpErr {background-color:#bc2d33; color:#ffffff}
.inpOK {background-color:white; color:#000000}
.errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; }
.noerror {font-weight:normal; margin:0; color:#565655;text-align:center }
