/* Start of CMSMS style sheet 'Layout: Left sidebar' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

html { height: 100%; font-size: 100% /* IE hack */}
table, input, select, th, td { font-size: 100%; /* IE hack */ }

body {
   text-align: center;
   font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
   font-size: 0.75em;
   /*line-height: 1em;*/
   height: 100%;
   /*background-color: #fff;
   color: #444;*/
	/*background-image: url(uploads/images/Art/grid_18ems.gif);
	background-repeat: repeat;
	background-position: left top;*/
}

/*
set font size for all divs,
this overrides some body rules

div {
   font-size: 1em;
}*/

img {
   border: 0;
}

/*
default link styles
*/
a, a:link, a:active { text-decoration: none; background-color: inherit; }
a:link, .link { color: #624a7e; border-bottom: 1px dotted #624a7e; }
.link { float: right; margin-top: -1.5em; }
a:visited { color: #8665ac; border-bottom: 1px dotted #8665ac; }
a:hover { color: #f1ab00; border-bottom: 1px dotted #f1ab00; }
a:active { color: #cd5806; border-bottom: 1px dotted #cd5806; }
/*
any kind of linked titles, h1,2,3,4,5,6 should not have underline or border, by luis
*/
h4 a:link, h4 a:visited { color: #2668b2; border-bottom: none;}
h4 a:hover { color: #f1ab00; border-bottom: 1px dotted #f1ab00; }

.linkExpand { float: right; margin-top: -1.5em; cursor: pointer; }

/*****************
basic layout 
*****************/
/* center wrapper, min max width */
div.pagewrapper {
   text-align: left;
   margin: 0 auto;       /* this centers wrapper */
   width: 756px;
   background-color: transparent;
   color: black;
}

div#topper a, div#header a { border: none; }

div#topper {
   text-align: right;
   height: 51px; margin-left: 12px;
   background: url(uploads/images/Art/ASUCR_name.gif) no-repeat 0 34px;
}

div#topper > h2 { text-align: right; }

div#banner {
   width: 100%; height: 126px;
   text-align: center;
   background: url(uploads/images/Art/topbars.gif) repeat-x;
}

div#title {
   background: white;
   height: 60px; margin-bottom: 12px;
   display: inline;  /* FIX IE double margin bug */
   border-bottom: 1px solid #d6d6d6;
}

/*** header ***/
div#header {
   text-align: left;
   height: 126px; width: 732px; margin: 0 auto;
   background-color: transparent; 
   background-position: top right; background-repeat: no-repeat;
}

div#header h1 {
   position: relative; top: 36px; margin: 0;
}

div#header h1 a {
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   position: relative; top: 72px; 
   padding-top: 5px; /*width: 30em;*/
   font-size: 10px; height: 18px;
   background: transparent /*#d9d3c3*/;
}

div.breadcrumbs span.lastitem { 
   font-weight:bold; 
} 

div.breadcrumbs a { font-weight: normal; /*margin: 0 6px 0 0;*/ }
div.breadcrumbs a:link { color: #736760; border: none;  }
div.breadcrumbs a:visited { color: #736760; border: none;  }
div.breadcrumbs a:hover { color: #736760; border-bottom: 1px dotted #736760; }
div.breadcrumbs a:active { color: #cd5806; border-bottom: 1px dotted #cd5806; }

div#content {
   margin: 0 auto 2em 0;
}

#page_title { z-index: -1; }

div#main {
   float: left; z-index: 10;
   width: 492px; margin-left: 24px;
   margin-top: 10px;
}

div#sidebar {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 240px;
   background-color: #d7dae7;
   margin-top: 8px;
   display: inline;  /* FIX IE double margin bug */
}

div#calendar {
   float: left;
   width: 228px;
   display: inline;  /* FIX IE double margin bug */
   /*margin-left: 0; margin-right: 12px;*/
}

div#main div#calendar ul {
   margin-left: 0
}

div#main div#calendar ul li {
   list-style-image: none; list-style-type: none;
   margin-left: 0
}

div#news {
   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   width: 228px;
   margin-left: 24px;
   display: inline;
}

