/* CSS Document */

/*
Colour pallette:
Dark blue: #002E83
Cream: #FFFFDD
*/

/* HTML TAGS */

html, body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-size:x-small;*/
	font-size:0.84em;
} 
body {
	background-color:#FFFFDD;
	margin:0px;
}

h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#002E83;
        margin: 0.6em 0 0.6em 0;
}
h2 {
        font-size:1.1em;
        font-weight:bold;
        color:#002E83;
        margin: 0.6em 0 0.6em 0;
}


p {
	margin:0em 0em 0.6em 0em;
}

a {
	color:#002E83;
}

a:hover {
	text-decoration:none;
}

div > p:first-child {
	margin-top:0px;
}

/* DIVS */

#container { /* div you want to stretch */ 
	position:relative;
	width:778px;
	margin:auto;
	background-color:#FFFFFF;
	border-left:#002E83 1px solid;
	border-right:#002E83 1px solid;
	/* min-height:100%; */
}
/* WinIE */
* html #container {
	/*height: 100%; */
}

#nav {
	position:relative;
	width:778px;
	height:17px;
	padding-top:4px;
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:0.8em;
	text-align:center;
}

#nav a {
	color:#FFFFFF;
	text-decoration:none;
} 

#nav a:hover {
	text-decoration:underline;
}

#content {
	width:660px;
	padding:15px 59px 15px 59px;
}

.featured {
	width:630px;
	padding:15px 15px 10px 15px;
	margin-bottom:15px;
	background-color:#FFFFDD;
	border:1px solid #002E83;
}

.clearer {
	clear:both;
}

#intro {
	text-align:center;
	margin-bottom:10px;
}

#flash {
	margin-bottom:12px;
}

#feature1 {
	float:left;
	background-image:url(images/feature_bg_1.jpg);
}

#feature2 {
	margin:auto;
	background-image:url(images/feature_bg_2.jpg);
}

#feature3 {
	float:right;
	background-image:url(images/feature_bg_3.jpg);
}

#footer {
	position:relative;
	margin:auto;
	width:780px;
	height:17px;
	padding-top:4px;
	background-image:url(images/menu_bg.gif);
	background-repeat:repeat-x;
	font-size:0.8em;
	color:#FFFFFF;
	text-align:center;
}

/* CLASSES */

.feature {
	position:relative;
	width:181px;
	height:187px;
	padding:12px 15px 12px 15px;
	clear:none;
}

.featureLink {
	position:absolute;
	bottom:10px;
	left:15px;
	width:181px;
	text-align:right;
}

.head1 {
	font-size:1.4em;
	font-weight:bold;
	color:#002E83;
}
.blue {
	color: #002E83;
}


.head2 {
	font-size:1.1em;
	font-weight:bold;
	color:#002E83;
}

.em1_1 {
	font-size:1.1em;
}

.em1_15 {
	font-size:1.15em;
}

.em1_2 {
	font-size:1.2em;
}

.pullout {
	background-color:#FFFFDD;
	padding:12px;
	border:#002E83 1px solid;
}

.imgRight {
	float:right;
	margin:0px 0px 5px 12px;
}

.imgLeft {
	float:left;
	margin:0px 12px 5px 0px;
}
.memTbl {
	width:100%;
}
.memTbl td {
	background-image:url(images/grad_bg.gif);
	background-repeat:repeat-x;
	padding:4px;
}

.inline {
	display:inline;
}

.hidden {
	display:none;
}
.hidden2 {
	/*display:none;*/
}
.thumbnail {
	float:left;
	width:160px;
	height:160px;
	text-align:center;
}
.thumbnail img {
	border:0px;
}

.caption span {
    float:left;
    padding:3px;
    backround-color:#FFFFDD;
}
.caption {
    background-color:aqua;
    width:1px;
}
.caption img {
    float:left;
}
