/*main sections*/

body {font-size: x-small;
/*for IE5/Win*/
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
/*compliant browsers*/
background-color: #ffffff;
margin: 0px;
padding: 0px;
background-image: url(images/wallpaper.gif);
background-repeat: repeat-x;
background-position: center top;}

html>body {/*to be nice to Opera*/
font-size: small;}

form {margin: 0;
display: inline;}

#main {position: relative;
color: #505050;
background-color: #ffffff;
border: 0px #000000 solid;
width: 900px;
margin: 0 auto;
font-size: 100%;
font-family: Arial, sans-serif;}

#intheader{
text-transform: uppercase;
text-align: right;
color: #c4c4c4;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
height: 15px;
padding-top: 2px;}

#header {height: 115px;
background-image: url(images/logoacsf.gif);
background-repeat: no-repeat;
background-position: center top;}

#headerfade{
padding-top: 12px;
padding-left: 470px;
height: 75px;
text-align: right;}

#headertext h1{
padding-top: 11px;
margin: 0px;
font-weight: normal;
letter-spacing: 1px;
text-align: left;
color: #888888;
font-size: 11px;}

#websitecontent {display:inline;
width: 720px;
float: right;
margin-top: 8px;
margin-bottom: 5px;}

#innercontent{
background-image:url(images/contentpaper.gif);
background-repeat:repeat-y;}

#innercontentleft{
width: 405px;
padding-right: 15px;
float: left;
background-image:url(images/contentpaper.gif);
background-repeat:repeat-y;}

#innercontentfullwidth{
}

#innercontentright{
float: right;
width: 300px;}

.innercontentrightpadded{
padding-left: 15px;}

.innercontentrightline{
height: 3px;
margin: 15px 0;
background-image:url(images/greenlinehorizontal.gif);
background-repeat:repeat-x;}

#footersurround {

background-image: url(images/footerpaper.gif);
background-repeat: repeat-x;
background-position: center top;}

#footercontent {
font-family: Arial, sans-serif;
width: 900px;
margin: 0 auto;
font-size: 80%;
color: #888888;
padding-top: 4px;
text-align: right;}

#footercontent a {color: #888888;
text-decoration: none;}

#footercontent a:hover {color: #888888;
}

.clearit {clear: both;
height: 0;
line-height: 0;
font-size: 1px;}

.floatrightgeneric {float: right;
margin-left: 10px;}

.floatleftgeneric {float: left;
margin-right: 10px;}

.calloutindex{
width: 250px;
margin-left: 15px;
float: right;}

.calloutindex img{
margin-top: 8px;}

.greylinks a{
color: #505050;}

.resourcestable{
border-collapse: collapse;}

.resourcestable th{
padding: 3px;
text-align: left;
font-weight: normal;
border: 1px dashed #8cc63f;
vertical-align: top;
color: #017f01;}

.resourcestable td{
padding: 3px;
border: 1px dashed #8cc63f;
vertical-align: top;}

.yellowbox{
background-color: #ffea00;
padding: 8px;
width: 80%;
margin: 0 auto;
color: #000000;}

.coursephotos td{
width: 33%;
padding-bottom: 6px;}

.coursevideos td{
width: 50%;
padding-bottom: 10px;}

/*end main sections*/

/*navigation*/

#navigation {display:inline;
width: 165px;
float: left;
margin-left: 0px;
margin-top: 8px;
background-image: url(images/navpaper.gif);
background-repeat: repeat-y;}

#navigation ul{
list-style:none;
margin:0;
padding:0;
}

#undernav{

font-size: 95%;}

.navcontact{
padding-top: 10px;
text-align: center;}

.navsubhead{
margin-top: 5px;}

#navcourses{
width: 146px;
padding: 3px 3px 1px 3px;
background-color: #e7e7e7;
margin-left: 6px;}

#navcourses a{
display: block;
margin-bottom: 2px;
height: 21px;
padding-top: 4px;
width: 146px;
background-image: url(images/navorange.gif);
background-color: #f15922;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 12px;}


#navcourses a:hover{
background-image: url(images/navgreen.gif);
background-color: #8cc63f;
color: #ffffff;
text-decoration: none;}

#navgeneral{
width: 146px;
padding: 3px 3px 1px 3px;
background-color: #e7e7e7;
margin-left: 6px;
margin-top: 6px;}

