/* typography and color */

html,body{
 margin:0;
 padding:0;}

body{
 min-width: 630px;
 font-family:Arial, Helvetica, sans-serif;
 background-image:url(images/left_bg.gif);
 background-repeat:repeat-y;
 background-color:#f4f6e8;}
 
h1{
 font-size:1.1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;}
 
h2{
 font-size:1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;}


h3{
 font-size:.9em;
 font-family:Verdana, Arial, Helvetica, sans-serif;}

/*p{
 margin:10px 10px}*/

						/*** Header ***/
						
				/*** Header Utilities ***/
#utilities img{
 margin-top:8px;}

#utilities{
 text-align:right;
 width:100%;
 background-color:#d2e390;
 position:relative; /* not sure if you need this */
 font-size:.8em;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#006600;}

#utilities a{
 text-decoration:none;
 text-align:right;
 width:100%;
 background-color:#d2e390;
 position:relative; /* not sure if you need this */
 font-size:.8em;
 font-weight:bold;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#990000;
 padding:0px 5px 0px 5px;}
 
#utilities a:hover{
 color:#FF0000;}
 
#page_title{
position:absolute;
left:275px;
top:83px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
z-index: 8;}
 						
				/*** Search ***/
.search_button{
 border: 3px double #006600;
 border-right-color: #888673;
 border-bottom-color: #888673;
 border-top-color: #d1cdb0;
 border-left-color: #d1cdb0;
 padding: 0.01em;
 background-color: #f4f5e7;
 background-image: url(images/go_button_bg.gif);
 background-repeat: repeat-x;
 color: #333333;
 font-size: 75%;
 font-weight: bold;
 font-family: Verdana,Helvetica,Arial,sans-serif;}

.search_form {
 margin:0px;
 vertical-align:baseline;}

.search_box{
 height:14px;
 width:130px;
 margin-top:-2px;}
						
div#header {
 line-height:80px;
 color: #79B30B}
 
#header {
 background-image:url(images/header_bg.gif);
 clear: both;
 position:relative;
 top:0px;
 height:115px;
 font-size: large;
 padding: 0}
 
 #img_h{
 margin-left: 0px;
 margin-top: 5px;}						
 
 #wrapper{
 background-image:url(http://www.craftonhills.edu/images/right_bg.gif); 
 background-repeat:repeat-y; 
 background-position:right;}
						/*** Center Column ***/
div#content{
 background: #ffffff;
 border-width: 1px;
 border-style: solid;
 border-color: #73705d;}
 
.content p{
 line-height:1.4}
 
.homeNews {
 font-size:.8em; 
 padding:5px 0px 0px 10px ;
 clear:both; 
 }
 
.homeNews h2 {
 margin:0px;}
 
.homeNews img {
 border:1px solid #73705d; 
 margin-right:15px;
 clear:both;}

						/*** Left Column ***/	
				/*** MENU ***/
#menu {
 font-family:Arial,Sans-Serif;
 margin:0px;
 border-top:10px solid #d9d5ba;
 padding: 0px 0px 5px 0px;
 font-size:.9em;
 font-weight:bold;
 background-color:#ebebd3;
 position:relative;
 }
 
#menu li a{
 color:#722617;
 text-decoration:none;}
 
#menu li{
 padding-left:5px;
 padding-right:0px;
 list-style-type:none;
 border-top:1px solid #C1B9AA;}
 
#menu li a:hover{
 color:#ff0000;}
 
.sub_menu{
 padding-left:5px;
 background-color:#d9d5ba;
 font-weight:normal;
 font-size:.9em;
 margin-left:-4px;}

#menu li ul{
 margin-left:-10px;}

.list li{
 padding:2px;
 list-style-image: url(/Images/list_box.gif); 
 text-align:left;}
 
 .ordered_list li{
 padding:2px;
 text-align:left;}
 
.sub_menu{
 padding-left:5px;
 background-color:#d9d5ba;
 font-weight:normal;
 font-size:1em;
 margin-left:-4px;}

div#navigation{
 background-image: url(images/left_bg_new.gif);
 background-repeat: repeat-y;
 }
 
						/*** Right Column ***/
						
				/*** Login Box ***/	
.whats_this{
 padding:5px;
 margin-right:-7px;}
 
