* { margin: 0; padding: 0px; }

html, body { margin: 0; padding: 0px; height: 100%; background-color: #fff;} 

/* ----------Site Elements--------------------- */

.clear { clear: both; }
a:active, a:focus{outline: 0;}

/* ----------Centered Container Or the Layout--------------------- */
#container { 
min-height: 100%; 
height: auto !important; 
height: 100%; 
margin: 0 auto -4em; /* make sure this matches in the body footer DIV */
width: 978px;
} 

/* --------------HEADER------------- */
#header { height: 114px;}

#header h1 {
background:url("/images/logo.jpg") no-repeat scroll 0 0 transparent;
clear:right;
float:left;
height:85px;
text-indent:-9999em;
width:541px;
float: left
}

#header ul {float: right; text-align: right; padding-top: 32px; padding-right: 15px; font: 13px Arial, Tahoma, Helvetica, Sans-Serif; }
#header ul li {display: inline; border-right: 1px solid; padding: 0px 6px 0px 4px; }
#header ul li.last {border: none}
#header ul li a {text-decoration: none}
#header ul li a:hover {text-decoration: underline}
#header ul li a  {color: #6092c1}
#header ul li  {color: #6092c1}


/* --------------LOGO IN HEADER *always use this*------------- */
.logolink, #swap { background-image: url('/images/logo.gif'); background-repeat: no-repeat; height: 50px; width: 115px;}
.logolink a { float: left;  }
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; } /* only set width and height once */
.rollover:hover { visibility: visible; /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; } /* 'rolls over' the image */


/* --------------NAVBAR------------- */
#navbar { height: 54px; padding: 0 14px }

ul#topnav { list-style:none; height:54px;}
ul#topnav li.headlink {height:54px; float:left; text-indent:-9999px;}
#topnav .topLink{
display: block;
height: 54px;
}

/* -----STATIC------ */
ul#topnav li#topnav-1 { width:278px; background: url(/images/navbar.jpg) no-repeat 0 0; /* X and Y position at 0 */}
ul#topnav li#topnav-2 { width:331px; background: url(/images/navbar.jpg) no-repeat -278px 0; /* X and Y position at 0 */}
ul#topnav li#topnav-3 { width:341px; background: url(/images/navbar.jpg) no-repeat -609px 0; /* X and Y position at 0 */}


/* -----HOVER------ */
ul#topnav li#topnav-1:hover { width:278px; background: url(/images/navbar.jpg) no-repeat 0 -54px; /* X and Y position at 0 */}
ul#topnav li#topnav-2:hover { width:331px; background: url(/images/navbar.jpg) no-repeat -278px -54px; /* X and Y position at 0 */}
ul#topnav li#topnav-3:hover { width:341px; background: url(/images/navbar.jpg) no-repeat -609px -54px; /* X and Y position at 0 */}


/* -----ACTIVE------ */
ul#topnav li#topnav-1 a.current { width:278px; background: url(/images/navbar.jpg) no-repeat 0 -54px; /* X and Y position at 0 */}
ul#topnav li#topnav-2 a.current { width:331px; background: url(/images/navbar.jpg) no-repeat -278px -54px; /* X and Y position at 0 */}
ul#topnav li#topnav-3 a.current { width:341px; background: url(/images/navbar.jpg) no-repeat -609px -54px; /* X and Y position at 0 */}

/* --------------NAVBAR------------- */

/* --------------DROPDOWNS------------- */

/* Child lists and links */
#topnav li.headlink ul { 
list-style: none;
text-align: left; 
width: 230px;
position: relative;
z-index: 90;
background: #fff;
border-left: 4px solid #1f53a0;
border-right: 4px solid #1f53a0;
border-bottom: 4px solid #1f53a0;
margin: 0px 0 0 20px;
display: none;
-moz-box-shadow: 0px 3px 5px #000;
-webkit-box-shadow: 0px 3px 5px #000;
}
#topnav li#topnav-2.headlink ul { 
margin-left: 46px;
}
#topnav li#topnav-3.headlink ul { 
margin-left: 50px;
}
#topnav li.headlink ul li{
text-indent: 0;
}
#topnav li.headlink ul li a { 
padding: 5px; 
display: inline;
height: 17px; 
font-family: arial;
text-decoration: none;
display: block;
border-bottom: 1px solid #ccc;
color: #000;
}
#topnav li.headlink ul li a:hover { background-color: #ff8300;color: #fff;border-color: #ff8300; }



