/* @charset "utf-8"; */
/* 
CSS Document for FundCollege Web Site
Authored by Phreesurf Web Design
*/

/* LAYOUT */
body {
background: #FFFFFF;
text-align: center;
padding: 0;
margin: 0;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #556
}
#wrap {
width: 990px;
text-align:left;
margin: 0 auto;
padding: 0
}
#head {
width: 100%;
height: 130px;
margin: 0;
padding: 0
}
#content {
width: 100%;
padding: 0;
margin: 12px auto;
border-top: 0
}
#testiml {
width: 68%;
float: left;
margin: 5px
}
#testimr {
width: 28%;
float: left;
margin: 5px;
text-align:right
}
#botshadow {
width: 100%;
height: 1px;
margin: 0;
background: #bbb;
}
#foot {
border-top: #bbb 1px solid;
width: 990px;
text-align: right;
margin: 20px auto;
}
#footmsg {
	text-align:center;
	width: 350px;
	float:left;
	margin: 15px 0 0 0;
}
#logo {
float:left;
margin: 0 0 0 5px;
}
#botlogo {
float:left;
margin: 10px 0 0 0;
width:300px;
text-align:left
}
#bottxt {
float:right;
margin: 25px 0 0 0;
width:250px;
color: #aaa
}
#horizit, .horizit { float: left }
#centerit, .centerit { text-align: center }
#clearit, .clearit { clear: both }

/* END LAYOUT */

/* FORMATTING */
a:link, a:visited {
color: #06C;
text-decoration:none
}
a:hover, a:active { color: #039; }

h1 {
font-family: "Century Gothic", "Avant Garde", Tahoma, Geneva, sans-serif;
color: #039;
font-size: 22px;
font-weight:bold;
margin: 2px 0 10px 0;
}
h2 {
font-family: "Century Gothic", "Avant Garde", Tahoma, Geneva, sans-serif;
color: #039;
font-size: 18px;
font-weight:bold;
margin: 2px 0 10px 0;
}
h3 {
font-family: "Century Gothic", "Avant Garde", Tahoma, Geneva, sans-serif;
color: #039;
font-size: 13px;
font-weight:bold;
margin: 0 0 10px 0;
}
/* Sizes  */
.txt16px { font-size: 16px; }
.txt14px { font-size: 14px; }
.txt13px { font-size: 13px; }
.txt12px { font-size: 12px; }
.txt10px { font-size: 10px; }
.txt9px { font-size: 9px; }
/* Colors  */
.redtxt { color:#CC0000; }
.grntxt { color:#1B9516; }
.whttxt { color:#FFFFFF; }
.grytxt { color:#999999; }
.bluetxt { color:#069; }
.orgtxt { color: #F60; }
.goldtxt { color: #993 }
#bothome a:link, #bothome a:visited { color:#999 }
#bothome a:hover { color:#bbb }
#contactform ul {
list-style:none;
width: 500px;
margin: 0 auto
}
#contactform li { padding: 12px; }
#home2 td { height: 15px }
#loginform { float: left }
img { border: none; }
a { outline: none; }
/* END FORMATTING */

/* FORM ELEMENTS */
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
margin: 0;
padding: 0;/* 
min-width: 500px;
max-width: 600px;
width: 560px;
*/
}
#introform {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
margin: 0 auto;
padding: 0;
min-width: 500px;
max-width: 600px;
width: 560px;
}
#introform label {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
display: block;  /* block float the labels to left column, set a width */
float: left;
width: 200px;
padding: 0;
margin: 5px 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
fieldset {
clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #ddeded;
border-width: 1px;
border-style: solid;
padding: 10px;        /* padding in fieldset support spotty in IE */
margin-bottom: 10px;
}
legend { font-size:1.1em; }
label {
display: block;  /* block float the labels to left column, set a width */
float: left;
width: 150px;
padding: 0;
margin: 5px 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
input, textarea {
display: inline; /*inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin: 5px 0 0 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
color: #555;
border: 1px solid #d1dfde;
padding: 2px;
}
select {
width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin: 5px 0 0 5px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
color: #555;
border: 1px solid #d1dfde;
}
input, select, textarea {
font-size: 11px;
font-family: sans-serif;
}
input#reset { margin-left:0px; /* set margin-left back to zero on reset button (set above) */ }
.hidfld { border: 0; }
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
form br { clear:left; }
form .required { font-weight:bold; }
#thesubmit {
width: 67px;
height: 25px;
margin: 1px auto;
border: 0;
float:none
}
/* END FORM ELEMENTS */



/* BOXES */
/* Top Navigation */
#topright {
float:right;
max-width: 400px;
text-align:center
}
#tnav {
background: #00245f url(../img/tmpl/box/topnav.png) repeat-x;
height: 35px;
margin: 0;
padding: 0;
float:right;
text-align:center;
}
#tnavl {
background: #00245f url(img/tmpl/box/topnav-l.png) no-repeat;
height: 35px;
width: 14px;
margin: 0;
float:right
}
#tnavr {
background: #00245f url(img/tmpl/box/topnav-r.png) no-repeat;
height: 35px;
width: 14px;
margin: 0;
float:right
}
/* Home page */
#home1 {
background: url(img/tmpl/home-fam1.jpg) no-repeat;
width: 658px;
height: 325px;
text-align:center;
margin: 0 10px 10px 0;
float: left
}
#home2 {
margin: 0;
float: left;
}
#home2 {
margin: 0;
float: left;
}
#home2a {
background:url(img/tmpl/box/grn1-top.png);
width: 310px;
height: 10px;
margin: 0;
padding: 0;
}
#home2b {
background: #fff url(img/tmpl/bg/grn1.png) repeat-x;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 288px;
margin: 0;
padding: 10px;
}
#home2c {
background:url(img/tmpl/box/grn1-bot.png);
width: 310px;
height: 10px;
margin: 0;
padding: 0;
}
#home3 {
margin: 0 10px 0 1px;
float: left;
}
#home3a {
background:url(img/tmpl/box/ylw1-top.png);
width: 656px;
height: 10px;
margin: 0;
padding: 0;
}
#home3b {
background: #fff url(img/tmpl/bg/ylw1.png) repeat-x;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 634px;
margin: 0;
padding: 0 10px;
}
#home3c {
background:url(img/tmpl/box/ylw1-bot.png);
width: 656px;
height: 10px;
margin: 0;
padding: 0;
}
#home4 {
margin: 0;
float: left;
text-align: center
}
/* White Boxes */
#whtbox1 {
margin: 0 5px 0 0;
float: left;
}
#whtbox1a {
background:url(img/tmpl/box/wht1-top.png);
width: 468px;
height: 9px;
margin: 0;
padding: 0;
}
#whtbox1b {
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 448px;
margin: 0;
padding: 9px;
}
#whtbox1c {
background:url(img/tmpl/box/wht1-bot.png);
width: 468px;
height: 10px;
margin: 0;
padding: 0;
}
#whtbox2 {
margin: 0 8px 10px 0;
float: left;
}
#whtbox2a {
background:url(img/tmpl/box/wht2-top.png);
width: 319px;
height: 9px;
margin: 0;
padding: 0;
}
#whtbox2b {
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 297px;
margin: 0;
padding: 5px 10px;
}
#whtbox2c, .whitebox2c {
background:url(img/tmpl/box/wht2-bot.png);
width: 319px;
height: 9px;
margin: 0;
padding: 0;
}
#grnbox3 {
margin: 0 0 12px 0;
float: left;
}
#grnbox3a {
background:url(img/tmpl/box/grn3-top.png);
width: 319px;
height: 9px;
margin: 0;
padding: 0;
}
#grnbox3b {
background: #fff url(img/tmpl/box/grn3.png) repeat-x;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 297px;
margin: 0;
padding: 5px 10px;
}
#blubox2, .blubox2 {
margin: 0 10px 12px 0;
float: left;
}
#blubox2a, .blubox2a {
background:url(img/tmpl/box/blu2-top.png);
width: 319px;
height: 9px;
margin: 0;
padding: 0;
}
#blubox2b, .blubox2b {
background: #fff url(img/tmpl/box/blu2.png) repeat-x;
border-left: 1px #ddd solid;
border-right: 1px #ddd solid;
width: 297px;
margin: 0;
padding: 5px 10px;
}
/* END BOXES */

