.sp15{line-height:15px;}

.hide{display:none;}


.clear{clear:both; line-height:0px; width:1px; height:0px; }
html>body .clear{clear:both; line-height:0px; width:1px; }

/***** border boxes ********/
.box-gray{
    border:1px solid #ccc;
    background-color:#ddd;
    padding:0px;
}

.inside10{padding:0 10px 0 10px;}

.w200{width:200px;
      overflow:auto;}

html {
    overflow: auto;
}
body {
    background-color: #980A14;
    /*font: 78%/1.5 Arial,sans-serif;*/
    font: 9pt Arial,sans-serif;
    color: #3E3E3E;
    margin: 0;
}
img {
    border: none;
}
h1,h2,h3 {
    font-family: "Gill Sans MT","Gill Sans","Gil Sans",Arial,sans-serif;
    color: #000000;
    font-weight: normal;
    margin-top: 0;
}
h1 {
    font-size: 20pt;
    margin-bottom: 5px;
    line-height: 18pt;
}
h2 {
    font-size: 14pt;
    margin-bottom: 0px;
    line-height: 14pt;
    margin-top: 20px;
}
h2.military {
    font-size: 14pt;
    margin-bottom: 5px;
    line-height: 14pt;
    margin-top: 20px;
}	
h3 {
    font-weight: bold;
    font-size: 11pt;
    margin-top: 15px;
    margin-bottom: 0;
}

h4.short {
    margin-bottom: 1px;
}

h4.short-red {
    color: #980A14;
    margin-bottom: 1px;
}

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.disc {
    list-style-type: disc;
    margin: auto auto auto 20px;
    /*padding: 1px 1px 1px 20px;*/  /* I don't think we need this, it sets things too far apart */
}
ul.nobullet {
    list-style-type: none;
    margin: auto auto auto 20px;
}	
ul.disc li {
    margin-bottom: 3px;
}
ul.circle {
    list-style-type: circle;
    margin: auto auto auto 20px;
    padding: 1px 1px 1px 20px;
}
ul.publication {
    margin-left: 10px;
}
ul.publication li {
    margin-bottom: 10px;
}
ul.board li {
    font-size: 10pt;
    font-weight: bold;
    padding: 2px 0 2px 10px;
    color: #980A14;
}

ol.alpha {
    list-style-type: lower-alpha;
    margin: auto auto auto 20px;
}

ol.decimal {
    list-style-type: decimal;
    margin: auto auto auto 20px;
}

ol.inset li,
ul.inset li {
    margin-left: 25px;
}

ol.inset15 li,
ul.inset15 li {
    margin-left: 15px;
}


dt {
    font-size: 10pt;
    font-weight: bold;
    font-family: Arial,sans-serif;
    color: #000000;
}
dd {
    font-weight: bold;
    margin-bottom: 10px;
    color: #000000;
}
table {
    border-collapse: collapse;
}
a {
    color: #980A14;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
address {
    font-style: italic;
    display: block;
    margin: 10px auto 10px auto;
}

.container {

    width: 778px;
    margin: auto;
}
.mir { letter-spacing : -999em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

.mir { letter-spacing : -1000em; }
/*\*/
* html .mir {
    text-indent: -999em;
    overflow: hidden;
}
html>body .mir {
    letter-spacing: normal;
    text-indent: -999em;
    overflow: hidden;
}/**/

.academic_calendar caption {
    text-align: left;
    padding-top: 15px;	/* IE needs padding instead of margin */
    font-size: 115%;
    font-weight: bold;
    text-decoration: underline;
}
.academic_calendar th {
    text-align: left;
    padding-right: 25px;
}
.academic_calendar td.padleft {
    padding-left: 15px;
}
.hlc {
    text-align:center;
    margin: 15px auto;
}
.hlc img {
    width: 405px;
    height: 225px;
}

#container {
    position: relative;
    min-width: 778px;
    margin: auto;
}

#head {
    position: relative;
    background: #980A14 url(/images/2010/10_bkg_body_top.jpg) 0 0 repeat-x;
    height: 125px; /* this declaration is needed for IE6 */
    color: #FFFFFF;
    z-index: 1;

}
#head #logo {
    position: relative;
    float: left;
    background-color: inherit;
    width: 196px;
    height: 98px;
}
#head #logo a {
    color: #FFFFFF;
    font-weight: bold;
}
#head #head_right {
    float: right;
}
#head #phone {
    width: 224px;
    height: 50px;
    padding-top: 15px;
    /*background-image: url(../images/phone.gif);*/
    float: right;
}
#head #moreinfo {
    width: 123px;
    height: 20px;
    margin-left: -2px;
}