div#footer {
   clear: both;       /* keep footer below content and menu */
   color: #fff;
   font-size: 0.75em;
   border-top: 1px solid #7a6e67;
   padding: 6px 12px 12px 12px; margin-top: 1em;
}

div#footer li { display: inline; margin: 0 12px 0 0; list-style: none; }
div#footer a, div#footer a:link { text-decoration: none; color: #7a6e67; border: none; }
div#footer a:visited { color: #7a6e67; border: none;  }
div#footer a:hover { color: #f1ab00; background-color: white; border-bottom: 1px dotted #f1ab00; }
div#footer a:active { color: #cd5806; border-bottom: 1px dotted #cd5806; }

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   clear: both;       /* keep below floating content */
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #e5b28e;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

/*div.right49 {
  float: right;
  width: 49%;
  text-align: right;
  margin-right: 12px;
}*/

/********************
CONTENT STYLING
*********************/
/* HEADINGS */
h1{
	font-size: 2.5em;/* 30px */
	line-height: 1em;/* 30px */
	font-weight: normal;
	color: #000000;
	margin: 0 0 1em 0;
}

h2{
	font-size: 2em;/* 24px */
	line-height: 55px;/* 24px */
	color: #624a7e;
	font-weight: normal;
	/*margin: 0 0 1em 0;*/ padding: 0 12px;
	border-bottom: 1px solid #d6d6d6;
}

h3{
	font-size: 1.25em;/* 15px */
	line-height: 1.133em;/* 17px */
	font-weight: bold;
	/*letter-spacing: 0.1em;*/
	color: #707070;
	margin-bottom: 0.1em;
}

h4{
	font-size: 1.5em;/* 18px */
	line-height: 1em;/* 18px */
	color: #2668b2;
	font-weight: lighter;
	margin-top: 1em;
	margin-bottom: 0.2em;
        letter-spacing: 0.03em;
}

h5{
	font-size: 1.083em;/* 13px */
	line-height: 1.154em;/* 15px */
	font-weight: bold;
	color: #624a7e;
	margin-bottom: 0.3em;
}

#main h5 {
   background-attachment: scroll;
   background-image: url(uploads/images/Art/grey_rule_divider.gif);
   background-repeat: no-repeat;
   background-position: left top;
   padding-top: 18px;
   margin-top: 36px;
   clear: left;
}

#main h5.committees {
   padding-top: 10px;
   margin-top: 0px;
   clear: left;
}
#main #calendar h5 {
   background: none;
   padding-top: 0; margin: .25em 0;
}

h6{
	font-size: 1em;/* 12px */
	line-height: 1.167em;/* 14px */
	font-weight: bold;
	color: #2668b2;
	margin-top: 2em;
	margin-bottom: 0.3em;
}

h6 img { float: left; }
#calendar h6 img { float: none; }

/* END HEADINGS */


/**************** STYLES BY LUIS *********************/
/* SIDEBAR START */
#menu_vert {
	padding-top: 12px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 12px;
}
#menu_vert ul { margin: 0; padding: 0; }
#menu_vert li { font-size: 13px; font-weight: bold; display: block; line-height: 16px; padding: 0 0 7px 0; margin: 0 0 8px 0; border-bottom: 1px solid #999; list-style: none; }
#menu_vert li .small {
	font-size: 11px;
	color: #444444;
}
#menu_vert li a { font-size: 13px; display: block; border: none; }
#menu_vert li a:visited { border: none; }
#menu_vert li a:hover { border: none; }
#menu_vert li a:active { border: none; }
#menu_vert li a:link { border: none; }
#menu_vert li .small a { font-size: 11px; display: inline; border: none; }
/*#menu_vert li:last-child { border: none; }*/
#menu_vert .currentpage h3 { font-size: 13px;}

/*tertiary navigation styles*/

#sidebar #menu_vert ul ul { 
   margin-left: 1em; 
   padding: 0; }
#sidebar #menu_vert li li {/*we have a lot of extra space between li top and bottom in IE that we need to fix*/
   font-size: 13px; font-weight: bold; display: block; line-height: 16px;
   color: #624a7e;
   background-image: url(uploads/images/Art/list_arrow_sidebar.gif);
   background-repeat: no-repeat;
   background-position: 0px .5em;
   padding: .2em 0 0 .8em;
   border-bottom: none;
}