/* NAVIGATION */
#topnav {
list-style: none;
text-align:center;
margin: 8px auto;
padding: 0;
}
#topnav li {
display: inline;
padding: 2px 5px;
font-size: 12px;
font-family: Tahoma, Geneva, sans-serif;
}
#topnav a, #topnav a:visited {
color:#FFFFFF;
text-decoration:none;
}
#topnav a:hover { color: #FF0 }
#homenav {
list-style: none;
margin: 285px auto 10px auto;
padding: 0;
}
#homenav li {
background-image: url(img/pix/arr1.png);
background-repeat: no-repeat;
background-position: 0% 60%;
font-family: "Myriad Pro", Tahoma, Geneva, sans-serif;
font-size: 20px;
display:inline;
padding: 0 16px;
margin: 0 35px;
}
#bothome {
list-style: none;
margin: 25px 0 0 200px;
padding: 0;
float:left;
}
#bothome li {
display: inline;
padding: 2px 10px;
color: #aaa;
}
#horizlist {
list-style: none;
margin: 0 auto;
padding: 0;
}
#agtbtn a {
display:block;
margin: 20px auto;
height:102px;
width:290px;
background: url(img/pix/btn-agt.png) }
#agtbtn a:hover { background-position:-290px; }

#webnrbtn a {
display:block;
margin: 20px auto;
height:102px;
width:290px;
background: url(img/pix/btn-webinar.png) }
#webnrbtn a:hover { background-position:-290px; }

#webnrbtn2 a {
display:block;
margin: 20px auto;
height:90px;
width:300px;
background: url(img/pix/btn-webinar4.png) }
#webnrbtn2 a:hover { background-position:-300px; }

#swbtn a, #acbtn a {
display:block;
margin: 0 auto 5px auto;
height:60px;
width:310px;
}
#swbtn a { background: url(img/pix/btn-swtrain.png)}
#acbtn a { background: url(img/pix/btn-ac.png)}
#swbtn a:hover, #acbtn a:hover { background-position:-310px; }

/* END NAVIGATION */


/* Let there be songs to fill the air.. */