#head #menuwrapper {
    position: relative;
    clear: both;
    height: 27px;
    background: #666666 url(/images/2010/10_nav_bar.jpg) repeat-x;
}
#menu{
    position:relative;
    width:100%;
}

/* Begin Navigation */
/* structure */
#nav, #nav ul { /* all lists */
                padding: 0;
                margin: 0;
                list-style: none;
}

#nav a { /* all links */
         display: block;
         width: 23em;
}

#nav li { /* all list items */
          float: left;
}

#nav li li { /* second level list items */
             width: 20em;
}

#nav li li li { /* third level list items */
                width: 23em;
}

#nav li li li li { /* fourth level list items */
                   width: 18em;
}

#nav li.right { /* special class to move certain buttons to right */
                float: right;
}

#nav li ul { /* second-level lists */
             position: absolute;
             width: 23em;
             z-index: 1000;
             left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-level lists */
                margin: -1.65em 0 0 20em;
                width: 21em;
}

#nav li ul ul ul { /* forth-level lists */
                   margin: -1.65em 0 0 21em;
                   width: 18em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
                                                                                   left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left: auto;
}


/* style */
#nav li a { /* first level links */
            font: normal 10pt "Gill Sans MT",Arial, sans-serif;
            line-height: 26px;
            height: 27px;
            color: #FFFFFF;
            text-align: left;
            text-decoration: none;

}

/* first level images */
#nav li a.news		{width: 151px; 	background: #333333 url(/images/2010/10_nav_newsevents.jpg); 	background-position: 0 54px;}
#nav li a.about		{width: 151px;	background: #333333 url(/images/2010/10_nav_about.jpg); 		background-position: 0 54px;}
#nav li a.campus	{width: 151px;	background: #333333 url(/images/2010/10_nav_campus.jpg); 		background-position: 0 54px;}
#nav li a.online 	{width: 151px;	background: #333333 url(/images/2010/10_nav_online.jpg); 		background-position: 0 54px;}


#nav li a.apply {
    line-height: 27px;
    height: 27px;
    width: 134px;
    background: #333333 url(/images/2010/10_nav_apply.jpg);
    background-position: 0 54px;
    border-left: none;
    position: absolute;
    top: -27px;
    right: 136px;
}
#nav li a.moreinfo {
    line-height: 27px;
    height: 27px;
    width: 136px;
    background: #333333 url(/images/2010/10_nav_request.jpg);
    background-position: 0 54px;
    border-left: none;
    position: absolute;
    top: -27px;
    right: 0;
}



#nav li a.right-bar { /* border to the right of a first level image */
                      border-right: none;
}

#nav li li:hover, li li.sfhover { /* second and lower list item hover */
                                  background-color: #980A14;
}

#nav li li a {
    padding-left: .5em;
}

#nav li:hover a.news,
#nav li:hover a.about,
#nav li:hover a.campus,
#nav li:hover a.online { /* image rollover */
                         background-position: 0 -27px;
                         left: auto;
}

#nav li:hover a.apply { /* image rollover */
                        background-position: 0 -27px;
                        top: -27px;
}

#nav li:hover a.moreinfo { /* image rollover */
                           background-position: 0 -27px;
                           top: -27px;
}

#nav li a.active,#nav li a.active:hover{ /* selected image */
                                         background-position: 0 -27px;
                                         color: #FFFFFF;
                                         cursor: default;
}

#nav li ul { /* second level menus */
             margin-top: -1px;
             /*margin-left: 2px;*/
             padding-bottom: 3px;
             background: #777776 url(../images/2010/dropdown_grade.jpg) 0 0 ;

             border-bottom: 1px solid #393939;
             border-left: 1px solid #393939;
             border-right: 1px solid #393939;
}


#nav li ul a { /* second level links */
               font: normal 10pt Arial, sans-serif;
               color: #FFFFFF;
               border: none;
               line-height: 24px;
               height: 24px;
}

#nav li ul a.highlight { /* second level links - special link */
                         font: normal 10pt Arial, sans-serif;
                         color: #FFFFCC;
                         border: none;
                         line-height:24px;
}
/* End Navigation */

#main {

    background-color: #FFFFFF;
    
}
#main #content, #main #left {
    margin-top: 15px;
    margin-bottom: 15px;	/* must be declared here instead of just #main because Opera complains */
    position: relative;
}
#main #left {
    float: left;
    width: 180px;
}
#main #content {
    float: right;
    width: 753px;
}
#main #content p {
    font: 9pt Arial,sans-serif;
    margin: 0px 0 10px 0;
}
#main #content p.disclaimer {
    font-style: italic;
}
#main #content .program ul {
    list-style-type: disc;
    margin: auto auto auto 20px;
    padding: 1px 1px 1px 20px;
}
#main #content .program h2 {
    color: #980A14;
    margin-top: 0;
    text-indent: 25px;
}
#main #content .program h3 {
    margin-top: 5px;
    text-indent: 25px;
    color: #980A14;
}
#main #content #right {
    position: relative;
    float: right;
    width: 201px;
    margin-left: 15px;
}