/*
sidebarlink styles
*/
#sidebar a, #sidebar a:link, #sidebar a:active { text-decoration: none; background-color: inherit; }
#sidebar a:link { color: #2a6ebb; border-bottom: 1px dotted #624a7e; }
#sidebar a:visited { color: #5c97e5; border-bottom: 1px dotted #8a68b1; }
#sidebar a:hover { color: #f1ab00; border-bottom: 1px dotted #f1ab00; }
#sidebar a:active { color: #cd5806; border-bottom: 1px dotted #757577 }

/*tertiary nav links */
#sidebar  #menu_vert li li a { font-size: 13px; display: block; border-bottom: none; }
#sidebar #menu_vert li li a:visited {  color: #8a68b1; border-bottom: none; }
#sidebar  #menu_vert li li a:hover { color: #f1ab00; border-bottom: none; }
#sidebar  #menu_vert li li a:active { color: #624a7e; border-bottom: none; }
#sidebar  #menu_vert li li a:link { color: #624a7e; border-bottom: none; }


#sidebar #news { 
   width: 204px;
   margin:0;
   padding: 12px; }

/* SIDEBAR END */

/* other styles */
#flashcontent { z-index: 100; position: relative; margin-bottom: 20px; margin-top: -66px; }

#callout {
   background-color: white; width: 240px;
   padding-top: 2em;
}

#sidebar .NewsSummary {
   background-image: url(uploads/images/Art/grey_dot_horiz_rule.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   padding-bottom: 9px;
   margin-bottom: 18px;
}
div#calendar h3, div#news h3 {
	padding-top: 6px;
	padding-bottom: 8px;
}
#calendar li, #main #news .NewsSummary {
   background-image: url(uploads/images/Art/orange_dot_horiz_rule.gif);
   background-repeat: repeat-x;
   background-position: bottom;
   padding-bottom: 9px;
   margin-bottom: 18px;
}

#calendar li a { font-weight: bold; }

#calendar h6 :link, #calendar h6 :visited { color: inherit; }

#calendar span {
   display: block; padding-left: 1em;
   font-style: italic; font-weight: bold; color: #7a6e67;
   background: url(uploads/images/Art/list_arrow_orange.gif) no-repeat 0px 6px;
}


h6.officers_dot_top {
   background-attachment: scroll;
   background-image: url(uploads/images/Art/orange_dot_horiz_rule.gif);
   background-repeat: repeat-x;
   background-position: left top;
   padding-top: 9px;
   margin-top: 9px;
}

.hr_orange_top {
	background-attachment: scroll;
	background-image: url(uploads/images/Art/orange_dot_horiz_rule.gif);
	background-repeat: repeat-x;
        background-position: left top;
	padding-top: 8px;
	margin-top: 24px;
}

