/*
	(1) html elements
	(2) structures
	(3) formatting for structures
	(4) general purpose
	(5) hacks
		made in washington */

/************************************************
	(1) html elements
*************************************************/
body {
	min-height: 100%; /* chrome doesn't paint to the bottom of the viewport on short pages */
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #343434;
}

h1, h2, h3, h4, h5, h6, p, td, ul, li {
	margin: 0;
	padding: 0;
}

h5 {
	width: 546px;
	height: 35px;
	padding: 7px 0 0 15px;
	background: transparent url(/olc/images/DVR/bg_h1.gif) 0 0 repeat-x;
	color: #fff;
	font-size: 1.7em;
}

h1.bottom-margin {
	margin-bottom: 15px;
}


h2 {
    font-size: 1.7em;
	color: #2f4f80;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

p {
	margin-bottom: 16px;
}


a {
	color: #093678;
}

a:hover {
	color: #2882C6;
}

img {
	border: none;
}

/************************************************
	(2) structures
*************************************************/
#main {
	width: 1020px;
	margin: 0 auto;
	border-right: 1px solid #fafafa;
	border-left: 1px solid #fafafa;
}

#masthead {
	background: transparent url(/olc/images/DVR/hdr_alumni_cobrand_bot_rt.jpg) bottom right no-repeat;
	height: 120px;
}

#logo {
	float: left;
	width: 620px;
}

#util-nav {
	float: right;
	width: 400px;
}

#body {
	clear: both;
	background-color: #fff;
	padding-bottom: 20px;
	overflow: auto;
}

#sidebar-left {
	float: left;
	width: 188px;
	padding-left: 20px;
}

ul#nav {
	width: 170px;
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 40px;
}

#content {
	padding-top: 3px;
	float: left;
	width: 771px;
}

#sidebar-right {
	float: left;
	width: 217px;
	padding-left: 25px;
}

#footer {
    background-color: #efefef;
	text-align: center;
	color: #999;
	padding: 10px 0;
}


/************************************************
	(3) formatting for structures
*************************************************/

#logo img {
	display: block;
}


/* nav */
ul#nav ul {
	list-style: none;
	padding: 0 0 9px 13px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	background: transparent url(/olc/images/DVR/mnu_left_sub_bot.jpg) bottom left repeat-x;
	/*display: none;*/
}

ul#nav li.active ul {
	display: block;
}

ul#nav ul ul {
	padding: 0 0 0 17px;
	border: none;
	background: none;
}

ul#nav a {
	color: #1f1f1f;
	font-size: 10px;
}

#nav img {
	display: block;
}

#nav li {
	float: left;
}

#nav li li {
    float: none;
}



/* content */
#body.three-column #content {
	width: 554px;
}

#content h2 {
    overflow: auto;
	color: #333;
	font-size: 12px;
	margin: 15px 0;
	padding: 0;
}

#content h2 img {
    float: left;
	margin-right: 75px;
}

#content table.header {
    width: 100%;
	margin-bottom: 15px;
}

#content table.header td.img {
    padding-right: 50px;
}

#content ul {
	margin: 15px 0 15px 15px;
}

#content li {
	margin-bottom: 15px;
}

#content .logo {
	margin: 15px 0;
	overflow: auto;
}

#content .logo h2 {
	color: #2d4f7d;
	float: left;
	font-size: 1.6em;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 15px;
}
#content .logo img {
	float: right;
	margin-right: 15px;
}

#content .logo2 img {
	float: none;
	margin-bottom: 15px;
}


#content .profile {
	margin: 15px 0;
	overflow: auto;
}


#content .profile h2 {
	color: #2D4F7D;
	font-size: 1.6em;
	font-weight: bold;
	padding-top: 5px;
}

#content .profile img {
	float: left;
	margin-right: 20px;
}


/* footer */
#footer .link-list {
    color: #21568c;
	font-size: 1em;
}

#footer .link-list a {
    color: #21568c;
	font-size: 1em;
	margin: 0 5px;
	text-decoration: underline;
}

#footer .link-list a:hover {
  	color: #2882C6;
}

#footer p {
    font-size: .9em;
}

#footer p a {
    color: #999;
	text-decoration: none;
}

#footer p a:hover {
    text-decoration: underline;
}
/************************************************
	(4) general purpose
*************************************************/

/* ul.adjacent */
ul.adjacent {
	list-style: none;
}

ul.adjacent li {
	float: left;
}


/* ul.flat */
ul.flat {
	list-style: none;
}

/* ul.collapsed */
ul.collapsed {
	list-style: none;
	margin-left: 15px;
}
ul.collapsed li {
	margin: 0 !important;
	padding: 0 !important;
}





.splash {
	margin-bottom: 16px;
}




/* div.banner */
div.banner {
	margin-bottom: 20px;
}



/* div.panel */
div.panel {
	background: transparent url(/olc/images/DVR/bg_panel_top.gif) 0 0 no-repeat;
	margin-bottom: 5px;
}

div.panel .body {
	background: transparent url(/olc/images/DVR/bg_panel_bottom.gif) bottom left no-repeat;
	min-height: 122px;
	padding: 14px 6px 24px 14px;
}

div.panel2 {
	min-height: 122px;
	padding: 5px 6px 24px 5px;
}


/* .panel#quicklinks */
.panel#quicklinks ul.flat {
	margin-left: 20px;
}

.panel#quicklinks ul.adjacent {
	margin-left: 10px;
}

.panel#quicklinks a {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}



/* gradient-panel */
.gradient-panel {
	width: 157px;
	background: transparent url(/olc/images/DVR/bg_panel_grad_bottom.gif) bottom left no-repeat;
}

.gradient-panel .body {
	background: transparent url(/olc/images/DVR/bg_panel_grad_top.gif) top left no-repeat;
	padding: 8px 11px 15px 8px;
	color: #194c7b;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.gradient-panel h3 {
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.gradient-panel .note {
	color: #557fa7;
	font-family: arial, helvetica, sans-serif;
}



/* table.profiles */
table.profiles{}

table.profiles td {
	color: #194c7b;
	font-size: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* table.form */
table.form {
	font-size: 10px;
}

table.form td {
	padding: 4px 4px 0 0;
	vertical-align: top;
}


table.form td label {
	font-weight: bold;
	color: #0b367a;
	padding-top: 4px;
	display: block;
}

table.form td.controls {
	text-align: right;
}



input.std {
	width: 107px;
	height: 17px;
}


/* utilities */

.right				{ float: right; }
.left				{ float: left; }

.no-padding			{ padding: 0 !important; }

.pad-top			{ padding-top: 15px !important; }


/************************************************
	(5) hacks
*************************************************/

* html #body {
	height: 1%;
}

* html div.panel .body {
	height: 122px;
}

* html #content .logo {
	height: 90px;
}



