/*
MC&TC CSS - mctc.edu - Nicholas Napier 2008
*/

/* Main Links */
  a:link        { color: #192249; text-decoration: underline; font-family: arial }
  a:visited { color: #192249; text-decoration: underline; font-family: arial }
  a:active      { color: #192249; text-decoration: underline; font-family: arial }
  a:hover       { color: #000000; text-decoration: none; font-family: arial }

/* Green Links */
.green_link a {
	font-size: 12px;
	color: #008e33;
	text-decoration: none;
}
.green_link a:hover {
	text-decoration: underline;
}

/* Page Control */


.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

#td_top table td { vertical-align: top; }

body {
	background-image: url('/bin/img/bg/bg_blue.gif');
	font-family: "Arial", "Verdana";
	font-size: 12px;
	background-image: url(/bin/img/bg.jpg);
	background-repeat: repeat;
	margin: 0; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug */
}
#wrapper {
	margin-left: auto;
	margin-right: auto;	
	width: 785px; /* mandatory to be centered */
	text-align: left;	
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 785px; /* mandatory to be centered */
}
#content {
	float: left;
	width: 780px;
	border: 1px #000000 solid;
	border-width: 0 1px 1px 1px;	
	background-color: #fff;
	margin-bottom: 20px;
}

/* Global Declarations */

img {
	border: 0;
	margin: 0;
	padding: 0;
}
#img_b img {
	border: 1px solid #000;
	margin: 0;
	padding: 0;
}
#fl { float: left; }
#fr { float: right; }
#fl_c {
	float: left;
	clear: left;
}
#fr_c {
	float: right;
	clear: left;
}

/* Head */
#header_container {
	float: left;
	width: 780px;	
	margin-top: 5px;
}
#header {
	float: left;
	width: 780px;;
}
#head_news {
	text-align: justify;
	float: left; 
	width: 355px;
	height: 45px;
	font-size: 10px;
	color: #949494;
	padding-right: 10px;
	padding-left: 30px;
}

/* Body */
#body_container {
	float: left;
	width: 780px;
	background-color: #fff;
	background-image: url('/bin/img/bg/body_bg.gif');
	background-repeat: repeat-y;
}
#body_left {
	float: left;
	text-align: center;
	width: 196px;
	border-right: 1px solid #949494;
	background-color: #505358;	
}
#body_right {
	float: left;
	width: 583px;
	background-color: #fff;
}
#body_right_con {
	float: left;
	width: 563px;
	padding: 10px;
	background-color: #fff;
	font-size: 10px;
	font-family: arial;	
}
#body_content {
	float: left;	
	width: 573px;
	padding-top: 11px;
	margin: 0;
	background-color: #fff;
}

/* Foot */
#footer {
	float: left;
	clear: left;
	background-color: #003915;
	background-image: url('/bin/img/bg/green_gradient_inverse.gif');
	width: 760px;		
	text-align: right;
	color: #FFFFFF;
	padding: 10px;
	font-family: Arial;
	font-size: 10px;
	margin: 0;
}
#footer a {
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
}

/* Layout */

#main_left {
	float: left;
	width: 293px;
	text-align: justify;
	font-size: 12px;
}
#main_right {
	float: left;
	width: 250px;  
	padding-left: 20px;	
	text-align: right;
}
#main_full {
	float: left;
	width: 563px;	
	text-align: justify;
	font-size: 12px;
}
#search {
	float: left;
	clear: left;
	padding: 7px 0 7px 10px;
	text-align: center;	
}
#search .btn {
	color: #FFFFFF;
	border: 1px #007229 solid;
	background-color: #007229;
}
#search .txt {
	border: 1px #007229 solid;
	background-color: #fbfbfd;
	color: #666666;
}
#title {
	float: left; 	
	width: 573px;
	height: 20px;
	background-color: #535353;
	font-family: Times New Roman;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}
#main_img {
	margin: 0 0 10px 10px;
	padding: 0;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
}
#main_text {
	float: left;
	clear: left;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 0;
	text-align: justify;
	width: 100%;
}
#main_text a {
	font-size: 10px;
	text-decoration: italic;
	color: #005B99;
}
#menu_container {
	float: left;
	clear: left;
	width: 196px;
	border-right: 1px solid #949494;
	background-color: #ececec;
	background-color: #ececec;
	background-image: url(/bin/img/left_gradient.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 10px;
}
#img_20px {
	padding: 20px 0 20px 0;
}

#menu {
	float: left;
	clear: left;	
	padding: 0;
	color: #000;
	text-decoration: none;
	background-color: #ececec;
	background-image: url('/bin/img/bg/menu_bg.jpg');
}

