/* IMPORT BLUEPRINT FRAMEWORK */
@import 'blueprint/screen.css';

/* IMPORT MENUS */
@import 'menus.css';

/* CHANGE BLUEPRINT'S DEFAULT BACKGROUND COLOR & WIDTH */
.container {
	background-color : #ffffff;
	width : 750px;
}

/* ELEMENTS */
body {
	background-color : #1b477d;
	font-family : arial,helvetica,verdana,sans-serif;
	margin-top : 12px;
	behavior : url(/stylesheets/sds/csshover.htc);
}
body          { font-size: 70%; }   /* IE */
html > body   { font-size: 11px; }  /* Other browsers */

p,ul,ol,dl,h1,h2,h3,h4,h5,h6,
caption,pre,blockquote,input,textarea {
  padding : 0;
}
div, table {
  margin : 0;
  padding : 0;
}

p {
	text-align : left;
        margin-bottom: .25em;
}

img { margin : 0; padding : 0; }

h1,h2,h3,h4,h5,h6 { 
  font-family: arial,helvetica,verdana,sans-serif;
  color:#1a3e6d;
  margin-bottom: .25em;
  font-weight : bold;
  clear:both; 
}
h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; line-height:1.1em; }
h4 { font-size: 1.25em; line-height:1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

table { border-collapse : collapse; border : 0; }
th, td { padding : 0; border : 0; vertical-align : top; }

/* CLASSES */

/* image classes; these are repeated in the editor.css, so they can be used there (bug?) */
img.topleft {
	vertical-align : top;
	margin : 0 1em 1em 0;
}
img.topright {
	vertical-align : top;
	float : right;
	margin : 0 0 1em 1em;
}
img.left {
	vertical-align : top;
	margin : 1em 1em 1em 0;
}
img.right {
	vertical-align : top;
	float : right;
	margin : 1em 0 1em 1em;
}

.margin-left {
	margin : .5em 0 .5em .5em;
}
.margin-right {
	margin : .5em .5em .5em 0;
}
.margin-left-no-top {
	margin : 0 0 .5em .5em;
}
.margin-right-no-top {
	margin : 0 .5em .5em 0;
}
.border {
  padding-right: 7px;
  margin-right: 0;
  border-right: 3px solid #ddd;
}

/* NAMED DIVS */
#header {
}
#searchBar {
	color : #fff;
}
#searchBar a {
	text-decoration : none;
	color : #fff;
}
#searchBar a:hover {
	text-decoration : underline;
}
#topMenu {
	padding-top : 97px;
	padding-right : 10px;
}
#priorities {
	height : 220px;
	background-image : url(/images/priorities.png);
	background-repeat : no-repeat;
	margin : 15px 0 0 10px;
}
#prioritiesContent {
	padding : 50px 10px 0 30px;
}
#priorities table {
	width : 100%;
}
#priorities strong {
	font-size : 12px;
}
#leftMenu {
	min-height : 300px;
}
#insideContent {
	margin : 0 20px;
	min-height : 300px;
}
#footer {
	height : 72px;
	background-image : url(/images/footer.png);
	background-repeat : no-repeat;
	background-position : 100% 100%;
	margin-top : 18px;
	color : #fff;
}
#footerContent p {
	text-align : center;
	padding-top : 24px;
}
#footerContent p a {
	text-decoration : none;
	color : #fff;
}
#footerContent p a:hover {
	text-decoration : underline;
}