.whats_this a{
 color:#CCFF99;
 font-size:9px;}

#login_box{
 background-image:url(images/login_bg_new.gif);
 background-repeat:no-repeat;
 margin:15px 0px 10px 0px;
 padding:0px 7px 0px 7px;
 font-size:.8em;}
 
 				/*** Spotlight ***/
#events{
 background-image: url(images/submenu_header_bg.gif);
 background-repeat:no-repeat;
 background-color:#ffffff;
 padding: 5px 10px 10px 10px;
 border:1px solid #73705d;
 font-size:.8em;}
 
.spotlight{
 list-style-type: none;
 margin:0px;
 padding:0px ;
 width:140px;
 font-size:.9em;}
 
.spotlight h1{
 margin-top:-2px;
 margin-bottom:-13px;
 color:#746856;
 padding:0px;}
 


.sidebar {
list-style-type:none;
padding:3px 0px;}

div#extra{

 background-image: url(http://www.craftonhills.edu/images/right_bg.gif);
 background-repeat: repeat-y;}

						/*** Footer ***/

.footer{
 padding-left:188px;
 padding-right:173px;
 text-align:center;}
 
						/*** Container ***/
#container {
 padding-left: 0px;
 padding-right: 0px;
 background-image:url(http://www.craftonhills.edu/images/right_bg.gif); 
 background-repeat:repeat-y; 
 background-position:right;}
 
#container .column{
 position: relative;
 float: left;background:#f4f6e8;}
 
						/*** Image Styles ***/
.l_image{
border: double 3px #CCCC99;
float:left;
margin-right:10px;
}

.l_image_content{
float:left;
margin-right:10px;
}


						/*** Table Styles ***/

.table_lined{
border-left:1px solid #eeeeee;
border-right:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;}

.table_lined td{
border-top:1px solid #eeeeee;
padding:5px;
vertical-align:top}

.table_lined_content{
border-width:1px;
border-left:1px solid #eeeeee;
border-right:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;}

.table_lined_content td{
border-width:1px;
border-top:1px solid #eeeeee;
border-right:1px solid #eeeeee;
vertical-align:top}

.table_reduce th{
font-size:.8em;
}
.table_reduce td{
font-size:.8em;
}

.button{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-image: url(http://www.craftonhills.edu/images/button_bg.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:.2em;}

.content_button{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.15em 0em;
background-color: #FFFFFF;
background-image: url(http://www.craftonhills.edu/images/button_bg.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 55%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:.2em;
}

.login_button{ 
border: 3px double #888673;
border-top-color: #d1cdb0;
border-left-color: #d1cdb0;
background-color: #f4f5e7;
background-image: url(http://www.craftonhills.edu/images/login_button_bg.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin-left:2px;
padding:0em;
width:5.5em;
}
.search_button{ 
border: 3px double #888673;
border-top-color: #d1cdb0;
border-left-color: #d1cdb0;
background-color: #f4f5e7;
background-image: url(http://www.craftonhills.edu/images/go_button_bg.gif);
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
margin:0px;}

div#navigation img#gradient{margin:0;padding:0;}
div#navigation img#clock{margin:0;padding:0;}

/* key structural specifications for the table-less layout, aka "the liquid 3 column layout" */

div#wrapper{float:left;width:100%} /* float the wrapper div and the content within it to the left */
div#content{margin: 0pt 180px 0pt 190px;} /* specify left margin width to make a place for the navigation div and specify right margin width to make a place for the extra div  */
div#navigation{float:left;width:180px;margin-left:-99%;} /* float the navigation div left then use negative margin to position it in the space provided by the content div's right margin */
#menu{width:170px;} /* specify dimensions of menu that is nested within the navigation div */
div#extra{float:left;width:160px;margin-left:-170px;} /* float the extra div left the use a negative margin to position it in the space provided by the content div
s right margin */
div#footer{clear:left;width:100%} /* clear the previous float */

.errors{color:#CC0000; font-size:.8em;}
.red{color: #f00;}

.l_column{float:left; width:50%}

.r_image{float:right;border: 3px double #CEC697;}
.l_image{float:left;border: 3px double #CEC697;}
.image{border: 3px double #CEC697;}

.answer_cal td{border:1px solid #ededed;}