/* screen stylesheet for v1 subsites 2006 */



/* ############
   ### BODY ### */

html, body {
	background: #ffffff url(/subsiteshared/images/gradient-vert.gif) repeat-x top;
	font-family: verdana, arial, sans-serif;
	font-size: small;
	color: #000000;
	text-align:center;
	margin: 0; 
	border: 0; 
	padding: 0; 
}

form {
	margin: 0; 
	border: 0; 
	padding: 0; 
}



/* ##############
   ### LAYOUT ### */

/* main box containing everything */

#container {
	width: 810px;
	border: 0px;
	padding: 5px 30px 5px 15px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	background: #ffffff;
	z-index: 2500;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #container {
	width:765px;
}


/* secondary navigation column */

#subnav {
	width: 200px;
	border: 0px;
	padding: 0px 0px 0px 29px;
	margin: 0px;
	text-align: left;
	float: left;
	z-index: 5000;
	background: #e6e5fc url(/subsiteshared/images/top2bottom-side.gif) repeat-x top;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #subnav {
	width:171px;
}

#mainlogo {
	margin: 0px 0px 0px -20px;
}

#assystbox {
	width: 100%;
	height: 172px;
	background: #ffffff url(/subsiteshared/images/gradientbox.gif) bottom left no-repeat;
	border: #330066 solid 1px;
	margin: 50px 0px 0px 0px;
}

#subnavtable {
	width: 171px;
	margin-top: 6px;
}

.subnavth {
	background: #330066;
}

.subnavth p {
	font: 11px Arial, Sans-Serif; /* "Century Gothic" */
	font-weight: bold;
	color: #ffffff;
}


.subnavcell {
	background: #ffffff url(/subsiteshared/images/left2right.gif) top right repeat-y;	
}

.subnavcell p {
	color: #330066;
	margin: 6px 2px 4px 0px;
}


/* main content */

#maincontent {
	width: 550px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	float: right;
	z-index: 5000;
	position: relative;
	display: inline;
	background: #ffffff;
	voice-family: "\"}\"";
	voice-family: inherit;
}

html>body #maincontent {
	width:550px;
}


#mainmenu {
	position: absolute;
	top: 105px; /* 65 without searchbox */
	left: 45px;
	width: 735px;
	height: 21px;
	z-index: 10000;
}

#centercontent {
	top: 105px; /* 65 without searchbox */
	width: 368px;
}

#inset {
	float: right;
	text-align: left;
	width: 165px;
	padding: 0px;
	border: 0px;
	margin: 5px 0px 2px 2px;
}

#column {
	float: right;
	text-align: left;
	width: 165px;
	padding: 0px;
	border: 0px;
	margin: 44px 0px 2px 2px;
}


.smallbox {
	background-color: #ECECEC;
}

.sidetable td {
	background: url(images/partner_grad.gif) repeat-y top right;
	border: 1px solid #cccccc;
}

.sidetable li {
	list-style-image: url(/subsiteshared/images/bullet_purple.gif);
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.standardinput {
	width:100%;
	border: 1px solid #cccccc;
}


/* ################## 
   ### MAIN FONTS ### */

h1 {
	color: #330066;
	font: 13px Arial, Sans-Serif;  /* "Century Gothic" */
	font-weight: bold;
}
.h1 {
	color: #330066;
	font-weight: bold;
	font: 13px Arial, Sans-Serif;  /* "Century Gothic" */
}

p, td, blockquote, li, .normal {
	font-size: 10px;
	color: #000000;
}

.assystbox {
	margin: 10px;
	font: 12px Arial, Sans-Serif;  /* "Century Gothic" */
	font-weight: bold;
}

.menu-up {
	font: 11px Arial, Sans-Serif;  /* "Century Gothic" */
	font-weight: bold;
}

.menu-down {
	font: 11px Arial, Sans-Serif;  /* "Century Gothic" */
	font-weight: bold;
	color: #ffffff;
}

.menu-up a:link, .menu-up a:visited {
	text-decoration: none;
	color: #000000;
}

.menu-down a:link, .menu-down a:visited {
	text-decoration: none;
	color: #ffffff;
}

.diagram a:link, .diagram a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #38A2DE;
}

.smallbox a:link, .smallbox a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #0B9FEB;
}

.tiny {
	font-size:9px;
	row-height: 9px;
}

.bodybold {
	font: 11px Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

.diagram {
	font: 11px Arial, Sans-Serif; /* "Century Gothic" */
	color: #000000;
}

.diagram .bold {
	color: black;
	font-weight: bold;
}

.color {
	color: #330066;
}

#inset p {
	font-size: 9px;
}

.box_big {
	font-size: 15px;
	margin: 60px 0px 0px 10px;
}

form p {
	font: 10px Verdana, Arial, Sans-Serif #666666;
}



ul {
	list-style-image: url(/subsiteshared/images/bullet.gif);
	margin: 0px 2px 0px 10px;
	padding:  0px 2px 0px 10px;
}

.diamond {
	list-style-image: url(/subsiteshared/images/diamond.gif);
}




/* format for brand font for assyst */
.brand {
	font-size: 1.15em;
	font-weight: 900;
	color: #330066;
}



/* ######################
   ### LINK BEHAVIOUR ### */

A:link		{text-decoration: none; color: #0000FF;}
A:visited	{text-decoration: none; color: #660099;}
A:active	{text-decoration: none; color: #000000;}
A:hover		{text-decoration: none; color: #0099FF;}





/* ############
   ### MISC ### */

hr {
	color: #cccccc;
	height: 1px;
}