/* --------------DROPDOWNS------------- */


/* --------------ROTATOR------------- */
#rotator {
margin-bottom: 10px; 
padding: 0;
width: 978px;
height: 283px;
overflow: hidden;
background: url(/images/rotatorBg.png) no-repeat;
}
#rotator img{
margin: 5px 0 0 20px;
}
#nav{
position: relative;
float: right;
margin-top: -45px;
margin-right: 19px;
z-index: 99;
}
/* #nav li{
list-style: none;
float: left;
padding: 0px;
border: 1px solid #1767b0;
margin: 0 7px 0 0;
line-height: 0;
}
*/
#nav a{
display: block;
float: left;
text-indent: -999em;
width: 15px;
height: 15px;
background: #1767b0;
margin-right: 6px;
}
#nav .activeSlide{
/*border: 1px solid #ff8300;*/
background: #ff8300;
}
#nav li img{
padding: 0;
border: 0px;
}
/* --------------ROTATOR------------- */


/* --------------MAIN CONTENT, LEFT NAVIGATION----------------*/
#main {min-height: 100%; height: auto !important; height: 100%; }
#main .content {padding: 0px; margin-left: 14px; margin-bottom: 30px; width: 588px; min-height: 170px; height: auto;}


/* --------------SUBPICS------------- */
#subpic {background: url(/images/subpicbg.jpg) no-repeat top center; height: 132px; margin-bottom: 14px; padding-top: 4px }
#subpic .template { no-repeat top center; width: 940px; height: 116px; margin: 0 auto; }

/* --------------SUBPICS------------- */

/* --------------HOMEBLOCKS------------- */
#homeblocks {margin: 0px; padding: 0}
#homeblocks .block, .blockfirst, .blocklast {float: left; clear: right; width: 324px; height: 223px; margin-bottom: 30px;}
#homeblocks .block {margin-right: 18px;}
#homeblocks .blockfirst, .blocklast {width: 310px}
#homeblocks .blockfirst {background: url(/images/homeblock_leftbg.jpg) no-repeat top left;}
#homeblocks .blocklast {background: url(/images/homeblock_rightbg.jpg) no-repeat top right; margin-right: 0}
#homeblocks .blockfirst, .blocklast {font: 12px Arial, Tahoma, Helvetica, Sans-Serif; color: #405e6f}


#homeblocks .block {background: url(/images/homeblock_centerbg.jpg) no-repeat;}

#homeblocks ul {margin-left: 20px; margin-right: 20px}

#homeblocks ul li {
margin: 0px; 
padding-left: 18px; 
background: url(/images/iconarrow2.png) no-repeat 0px 8px; 
list-style-type: none; 
line-height: 24px 
}

#homeblocks .blocklast ul li {
line-height: 16px;
margin-bottom: 8px;
background-position: 0px 5px;
}

#homeblocks ul li a {color: #405e6f; text-decoration: none}
#homeblocks ul li a:hover {text-decoration: underline}
#homeblocks h1 {margin: 14px 0px 8px 20px}
#homeblocks p {margin: 6px 20px 10px 20px; font: 14px Georgia, 'Times New Roman', Serif; color: #405e6f; font-style: italic; line-height: 22px}

#homeblocks .block a {text-indent: -9999em;}

#homeblocks h1 {font-size: 16px; color: #405e6f; font-weight: 800}
#homeblocks h2 {background: url(/images/alteritylogo.jpg) no-repeat; width: 174px; height: 38px; float: right; margin-right: 20px}
/* --------------HOMEBLOCKS------------- */


/* --------------MAIN CONTENT------------- */
#main .welcome {
font: 19px Arial, Tahoma, Helvetica, Sans-Serif; 
color: black; 
font-style: italic; 
color: #5d7887; 
font-weight: bold;
margin-bottom: 15px  
}

