/* CSS Document */

/* CSS Document */
/*  http://www.american.edu/cas/test/greenberg/styles.css */
body {font-size:12px; color: #1C1FAA;}
.smaller{font-size: 10px;font-style: italic;}
.caption{font-size: 10px;font-style: italic;}
body,td,th,p,li,ul,ol,h1,h2,h3,h4,h5,h6{font-family: Arial, Helvetica, sans-serif;font-size:12px; color: #000;}
body{background-color:#EEE;}
a:link{color:#1C1FAA;}
a:visited,a:hover,a:active{color:#C93333;}

p{margin-top:0px;}
h1{color: #1C1FAA;	font-size: 17px; font-weight: 900; margin-bottom:3px; padding:0px;}
h2{color: #1C1FAA; font-size: 14px; font-weight: 900; margin:0px; padding:0px;}

.ContainerContent {width:619px; background-color:#FAF9C3; background:url(images/body_gradient.gif) repeat-y;}
#Content {
	margin-left:30px;
	padding-right:5px;
	height:100%;
	background-color:#FAF9C3;
}
.ContentHeaderWrapper{
	width:448px;
	height:22px;
	background:#FFF url(images/header_graphic.gif) no-repeat 0px -6px;
	margin:0px;
	padding:0px;
	
}
.ContentHeader{
	color: #BF2A2A;
	font-size: 15px;
	line-height:15px;
	font-weight: 900;
	margin-left: 3px;
	padding: 0px;
}
.ContentSubheaderWrapper{
	height:22px;
	background:#FFF url(images/subheader_graphic_small.gif) no-repeat 0px -6px;
	margin:0px;
	padding:0px;
	
}
.ContentSubheader{
	color: #012550;
	font-size: 14px;
	line-height:15px;
	font-weight: 900;
	margin-left: 3px;
	padding: 0px;
}


#RightGutterContainer{
	height:98%;
	width:150px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CFD5DD;
	float:right;
	margin-top:15px;
}
#RightGutterContent{
	margin:0px 0px 0px 6px;
}
#RightGutterContent p{
	margin-top:0px;
}

#RandomImageContainer{
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 6px;
}



/* used to split a table down the middle - useful for pretty when multiple tables are on one page */
.table1col{width:565px;}
.table1col td  {
	border: 1px solid #cccccc;
	padding:4px;
	margin:0;
	vertical-align: text-top;
}

.table2col{width:565px;}
.table2col td  {
	width:50%;
	border: 1px solid #cccccc;
	padding:4px;
	margin:0;
	vertical-align: text-top;
}


/* used to split a table into thirds - useful for pretty when multiple tables are on one page */
.table3col{width:565px;}
.table3col td  {
	width:33%;
	border: 1px solid #cccccc;
	padding:4px;
	margin:0;
	vertical-align: text-top;
}

/* Sortable tables */
table.sortable {width:300px;}
table.sortable a.sortheader {
    background-color:#82B6D7;
    color:#012652;
    font-weight: bold;
    text-decoration: none;
    display: block;
	padding:4px;
}
table.sortable span.sortarrow {
    color: black;
    text-decoration: none;
}
/* end sortable tables */


/* used to make invisible forms hidden with no padding or margins */
.contactHiddenForm {
 padding: 0;
 margin: 0;
}


#homepage_table {border:none;padding:0px;}
#homepage_table img {border:2px solid #010050;}

.table-outlineRows {
	border: 2px solid #020151;
	vertical-align: text-top;
}
.table-outlineRows td  {
	border-bottom: 1px solid #020151;
	vertical-align: text-top;
	padding: 4px;
}

.table-outlineRows th  {
	border-bottom: 3px solid #020151;
	border-top: 3px solid #020151;
	font-weight:900;
	vertical-align: text-top;
	text-align:left;
	background-color:#020151;
	color:#FFF;
	padding: 4px;
}

a.lighterLinks {
	font: arial, helvetica, serif;
	color: #ffffff;
	text-decoration: underline;
}
a.lighterLinks:visited{
	font: arial, helvetica, serif;
	color: #858ACA;
	text-decoration: underline;
}
a.lighterLinks:hover{
	font: arial, helvetica, serif;
	text-decoration: none;
}

.table-outlineRows img  {
	border: 2px solid #FFFFFF;
}

/* Rotating Image CSS */
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(images/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 8px 8px 0;
  background:url(images/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }
body #rotatingphoto {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	width:211px;
	text-align:center;
}
.classtitle {
	font-weight: 900;
}
.instructor {
	font-style: italic;
}
.classtime {
	font-style: italic;
}