#nav a {
	font-family: arial;
	float: left;
	display: block;
	text-align: left;
	width: 178px;
	margin: 0;
	padding: 5px 5px 5px 13px;	
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#nav a:hover {
	text-decoration: none;
	background-color: #b9b9b9;
	color: #fff;
}
#class_title {
	color: #005B99;
	font-size: 12px;
	text-decoration: underline;
}


#content td {
	padding: 5px;
	padding-left: 10px;
	font-weight: bold;
}

#about {
	position: relative;
	background-color: #e1e1e2;
	color: #535454;
	background-image: url(/bin/img/rightbrdr.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	padding: 15px;
	padding-right: 235px;
	font-family: Arial;
	font-size: 18px;
	padding-bottom: 35px;
}
#about p {
	margin-top: 20px;
	margin-bottom: 5px;
}
#classes {
	float: left;
	clear: left;	
	font-size: 10px;
}
#date {
	width: 110px;
	color: #005B99;
	font-weight: bold;
	font-size: 12px;
}
#time {
	font-size: 9px;
	color: #0185ab;
}
#c_title {
	font-size: 12px;
}
#upcoming_classes {
	float: left; 	
	width: 583px;
	padding: 5px 0 5px 0;	
}
#class_bar {
	border: 1px solid #3d3d3d;
	border-width: 1px 0 1px 0;
}
#img_b {
	border: 1px solid #000;
}

#t_bg_g {
	background-color: #005B99;
	color: #fff;
	font-size: 12px;
}
#t_bg {
	background-color: #fff;
	color: #000;
	font-size: 10px;
}
#t_bg a {
	display: block;
	font-size: 10px;
}

/* Menu */

#admin_menu a {
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #000;
	background-color: #58814f;
	color: #fff; 
	text-decoration: none;
	float: left;
	clear: left;
	width: 300px;
	margin-bottom: 10px;
}
#admin_menu a:hover {
	background-color: #a2bb9d;
}

#admin_menu_top a {
	font-weight: bold;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #000;
	background-color: #58814f;
	color: #fff; 
	text-decoration: none;
	float: left;	
	width: 170px;
	margin: 0 3px 10px 0;
}
#admin_menu_top a:hover {
	background-color: #a2bb9d;
}

/* Tableless Forms */

#tbl label,input {
	display: block;
	width: 400px;
	float: left;
	margin-bottom: 10px;
}

#tbl label {
	text-align: right;
	width: 125px;
	padding-right: 20px;
	font-weight: bold;
}

#tbl br {
	clear: left;
}

/* forms */

form#edit input { float: left; font-family: arial; font-size: 12px; padding: 4px; margin-top: 5px; width: 370px }
form#edit select { float: left; font-family: arial; font-size: 12px; padding: 4px; margin-top: 5px }
form#edit textarea { float: left; font-family: arial; font-size: 12px; padding: 4px; margin-top: 5px; width: 420px; height: 200px }
form#edit label { float: left; font-family: arial; width: 100px; font-size: 12px; font-weight: bold; margin-top: 7px; text-align: right }
form#edit .submit { margin-top: 10px }
form#edit a { text-decoration: none; }

fieldset#request_information { padding: 20px 10px 10px 10px; width: 500px; }

fieldset#vote_set { padding: 20px 10px 10px 10px; width: 743px;}
fieldset#vote_set legend { font-family: arial, verdana; font-size: 14px; font-weight: bold; color: #000 }

fieldset#add_set { padding: 20px 10px 10px 10px; width: 560px; }
fieldset#add_set legend { font-family: arial, verdana; font-size: 14px; font-weight: bold }
#add_set form ul { float: left; list-style-type: none; margin: 0; padding: 0; width: 560px }
#add_set form li { float: left; clear: left; text-indent: 0; width: 560px; margin: 0; padding: 0; text-align: left;}

form ul { float: left; list-style-type: none; margin: 0; padding: 0; width: 720px }
form li { float: left; clear: left; text-indent: 0; width: 720px; margin: 0; padding: 0; text-align: left;}

/* Form Buttons */

.btn_login  { float: right; clear: right; text-decoration: none; width: auto; border: 1px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0; background-color: #f7f7f7; background-image: url(/bin/img/bg_nav.gif); background-repeat: repeat-x; color: #333333; font-size: .8em; font-family: Arial, Helvetica, Verdana, sans-serif; width: 90px; }
.btn_login_h    { color: #000; background-color: #eaede9; }
.btn_search     { text-decoration: none; width: auto; border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0; background-color: #f7f7f7; background-repeat: repeat-x; color: #333333; font-size: 10px; font-family: Arial, Helvetica, Verdana;  margin: 0 10px 0 0; width: 350px }
.btn_search_h   { color: #000; background-color: #eaede9; }
.btn_question   { margin-top: 30px }