/*
	CCU stylesheet
	
*/

/* Set major body elements */
body {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	margin: 0;
}
body, table {
	font-size: 84%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table table { font-size: 100%; }

th {
	color: #FFFFFF;
	text-align: left;
}

/* Header elements */
h1,h2,h3,h4,h5,h6 { 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
h1	{ font-size: 22px; }
h2	{ font-size: 20px; }
h3	{ font-size: 18px; }
h4	{ font-size: 16px; }
h5	{ font-size: 12px; text-transform: uppercase; }
h6	{ font-size: 11px; text-transform: uppercase; }

/* Anchor and hyperlink styles */
a { font-weight: bold; }
a:link	{ color: #007370; }
a:active { color: #613e20; font-weight: bold; }
a:hover	{ color: #916B4A; }
a:visited { color: #916B4A; }
a.menu, a.menu:link, a.menu:visited {
	color: #000000;
	font-size: 84%;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
a.submenu, a.submenu:link, a.submenu:visited {
	color: #000000;
	font-size: 84%;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
}

/* for use with the cf_menu custom tag */
a.cfmenu, a.cfmenu:link, a.cfmenu:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
}

a.quicklink, a.quicklink:link, a.quicklink:hover, a.quicklink:visited {
	color: #666666;
	font-size: 84%;
	font-weight: bold;
	text-decoration: none;
}

a.option, a.option:link, a.option:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.option:active, a.option:hover {
	color: #6699FF;
	font-weight: normal;
	text-decoration: none;
}

a.button, a.button:link, a.button:visited {
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	border: 1px dotted #C0C0C0;
	padding: 1px;
}
a.button:active, a.button:hover {
	color: #669900;
	font-weight: normal;
	text-decoration: none;
	background-color: #EAEAEA;
	border: 1px dotted #669900;
}

.option {
	color: #660000;
	font-weight: bold;
}


/* Graphic elements */
hr {
	text-align: center;
	color: #808080;
	width: 25%;
	height: 1px;
}
img.photo {
	border: 1px solid #808080;
	padding: 10px;
}
 
/* Text elements */
ul {
	list-style-type: square;
}
ul.double li, ol.double li, dl.double dd { padding-bottom: 10px; }

dt {font-weight: bold;}

sup, sub { font-size: 90%; }
.address {
	width: 250px;
	padding: 2px;
	color: #000033;
	background-color: #f5f5f5;
	font-size: 80%;
}
.mark {
	color: #990000;
	font-weight: bold;
}

.greyed {
	color:#999999;
}

.min, .minleft, .minright, .footnote, .footnote sup, .imgLeft, .imgRight, .imgMiddle {
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.min { text-align: center; }
.minleft { text-align: left; }
.minright { text-align: right; }
.footnote {
	margin: 5px 0px 0px 0px;
	padding-left: 11px;
	text-indent: -11px;
}
.colLeft {
	font-weight: bold;
	float: left;
	width: 75px;
}
.colRight {
	margin: 0px 0px 0px 85px;
}
/* Special code to trick IE browsers into removing 3-pixel gap */
*html .colRight { height: 1%; }
div.imgLeft {
	border: 0px;
	float: left;
	padding: 10px;
	text-align: center;
}
div.imgRight {
	border: 0px;
	float: right;
	padding: 10px;
	text-align: center;
}
div.imgMiddle{
	border: 0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: center;
	width: 50%;
}

/* Form customizations */
form.header {
	margin-bottom: 0;
}
input.colRight {
	background-color: #B22222;
	border: 1px solid #8B0000;
	color:#FFFFFF;
	font-size:84%;
	font-weight:bold;
	filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FABEBE',EndColorStr='#8B0000');}

input.students {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../image/button/form.gif);
	background-repeat: repeat;
}
.error {
	background-color: #FF9999
}

div.textwrap {
	padding-left: 20px;
	text-indent: -20px;	
}

/* Border customizations */
.border {
	border: 1px solid #C0C0C0;
}
div.border {
	background-color: #FCFCFC;
	border-left: 5px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-top: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	margin: 10px auto 10px auto;
	padding: 5px 5px 5px 10px;
	width: 60%;
}
.coupon {
	border: 1px dashed #A9A9A9;
}
.border_bottom {
	border-bottom: 1px dashed #A9A9A9;
	padding-top: 2px;
	padding-bottom: 2px;
}
.border_top {
	border-top: 1px dashed #a9a9a9;
	padding-top: 2px;
	padding-bottom: 2px;
}

img.mouseout {
		border: 1px solid #FFFFFF;
		padding: 3px;
	}
img.mouseon {
	border: 1px solid #FFCC66;
	padding: 3px;
}