/* CSS Document */

/* all our fonts are Verdana unless declared otherwise in specific styles */
body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}



/* headings */
h1, h2, h3 {
	color: #3399CC;
	font-size: 150%;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 110%;
}

/* Default links stuff */

a {
	color: #3399CC;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color:#CC3300;
}


/* end of default links stuff */


/* list display */

ol li {
	padding-bottom: 10px;
}

/*
 * ------------------------------------------------------------------------
 * page layout stuff
 */
 

#frame { /* encloses everything on the page */
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	width: 900px;
}

/* utility class style to clear up after floats */
.leftColumn {
	float: left;
	width: 45%;
}
.rightColumn {
	float: right;
	width: 45%;
}
.clearer {
	clear: both;
}


/* header stuff - everything above and including the narrow blue bar */
#ArkGHeader {
	/* no padding here because we need the blue bar to span the frame */
}


#ArkGLogo { /* logo at top-left */
	float: left;
	padding: 5px;
}

#ArkGLoggedInStatus { /* login/register/orde etc at top right */
	float: right;
	padding: 5px;
}



#ArkGNavBar { /* thin blue bar */
	clear: both;
	border-bottom: 5px solid #3399CC;
	padding-top: 5px;
}



/* main section of the page - below the blue bar and above the footer */

#mainsection {
}



#ArkGLeftNav { /* the box in which the navigation menu and the affiliates live */
	width: 160px;
	padding: 5px;
	margin: 10px;
	float: left;
}

#ArkGLeftNav a:hover{
	color:#CC3300;
}	

/*
 * Styles related to the side-bar navigation
 *
 */

#ArkGPageNav {
	float: left;
}

#ArkGPageNav a {
	display: block;
	font-size:11px;
	color: #666666;
	width: 160px;
}
#ArkGPageNav a.selected {
	background-color: #CCCCCC;
}

#ArkGPageNav .level1 { /* a gap above each of the top-level elements in the list */
	margin-top: 10px;
}

#ArkGPageNav .level2 { /* level 2 items are inset by 10 pixels so we have to adjust the width */
	padding-left: 10px;
	width: 150px;
	font-size: 80%;
}

#ArkGPageNav .level3 {/* level 3 items are inset by 20 pixels so we have to adjust the width */
	padding-left: 20px;
	width: 140px;
	font-size: 80%;
}



div#ArkGAffiliates {
	width:900px;
	height:60px;
	background-color: #FFFFFF;
	border-top: 1px solid #3399CC;
	border-bottom: 1px solid #3399CC;
	padding: 5px 0px 5px 0px;
	margin: 0; }

div#ArkGAffiliates ul {
	text-align: center;
	border: 0;
	margin: 0;
	padding: 0; }

div#ArkGAffiliates ul li {
	display: inline; }

div#ArkGAffiliates ul li a, div#ArkGAffiliates ul li a img {
	margin: 0;
	padding: 0;
	color: white;
	text-decoration: none; 
	border: none; }






#ArkGMain {
	float: right;
	width: 670px;
	padding: 5px;
	margin: 10px;
	border: 1px solid #cccccc;
}

#ArkGNews {
	float: right;
	width: 150px;
	border: 1px solid green;
	padding: 5px;
	margin-left: 1px;
}


/* footer styles */

#ArkGFooter {
	
	padding: 3px;
}
#ArkGFooter .copyright {
	font-size: 10px;
	text-align: right;
	font-style: italic;
}




/* input form table styles */

.arkform table {
	border: 1px solid black;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

.arkform table.narrow {
	width: 400px;
}

.arkform th, .arkform td {
	border: 1px solid #CCCCCC;
	padding: 4px 4px 4px 4px;
}

.arkform th {
	text-align: right;
	padding-right: 5px;
}

.arkform th.required {
	font-weight: bold;
}
.arkform tr.optional th {
	font-weight: normal;
}


table.thinb, tr.thinb, th.thinb, td.thinb {
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-collapse: collapse;
	padding: 5px;
}


tr.lightgrey {
	background-color: #CCCCCC;
}
.greyborder {
	border: 1px solid #CCCCCC;
}

/* front page alternative text sizes */

.SmallFont  {
	font-size: 11px;
	color: #3399CC;
	font-weight: bolder;
}

.SmallerFont {
	font-size: 9px;
	color: #666666;
}

.imgborder {
	border: 2px solid #3399CC;

}

/* RNAi vector order-specific styles */
th.RNAIorderHeaderRow {
	background-color: #CCCCCC;
	border-bottom: black solid 1px;
}

.RNAIcloneName {
	font-weight: bold;
}

.RNAItargetSpecies {
	text-align: center;
	font-size: smaller;
}

.RNAItargetGene {
	font-style: italic;
}

.RNAItargetSequence {
}

.RNAIcloneNotes {
	font-size: smaller;
	font-style: italic;
	text-align: center;
}
.addressEmphasis {
	font-size: larger;
	font-weight: bold;
	padding-right: 20px;
	padding-left: 20px;
}
.arkform label {
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 5px;
	padding-right: 5px;
	vertical-align: top;
}
.arkform div {
	padding: 7px;
}
form.arkform {
	border: 1px solid #666666;
	padding: 5px;
	margin: 10px;
}
.arkform label.required {
	font-weight: bold;
}
.arkform fieldset legend {
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	color: #0066CC;
	padding-left: 10px;
	vertical-align: text-bottom;
}
.arkform fieldset {
	margin: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
dd {
	padding-top: 2px;
	font-style: italic;
}
dt {
	padding-top: 10px;
	font-weight: bold;
	padding-left: 15px;
}
dl {
	margin: 0px;
	padding: 0px;
}
sup {
	font-size: 90%;
}
#ArkGNews h2 {
	font-size: 100%;
	font-weight: bold;
}
#ArkGNews p {
	font-size: 80%;
}


/* NEW STYLES */

#ArkGMain img {
	border:1px solid black; }
.homePageBlock {
	font-size:0.8em;
	padding:110px 5px 0px 0px;
	float:left;
	width:160px; }
	
.homePageBlock h2 {
	padding:0;
	margin-top:20px;
	font-size:1.7em;
	text-align:center;
	background:url(../images/headingBackground.jpg); }

.homePageBlock ul ul {
	padding:0;
	margin:0px 0px 0px 5px; }

.microarrays {
	background:url(../images/microarrays.jpg) top center no-repeat; }
.sequencing {
	background:url(../images/sequencing.jpg) top center no-repeat; }
.genotyping {
	background:url(../images/genotyping.jpg) top center no-repeat; }
.clones {
	background:url(../images/clones.jpg) top center no-repeat; }
	
.published {
	font-style:italic;
	font-size:0.75em; }
	
#ArkGLogo a img { /* logo at top-left */
	border:0; }