#main a.homelink {
float: right; 
text-decoration: none; 
text-transform: lowercase; 
color: #ff8300; 
font: 14px Arial, Tahoma, Helvetica, Sans-Serif; 
font-weight: bold;
padding: 10px 20px 10px;
background: url(/images/iconarrow.png) no-repeat right;
margin-top: -32px
}

#main a.homelink:hover {text-decoration: underline}

#main .content a, .content h2, em {color: #ff6b00}

#main .content h1 {color: #175ba3; font-size: 24px; margin-bottom: 18px; font-weight: 800}
#main .content p {color: #545454; font: 13px Arial, Tahoma, Helvetica, Sans-Serif; line-height: 24px; text-align: justify; padding-right: 12px; padding-bottom: 24px}
#main em {font-weight: bold;}
#main .content h2 {font: 18px Arial, Tahoma, Helvetica, Sans-Serif; font-weight: bold; }
#main .content {color: #545454; font: 13px Arial, Tahoma, Helvetica, Sans-Serif; line-height: 24px;}
.date{
color: #ff6b00;
font-weight: bold;
}
#main .content ul {margin: 20px 20px 30px 20px; padding: 0px; }

#main .content ul li {
display: block; 
list-style-type: none; 
background: url(/images/iconarrow2.png) no-repeat center left; 
padding-left: 22px; 
font: 13px Arial, Tahoma, Helvetica, Sans-Serif;
color: #545454; 
line-height: 24px
}

#main .content img {padding: 10px;}
/* --------------MAIN CONTENT------------- */

/* --------------RIGHTSIDE------------- */
#main .rightside { float:right; width: 336px; margin-right: 14px; padding: 0px; }
#main .rightside .box {height: 200px; background: url(/images/boxbg.jpg) no-repeat; padding: 20px 30px 14px 30px; margin-top: 12px }
#main .rightside .subNav {
padding: 20px 30px 14px 30px; 
margin: 12px 0 20px 4px;
width: 262px;
background: #f2f2f4;
border: 3px solid #fff;
-moz-border-radius: 9px;
-moz-box-shadow: 0px 0px 4px #ccc;
}
#main .rightside img{border: none;}
#main .rightside .box ul li, #main .rightside .subNav ul li {
margin: 0 0 10px 0; 
padding-left: 18px; 
background: url(/images/iconarrow2.png) no-repeat 0px 6px; 
list-style-type: none; 
font: 12px Arial, Tahoma, Helvetica, Sans-Serif; 
color: #405e6f;
line-height: 18px; 
}

#main .rightside .box ul li a, #main .rightside .subNav ul li a {color: #405e6f; text-decoration: none}
#main .rightside .box ul li a:hover, #main .rightside .subNav ul li a:hover {text-decoration: underline}
#main .rightside .box h1, #main .rightside .subNav h1 {font: 16px Arial, Tahoma, Helvetica, Sans-Serif; color: #405e6f; margin-bottom: 6px; font-weight: 800}
/* --------------RIGHTSIDE------------- */

/* --------------FOOTER------------- */
#footer, .push { 
clear: both;
width: 100%;
height: 4em; /* make sure this matches in the body container DIV */
bottom: 0;
left: 0;
margin: 0 auto; 
position: relative;
} 

#footer { background: #787878 url(/images/footerbg.gif) repeat-x;  height: 83px; }
#footer .content { width: 978px; margin: 0 auto; position: relative; font: 12px Arial, Tahoma, Helvetica, Sans-Serif;color: #c5c5c5}

#footer .left, .right {height: 40px;padding-top: 38px}
#footer .left { float: left; margin-left: 14px; }
#footer .right { float: right;  text-align: right; margin-right: 14px; width: 500px }
#footer .right a {color: #c5c5c5; text-decoration: none}
#footer .right a:hover {text-decoration: underline}
#footer .right ul { margin: 0}
#footer .right ul li {display: inline; list-style-type: none; border-right: 1px solid; padding: 0px 6px 0px 4px }
#footer .right ul li.last {border-right: 0}
/* --------------FOOTER------------- */

.centerText{text-align: center !important;}