#foot {
    clear: both;
    position: relative;
    background-color: #980A14;
    height: 100px;
    color: #FFFFFF;
    border-top: 1px solid #6B6B6B;
}
#foot a {
    color: #FFFFFF;
}
#foot #copyright {
    width: 788px;
    color: #FFFFFF;
    font: 8pt Arial,sans-serif;
    cursor: default;
	float:left;
}
#foot #copyright address {
    font: normal normal 8pt Arial,sans-serif;
    color: #FFFFFF;
    cursor: text;
    margin: 0;
}
#foot #info {
    width: 500px;
    color: #FFFFFF;
    font-size: 8pt;
    padding-top: 20px;
	float:left;

}
#foot #info ul li {
    display: inline;
    margin-left: 2px;
}
#foot #info a {
    font: 8pt Arial,sans-serif;
}
#foot #info a:hover {
    text-decoration: underline;
}
#foot #emergency {
    position: absolute;
    top: 56px;
    right: 0;
    width: 174px;
    height: 16px;
}

#socialLinks {
	margin:10px auto;
	position:relative;
	float:right;
	right:50px;
}

.rockies_red {
    color: #980A14;
}

.left {
    float: left;
}

.right {
    float: right;
}

#main #content p.small {
    font: 8pt Arial,sans-serif;
}

.italic {
    font-style: italic;
}

.indent {
    margin-left: 25px;
}

div.listcolumns {
    float:left;
    width:200px;
}

table#eocs-course-list {
    width: 70%;
}

#eocs-course-list th {
    text-align: left;
    border-bottom: 1px solid #000;
}

#eocs-course-list th#course {
    width: 20%;
}

#eocs-course-list th#name {
    width: 55%;
}

/************ STUDENT SUCCESS *************/
.sc-left, .sc-right, .sc-thumb{margin:0px; padding:0px;}

.sc-block{
    position: relative;
    display:block;
	padding-bottom:53px;
    width:100%;
	border-bottom:1px solid #aaa;
}

.sc-left{
    display:block;
    width:409px;
}
.sc-student-bio{
    display:block;
    float:right;
    width:529px;

}
.sc-right{
    position:absolute;
    bottom:0;
	right:0;
    width:309px;
    height:309px;
}
.sc-thumb{
    display:block;
    float:left;
    width:96px;
    height:97px;
    background:url(/campus/images/success_thumb_holder.jpg) 0 0 no-repeat;
}
.scblank{
    display:block;
    float:left;
    width:96px;
    height:97px;
}

.sc-student-nav{
    display:block;
    float:left;
    width:220px;

}

.sc-archive{
    display:block;
    float:right;
    width:100px;
	line-height:43px;
}


/********************/

#apply-request{
    position:absolute;
    left:507px;
    top:-28px;
    width:271px;
    height:28px;
}
#head .container{

}

/***** career services ********/
.difflist{
    list-style:disc;
    margin-left:2em;
}

/***** flu info ********/
.flulist{
    list-style:disc;
    margin-left:2em;
}

/***** flu info ********/
.peak-photo{
    float:left;
    width:111px;
    overflow:auto;
}
.left-peak{
    display:block;
    float:left;
    width:50%;
}


.billy
{
    float: left;
    display: block;
}

p.billy
{
    float: left;
    display: block;
    width: 200px;
    padding: 0 10px;
}

.obama
{
    float: left;
    display: block;
    width: 200px;
    padding: 0 10px;
}

img.obama
{
        width: auto;
        padding: 0;
}


.bigger
{
    font-size: 1.2em;
}

.padding20
{
    padding-top: 20px;
}

.leftimage
{
    float: left;
    padding: 0 10px 0 10px;
}

.leftclear
{
    clear: left;
}

/***** Comp FAQ *****/
#comprehensive dd {
    font-weight: normal;
}

/*** GOOGLE MAP CSS ***/
.gsmsc-mapDiv {
    height : 400px;
}

.gsmsc-idleMapDiv {
    height : 400px;
}

#mapsearch {
    width : 640px;
    margin: 10px;
    padding: 4px;
}

#graduation dd{
    font-weight: normal;
    margin-top: 10px;
}
.const_header {
	background: #fff url(/images/const_header.jpg) no-repeat bottom left;
	padding-bottom: 215px;
}

/*** Horizons pages ****/
.redText {
    color:#c00000;
}