/* CSU Summer Arts style 1.0 1:29 PM 12/4/2007 */

@import "galgen.css"; /* galgen style [MS 9:38 PM 10/16/2008] */

/*img { behavior: url("style/iepngfix.htc"); };   IE PGN fix [MS 2:51 PM 12/1/2008] */

html {
   background: #ffffff;
}

body {
   background: #ffffff;
   margin: 5px auto 0px auto;
   font: 12px Arial;
}


/* the important stuff */

#everything {
   background: #ffffff;
   margin: 5px auto 0px auto;
   text-align: center;
   width: 746px;
}
/* #636466 */
#headlinks {
   background: #383838;
   text-align: center;
   line-height: 5px;
   padding: 5px 0px 5px 0px;
   width: 746px;
   /* height: 24px; */
   font: 11px Arial;
   color: #ffffff;
}

#content {
   background: #ffffff;
   text-align: center;
   width: 746px;
}

#contenttop {
   background: #ffffff;
   text-align: left;
   width: 746px;
   /* per allison 11:47 AM 1/6/2008
   height: 303px;
   */
}

#contentbottom {
   background: #ffffff;
   text-align: center;
   width: 746px;
   height: 325px;
   border-top: solid 1px #bcbdc1;
}

#contentbottomleft {
   margin: 0px auto 0px auto;
   background: #ffffff;
   text-align: center;
   float: left;
   width: 366px;
   height: 300px;
}

#contentbottomright {
   color: #7E7F76;
   margin: 0px 0px 0px 0px;
   padding: 20px 0px 0px 25px;
   background: #ffffff;
   text-align: left;
   float: left;
   /*
   width: 365px;
   height: 276px;
   */
   width: 350px;
   height: 300px;
   border-left: solid 1px #bcbdc1;
   font: 11px Arial;
}

#footbar {
   clear: both;
   background: #bcbdc1;
   line-height: 5px;
   padding: 5px 0px 5px 0px;
   text-align: right;
   width: 746px;
   font: 11px Arial;   
}

#footlinks {
   clear: both;
   background: #ffffff;
   line-height: 5px;
   padding: 5px 0px 5px 0px;
   text-align: center;
   width: 746px;
   font: 11px Arial;
}

#end {
   background: #ffffff;
   line-height: 5px;
   padding: 5px 0px 5px 0px;
   text-align: right;
   width: 746px;
   font: 11px Arial;
}   

div.littleNav {
   margin-bottom: 12px;
   clear: both;
   text-align: right;
}

div.main_left {
   margin: 45px 117px 0px auto;
   text-align: right;
   font: 11px Arial;
   letter-spacing: 1px;
   /* line-height: 12px; */
}