#navgeneral a{
display: block;
margin-bottom: 2px;
height: 21px;
padding-top: 4px;
width: 146px;
background-image: url(images/navgreen.gif);
background-color: #8cc63f;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 12px;}


#navgeneral a:hover{
background-image: url(images/navorange.gif);
background-color: #f15922;
color: #ffffff;
text-decoration: none;}

#navstudentloan{
width: 146px;
padding: 3px 3px 1px 3px;
background-color: #e7e7e7;
margin-left: 6px;
margin-top: 6px;
margin-bottom: 4px;}

#navstudentloan a{
display: block;
margin-bottom: 2px;
height: 21px;
padding-top: 4px;
width: 146px;
background-image: url(images/navyellow.gif);
background-color: #ffea00;
color: #000000;
text-align: center;
text-decoration: none;
font-size: 12px;}


#navstudentloan a:hover{
background-image: url(images/navorange.gif);
background-color: #f15922;
color: #ffffff;text-decoration: none;}

.durationdiv{
border: 1px solid #e7e7e7;
padding: 10px;
font-size: 13px;
background-color: #fff5f1;
}

.durationdiv p{
padding: 0;
margin: 0;}

.overviewlistdiv{
border: 1px solid #e7e7e7;
padding: 10px;
font-size: 11px;
background-color: #fff5f1;
}

.overviewlistdiv p{
padding: 0;
margin: 0;}

.apply{
}

.apply th{
background-color: #8cc63f;
color: #ffffff;
text-align: left;
padding: 4px;
font-size: 14px;}

.apply td{
padding: 4px;
vertical-align: top;}

.aboutfloat{
width: 350px;
margin-left: 20px;
float: right;}

.aboutlist{
border: 1px solid #e7e7e7;
padding: 8px;
margin-bottom: 10px;
line-height: 145%;
font-size: 14px;}

.fadebanner{
width: 720px;
height: 150px;
background-image:url(images/fade01.jpg);
background-repeat: no-repeat;}

.howtoapplytable td{
vertical-align: top;
padding-bottom: 10px;}

.howtoapplytable p{
margin: 0;}

/*end navigation*/

/*text*/

#websitecontent h1 {font-size: 145%;
color: #8cc63f;
font-family: Arial, sans-serif;
margin-top: 10px;
text-align: left;
letter-spacing: 0px;}

#websitecontent h2 {
display: inline;
font-size: 135%;
color: #f15922;}

p {font-size: 100%;
text-align: justify;}

.smallspaced{
font-size: 85%;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: bold;}

hr{
height: 1px;
color: #cccccc;}

.largertext{
font-size: 120%;}

#websitecontent ul li {}

.smallblack {font-size: 80%;
color: #999999;}

.smallwhite {font-size: 80%;
color: #FFFFFF;}

.orangeheading {font-size: 125%;
font-family: Arial, sans-serif;
color: #f15922;
font-weight: bold;}

.orange{
color: #f15922;
}

.orangesubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #f15922;
font-weight: bold;}

.greenheading {font-size: 125%;
font-family: Arial, sans-serif;
color: #8cc63f;
font-weight: bold;}

.greensubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #8cc63f;
font-weight: bold;}

.green {
color: #8cc63f;
}

.darkgreenheading {font-size: 125%;
font-family: Arial, sans-serif;
color: #017f01;
font-weight: bold;}

.darkgreensubheading {font-size: 110%;
font-family: Arial, sans-serif;
color: #017f01;
font-weight: bold;}

/*end text*/

/*menu styling*/

#menu th {background-image: url(images/navbackground.jpg);
border: 1px #373737 solid;
text-align: center;
color: #6c207e;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 165%;}

#menu td {border: 1px #ececec solid;}

.menuitem {font-size: 115%;
color: #2d77a7;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;}

.menudescription {font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 90%;
color: #363636;
font-style: italic;}

/*end menu styling*/

/*hyperlinks*/

a {color: #f15922;
text-decoration: underline;}

a:hover {color: #8cc63f;
}

/*end hyperlinks*/

/*images*/

.leftimage {margin-right: 14px;}

.rightimage {margin-left: 20px;}

img {border: none;}

/*end images*/

/*start form fields*/

.formfields {border: 1px #cc0000 solid;
background-color: #f8f8f8;
color: #2f2f2f;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;}

.submitbutton {border: 2px #f15922 solid;
background-color: #f15922;
color: #FFFFFF;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;}

/*end form fields*/