.top_page { /*this is for the link that takes you up the page */
	font-size: 1em;
	font-weight: bold;
	color: #2668B2;
	background-attachment: scroll;
	background-image: url(uploads/images/Art/arrow_top_page.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	padding-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #939fcb;
}

div.right_toppage {
        float: right;
	width: 100%;
	text-align: right;
}

div.right_toppage a:link {
        border-bottom: none;
}

.attention{
	background-attachment: scroll;
	background-image: url(uploads/images/Art/ticket_attention_sign.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 50px;
	padding-top: 8px;
	padding-bottom: 8px;
}

/* STYLES FOR IMAGES */
.blue_outline { /* use this style for photos of officers and staff*/
	padding: 7px;
	border: 1px solid #2e6db5;
	margin-right: 20px;
	margin-bottom: 9px;
	margin-left: 0px;
}

.img_sect_main {
	margin-bottom: 20px;
	clear: right;
	float: left;
}
.img_events {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bfbfbf;
	padding-bottom: 10px;
}
.img_events_sidebar {
	background-attachment: scroll;
	background-image: url(uploads/images/EventsNews/events_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	width: 215px;
}
.pdf-reader a {
border-bottom: none;
}

.video_download {
    margin-top: 1.5em;
}

.video_download a {
    display: block;
    border-bottom: none;
    padding-left: 45px;
    background: #f5f4f0 url(/uploads/images/Art/button_mov_icon.gif) top left no-repeat;
}

.video_download a:hover {
    border-bottom: none;
    background: #f5f4f0 url(/uploads/images/Art/button_mov_icon.gif) 0% -35px no-repeat;
}


/* END STYLES FOR IMAGES */
/****************  END STYLES BY LUIS *******************/


/* TEXT */
p {
	font-size: 1em;/* 12px */
	line-height: 1.5em;/* 18px */
	margin-bottom: 0.5em;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;

}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Lucida Typewriter", "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li {
   	margin: 0 0 0.5em 3em;
	list-style-position: outside;
	list-style-image: url(uploads/images/Art/list_arrow_blue.gif);
	list-style-type: none;
}
div#main ol li {
   	margin: 0 0 0.5em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}


/* END LISTS */

/* Forms */

form { /*display: inline;*/ width: 100%; }

fieldset { padding: 1em; background-color: #cbdbed; }

label, fieldset p {
	display: block;
	font-size: 1.167em;/* 14px */
	line-height: 1.143em;/* 16px */
	font-weight: bold;
	color: #624a7e;
}

input, textarea { width: 100%; border: 1px solid black; margin-bottom: 1em; padding: 2px }
input.button, .submit input { width: 6em; }

div.formError, div.formMessage {
        font-size: 105%;
        color: black;
        border: 1px dashed #009;
        padding: 0.5em;
        margin: 1em;
}

div.formError { background: #FCC; }
div.formError:before { content: url(uploads/images/Art/caution.png); }

div.formMessage { background: #F9F9F9; }
div.formMessage:before { content: url(uploads/images/Art/note.png); }

div#main div.formError ul li,
div#main div.formMessage ul li {
   list-style-image: none; list-style-type: disc;
}

div.formError p, div.formMessage p { font-weight: bold; }

/* CALENDAR TABLE STYLES */

.large_cal {
	width: 480px; border-spacing: 0;
	background-color: #EFF0F5;
}

.large_cal th, .large_cal td {
	border-collapse: collapse;
	background-color: #EFF0F5;
	border: 1px solid #999999;
	padding: 4px;
}

.large_cal th {
  background-color: #624a7e; color: white; border-color: black;
  text-align: center;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1.4em; font-weight: bold;
}

.large_cal .todaycolor {
  background-color: #d9d6c8;
}

.large_cal .cal_num {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em; font-weight: bold;
	text-align: left;
 }
 
.large_cal .cal_num a:link, .large_cal .cal_num a:visited {
	color: #2668b2;
 	border-bottom: none;
 }
 
.cal_title {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.4em; font-weight: bold;
	color: #2668b2;
}

.large_cal .cal_item {
	text-align: left;
 }
 
.large_cal td.active {
	background-color: #d9d6c8;
 }

.printline { float: right; margin-top: -1.1em; }

#eventlist table { border-spacing: 1em; }

.topic {
	color: #2668b2; font-weight: bold;
        letter-spacing: 0.03em;
}
/* END CALENDAR TABLE STYLES */

/* Basic Bar Graph */
div.graph { 
	position: relative; /* IE is dumb */
	width: 200px; 
	border: 1px solid #BFBFBF; 
	padding: 2px; 
	margin-bottom: .5em;					
}
div.graph .bar { 
	display: block;	
	position: relative;
	background: #a395b3; 
	text-align: center; 
	color: #333; 
	height: 2em; 
	line-height: 2em;									
}
div.graph .bar span { position: absolute; left: 1em; } /* This extra markup is necessary because IE doesn't want to follow the rules for overflow: visible */

dt.graph { 
	position: relative; /* IE is dumb */
	clear: both;
	display: block; 
	float: left; 
	width: 104px; 
	height: 20px; 
	margin-right: 17px;              
	font-size: .75em; 
	text-align: right; 
}
dd.graph { 
	position: relative; /* IE is dumb */
	display: block; 
	float: left; white-space: nowrap;
}
* html dd { float: none; } /* IE is dumb; Quick IE hack, apply favorite filter methods for wider browser compatibility */

.clear { clear: both; height: 1px; overflow: hidden; margin-top: -1px; }

/* End of 'Layout: Left sidebar' */