a:link { text-decoration: none; color: #000000;}
a:visited{ text-decoration: none; color: #000000;}
a:active { text-decoration: none; color: #d37125;}
a:hover { text-decoration: none; color: #d37125;}

a:link.e { text-decoration: underline; color: #000000;}
a:visited.e { text-decoration: underline; color: #000000;}
a:active.e { text-decoration: underline; color: #d37125;}
a:hover.e { text-decoration: underline; color: #d37125;}

a:link.e_pec { text-decoration: underline; color: #000000; font-size: 16px;}
a:visited.e_pec { text-decoration: underline; color: #000000; font-size: 16px;}
a:active.e_pec{ text-decoration: underline; color: #d37125; font-size: 16px;}
a:hover.e_pec { text-decoration: underline; color: #d37125; font-size: 16px;}

a:link.main_left { text-decoration: none; color: #646464; }
a:visited.main_left{ text-decoration: none; color: #646464; }
a:active.main_left { text-decoration: none; color: #d37125; }
a:hover.main_left { text-decoration: none; color: #d37125; }

a:link.head { text-decoration: none; color: #ffffff;}
a:visited.head{ text-decoration: none; color: #ffffff;}
a:active.head { text-decoration: none; color: #d37125;}
a:hover.head { text-decoration: none; color: #d37125;}   

a:link.end { text-decoration: none; color: #d37125;}
a:visited.end{ text-decoration: none; color: #d37125;}
a:active.end { text-decoration: none; color: #d37125;}
a:hover.end { text-decoration: none; color: #d37125;}

a.AlumniPageOnly:link {text-decoration: underline; color: #996600; font: Arial 10px;}
a.AlumniPageOnly:visited {text-decoration: underline; color: #996600; font: Arial 10px;}
a.AlumniPageOnly:active {text-decoration: underline; color: #996600; font: Arial 10px;}
a.AlumniPageOnly:hover {text-decoration: underline; color: #996600; font: Arial 10px;}

/* ############################## */
span.summerarts200x {
   color: #D6A84D;
   font: 16px Arial;
   font-weight: bold;
}
/* ############################## */

/* ############################################################################ */
/* ############################################################################ */
/* page headers style 12:36 PM 1/6/2008 */
/* ############################################################################ */
/* ############################################################################ */

div.pageheaders_left {
   margin: 13px auto auto 10px;
   text-align: right;
   font: 11px Arial;
   letter-spacing: 1px;
   /* line-height: 12px; */
   width: 180px;
   float: left;
}

#pageheaderleft {
   margin: 0px 0px 0px 0px;
   text-align: center;
   float: left;
   width: 190px;
}

#pageheaderright {
   margin: 10px 0px 0px 0px;
   text-align: right;
   float: right;
   width: 525px;
}

/* DEBUG for spaceing resons 10:08 PM 1/9/2008 or before */
#pageheaderright img {
   /* border: solid 1px #bcbdc1; */
}

/* ############################################################################ */
/* ############################################################################ */
/* new style 10:48 AM 10/9/2007 and 12:49 AM 12/24/2007 */
/* ############################################################################ */
/* ############################################################################ */

/* fix accedental imgae borders */
img {
   border: 0px;
   background-color: white;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

/* fix hover on anchor name tags */
a[name]:hover {
   color: #000000;
}

/* cols offset */
#leftOffset {
   float: left; 
   width: 5%;
}

#rightToLeftOffset {
   float: right;
   width: 95%; 
   color: #7E7F76;
}

/* header emphizes without header tag #d37125 */
span.orange b {
   color: #d19a1b;
}

b {
   color: #000000;
}

/* form standard buttons */
input[type=submit] {
   color: #000000;
   background: orange;
   border-width: 1px;
   border-color: red;
   border-style: solid;
   font-weight: bold;
   font-variant: small-caps;
}

input[type=reset] {
   color: #000000;
   background: #BCDBD3;
   border-width: 1px;
   border-color: #1F508D;
   border-style: solid;
   font-weight: bold;
   font-variant: small-caps;
}

.newBody  {
   color: #000000;
   font-size: 12px Arial;
}

.newTextbox {
   color: #000000;
   background: #ffffff;
   border-width:1px;
   border-color: #1F508D; 
   border-style: solid;
}

.newBodyIndent {
   color: #000000;
   font-size: 12px Arial;
   text-align:left;
   margin: 0px 10px 0px 40px;
}

.formFeilds {
   margin: 0px 10px 0px 40px;
}

.formBoxs {
   margin: 0px 10px 0px 70px;
}

/* ############################################################################ */
/* ############################################################################ */
/* new style 7:27 PM 1/8/2008 */
/* ############################################################################ */
/* ############################################################################ */
div.courseleft {
   margin: 0px 15px 0px 0px ;
   float: left;
   clear: both;
   width: 100px;
}

div.courseright {
   float: left;
   width: 485px;
}

/* ############################################################################ */
/* ############################################################################ */
/* new style 7:14 PM 1/15/2008   gallstyle   */
/* ############################################################################ */
/* ############################################################################ */

#gallleft {
   float: left;
   width: 200px;
   /* border: 1px solid black; */
}

#gallright {
   float: left;
   width: 500px;
   text-align: center;   
   /* border: 1px solid black; */
}

/* ############################################################################ */
/* ############################################################################ */
/* new style 8:18 PM 5/6/2008  PEC   */
/* ############################################################################ */
/* ############################################################################ */

#pecSuper {
   text-align: center;
   margin: 0px auto 0px auto ;
   width: 100%;
}

#pecBox {  
   border: 1px solid #BDBEC0;
   margin: 0px;
   padding: 0px;
}

#pecDayOfWeek{  
   /* margin: 5px 0px 0px 0px;
   border-bottom: 1px solid black; */
   text-align: center;
   margin: 0px;
   padding: 0px;
   background-color: #66849E;
   /*color: #000000;
   font-weight: 500;
   font: 16pt Arial;*/
}

#pecNav {  
   margin: 8px 0px 0px 0px ;
   text-align: left;
   /* 
   color: #000000; 
   font-weight: 500; */
   font: 9pt Arial;
   color: #7E7F76;
}

#pecNav a {
   font: 9pt Arial !important;
   text-transform: uppercase;
   color: #646466;
}

#pecNav b {
   color: #646466 !important;
   font-weight: 900;
}

#pecCenter {  
   margin: 15px 15px 0px 0px ;
   text-align: center;
   color: #000000;
   font: 16pt Arial;
}

#pecWhereWhen {  
   padding: 0px 0px 0px 15px ;
   text-align: left;
   color: #000000;
   font-weight: 500;
   font: 16pt Arial;
}

#pecTitleCulmin {  
   padding: 0px 0px 0px 0px ;
   text-align: left;
   color: #990066;
   font-weight: 500;
   font: 16pt Arial;
}

/*-~-~-~*/ /* I can not forget MS : 7:05 PM 5/21/2008 */
/*-~-~-~*/ /* I can not forget MS : 7:53 PM 6/5/2008 */

.pecTitle {  
   padding: 2px 0px 2px 10px ;
   margin: 0px 0px 0px 0px ;
   text-align: left;
   color: #92278F;
   /* background: #F2F2F2; */
   /* font-weight: bolder; */
   font: 16pt Arial;
}

.pecTitle b {
   color: #66849E;
   font-size: 18pt;
   font-weight: bold;
}

.pecImage {  
   /* padding: 15px 15px 0px 15px ; 
   float: center;*/
   text-align: center;
   /* background: #F2F2F2; */
   margin: 0px 0px 0px 0px ;
}

.pecMiddle {  
   /* padding: 15px 0px 0px 0px ; */
   text-align: center;
   color: #d0d0d0;
   font: 11pt Arial;
}

.pecDateTimePlacePrice {
   color: #000000;
   font: 10pt Arial;
   font-weight: bold;
}

.pecColons {
   color: #FFBA17;
   font-weight: bold;
}

.pecColons2 {
   color: #B51B2E;
   font-weight: bold;
}

.pecInfo {
   margin: 5px 0px 0px 7px;
   font: 12pt Arial;
   text-align: left;
}

.pecDesc {
   margin: 5px 10px 5px 15px;
   text-align: left; 
}

.pecPar {
   color: #000000;
   text-align: justify;   
}

.pecCulmination {
   margin: 10px 0px 0px 0px;
   padding: 5px 10px 5px 10px;
   background: #FFF100;
   color: #198D8C;
   text-align: center;
   font: 15pt Arial;
}

.pecCulmination div {
   padding: 0px 5px 0px 0px;
   font: 12pt Arial;
   text-align: right;
   color: #CF2832;
}

.pecCulmination div b {
   color: #000000;
   font-weight: 300;
}

.pecCulmination b {
   color: #198D8C;
}

.pecCulmination span {
   color: #CF2832;
}

.pecBuyNow {
   margin: 0px 15px 5px 0px;
   text-align: right;
   display: block;
}

.pecDate {  
   margin: 15px 15px 0px 0px ;
   text-align: right;
   color: #000000;
   font-weight: 500;
   font: 48pt Arial;
   float: right;
}

.pecInsideBottom {  
   margin: 15px 15px 0px 15px ;
   text-align: justify;
   font: 11pt Arial;
   color: #000000;
   clear: both;
}

hr { border-top: 1px solid black; }

/* ######################### */

#pecCalMonth {
   text-align: right;
   /* border: 1px #000000 solid; */
}

.pecCalDay {
   float: left;
   padding: 2px 2px 2px 2px;
   text-align: right;  
   width: 95px;
   height: 165px;
   vertical-align: top;
   /* border-bottom: 1px #000000 solid;
   border-left: 1px #000000 solid; */
}

.pecCalDayOfWeek {
   float: left;
   padding: 2px 2px 2px 2px;
   text-align: center;  
   width: 95px;
   /* border-top: 1px #000000 solid;
   border-bottom: 1px #000000 solid;
   border-left: 1px #000000 solid; */
}

.pecCalDate {
   color: #000000;
   text-align: right; 
   font: 16pt Arial;
}

.pecCalData {
   color: #000000;
   text-align: left; 
   font: 9pt Arial;
}

.pecCulmin {
   color: #990066;
}

.pecEvent {
   color: #922791; /* #CF9E2A; */ /*d37125;*/
}

/* ############################################################################ */
/* ############################################################################ */
/* new style 8:32 PM 4/8/2008   coursebyyearstyle   */
/* ############################################################################ */
/* ############################################################################ */

.cby_year {
   color: #000000;
   font-weight: 500;
   font: 20pt Arial;
}

.cby_locationdate{
   color: #000000;
   font-weight: 500;
   font: 16pt Arial;
}

.cby_category{
   color: #000000;
   font-weight: 500;
   font: 12pt Arial;
}

.cby_bold{
   color: #000000;
   font-weight: 500;
   font: 10pt Arial;
}