/*You may adapt and learn from the elements of this CSS to use in your own projects, but you may not 
copy the design (the unique combination of images, colors, sizes, typography, and positioning) since 
this is copyright of Newman Catholic Center, San Luis Obispo, California and may not be reproduced. 
------------------------------------------------------------------*/


/*Newman Catholic Center stylesheet
------------------------------------------------------------------*/


/*Global styles
------------------------------------------------------------------*/


* {
margin : 0;
padding : 0;
}

ul, li {
list-style-type : none;
}

body {
text-align : center;
font : 76%/140% Arial, sans-serif;
background-color : #444444;
}

.clearfloats {
clear : both;
}

a:link {
color : #046380;
text-decoration : none;
}
a:visited {
color : #046380;
text-decoration : none;
}
a:hover {
color : #5d807b;
text-decoration : underline;
}
a:active {
color : #046380;
text-decoration : none;
}


/*Header styles
------------------------------------------------------------------*/

#header_wrap {
background : url(images/header.jpg) repeat-x center top;
width : 100%;
border-bottom : 1px solid #efecca;
}

.header {
text-align : left;
margin : 0 auto;
overflow : hidden;
position : relative;
width : 960px;
height : 160px;
}

.header h1 {
background-image : url(images/logo.png);
background-repeat : no-repeat;
margin : 30px 0 0;
width : 400px;
}

.header h1 a {
color : #fff;
display : block;
text-indent : -99999px;
width : 368px;
height : 100px;
}

.header .description {
color : #fff;
display : block;
text-indent : -99999px;
}
.skip {
display : none;
}


/*Main Navigation styles
------------------------------------------------------------------*/

#main_nav_wrap {
background : #002f2f;
border-top : 5px solid #046380;
border-bottom : 1px solid #efecca;
width : 100%;
margin : 0;
padding : 7px 0;
color : #fff;
}

ol.main_nav {
text-align : right;
list-style : none;
background : #002f2f;
font-size : 17px;
margin : 0 auto;
padding: 0;
width : 960px;
font-family : Arial, sans-serif;
}

.main_nav li {
display : inline;
}

.main_nav li a:link, .main_nav li a:visited {
color : #fff;
padding : 8px 5px 8px 5px;
white-space : nowrap;
text-decoration : none;
}

.main_nav li a:hover {
color : #fcfae6;
text-decoration : underline;
}

/*Content Global styles
------------------------------------------------------------------*/

#content_wrap {
background-color : #efecca;
width : 100%;
background-image : url(images/gradiant_main.gif);
background-repeat : repeat-x;
height : 100%;
}

.content {
margin : 0 auto;
width : 960px;
text-align : left;
padding-top : 20px;
padding-bottom : 20px;
height : 100%;
}

.content h2 {
color : #046380;
font : 48px/1em Arial, Helvetica, sans-serif;
letter-spacing : -1px;
}

.content h3 {
font : 26px/1em bold Arial, Helvetica, sans-serif;
color : #400707;
margin-bottom : 10px;
}

.content h4 {
font : 24px/1em bold Arial, Helvetica, sans-serif;
color : #400707;

}


/*Main Content styles
------------------------------------------------------------------*/

.main_content {
width : 720px;
float : right;
padding-bottom : 15px;
display : block;
height : 100%;
}

.main_content p {
font-size : 16px;
font-family : Arial, Helvetica, sans-serif;
line-height : 1.3em;
margin-bottom : 15px;
margin-top : 10px;
width : 600px;
height : 100%;
}

.main_content h2 {
color : #046380;
font : bold 42px/1em Arial, Helvetica, sans-serif;
letter-spacing : -1px;
margin-top : 10px;
}

.main_content ul {
padding-bottom : 15px;
}

.main_content ul li {
margin-top : 3px;
list-style-type : disc;
margin-left : 20px;
list-style-position : outside;
font-size : 14px;
}

.sub_list {
margin-left: 30px;}

ol li {
list-style-type: decimal;
font-size: 16px;
list-style-position: inside;
line-height: 1.3em;
}

.breadcrumb {
padding-bottom : 2px;
border-bottom : 1px dotted #046380;
display : block;
font-size : 13px;
}

.breadcrumb a:link, .breadcrumb a:visited {
color : #fff;
text-decoration : none;
}

.breadcrumb a:hover {
color : #fcfae6;
text-decoration : underline;
}

img.large {
margin-bottom : 15px;
padding : 3px;
border : 1px solid #000;
background-color : #fff;
}


/*Float styles
------------------------------------------------------------------*/

#float a img, #float a:hover img, #float a:visited img {
padding : 3px;
border : 1px solid #000;
background-color : #fff;
margin : 0;
}

#float {
width : 600px;
list-style-type : none;
padding-top : 10px;
}

#float .clearfloats {
padding : 10px 0 10px 0;
margin : 10px 0 10px 0;
}

.float {
margin : 0;
padding : 0;
display : block;
}

ul.float li {
list-style-type : none;
margin : 0;
padding : 0;
}

.float li p {
display : inline;
}

.float img {
padding : 3px;
border : 1px solid #000;
background-color : #fff;
float : right;
vertical-align : top;
}

#float h3 {
font : 26px/1em bold Arial, Helvetica, sans-serif;
color : #400707;
border-bottom : 1px dotted #046380;
padding-bottom: 3px;
margin-bottom : 10px;
}

.float h4 {
font-size : 22px;
padding-bottom : 5px;
line-height : 1em;
}

.float h5 {
font-size : 18px;
font-style : italic;
}

.float p {
margin : 0;
padding : 0;
}

/*Sidebar styles
------------------------------------------------------------------*/

.sidebar {
width : 200px;
background-image : url(images/sidebar_gradiant.gif);
background-repeat : repeat-x;
}

.sidebar h2 {
color : #e17d12;
letter-spacing : -1px;
font : normal 22px Arial, Helvetica, sans-serif;
}

.sidebar ul li {
border-bottom : 1px dotted #046380;
display : block;
padding : 10px 15px;
font-size : 16px;
}

.sidebar a, .sidebar a:link, .sidebar a:visited {
color : #fff;
text-decoration : none;
}

.sidebar a:hover {
color : #fcfae6;
text-decoration : underline;
}


/*Post styles
------------------------------------------------------------------*/

.post {
padding-bottom : 10px;
border-bottom : 1px dotted #046380;
padding-top : 15px;
}

.post h3 {
margin-top : 15px;
line-height : 1.7em;
font : 24px/1em Arial, Helvetica, sans-serif;
color : #400707;
margin-bottom : 0;
}

.entry {
font-size : 16px;
font-family : "Myriad", "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height : 1.2em;
}


/*Panoramic styles
------------------------------------------------------------------*/

#panoramic_wrap {
width : 100%;
background-image : url(images/panoramic_gradiant.gif);
background-repeat : repeat-x;
height : 320px;
}

.panoramic {
margin : 0 auto;
width : 960px;
text-align : left;
padding-top : 20px;
padding-bottom : 20px;
height : 320px;
}

.panoramic li {
float : left;
}

.panoramic h2 {
color : #fff;
font : 20px/1em  Helvetica, sans-serif;
text-transform: uppercase;
letter-spacing : 0px;
padding-bottom : 9px;
width : 250px;
margin-right : 20px;
}

.panoramic p {
font : 15px/1.4em  Helvetica, sans-serif;

color : #fff;
width : 250px;
margin-right : 20px;
}

.flash_rotate {
float : right;
padding : 3px;
border : 1px solid #000000;
background-color : #fff;
display : inline;
list-style-type : none;
margin : 0;
height : 270px;
width : 680px;
}


/*Home Page Dynamic Content styles
------------------------------------------------------------------*/

.dynamic_content {
color : #002f2f;
display : block;
width : 960px;
margin-bottom : 20px;
}

.dynamic_content h2 {
color : #f26d00;
font : bold 26px Arial, Helvetica, sans-serif;
letter-spacing : -1px;
padding-bottom : 3px;
margin-bottom : 10px;
border-bottom : 1pt solid #400707;
}

a img, a:hover img, a:visited img {
border : 0;
}

.dynamic_content p {
font-size : 13px;
color : #002f2f;
}

.mass_times {
float : left;
width : 250px;
margin : 10px;
border-bottom-color : #400707;
}

.mass_times a:link {
margin-bottom: 15px;
}

.mass_times dt {
font-size : 22px;
padding-top : 10px;
padding-bottom : 10px;
}

.mass_times dd {
line-height : 1.4em;
margin-left : 15px;
font-size : 13px;
font-weight : bold;
}

.mass {
padding-bottom : 15px;
}

.mass_times p {
margin-top : 15px;
text-align : right;
font-size : 14px;
margin-right : 10px;
}

.events_calendar {
float : left;
width : 340px;
margin : 10px;
border-bottom-color : #400707;
}

.events_calendar li.GoogleCalendarItem {
font-size : 14px;
line-height : 1.7em;
padding-bottom : 3px;
margin-bottom : 5px;
border-bottom : 1px dotted #046380;
display : block;
}

.events_calendar li.GoogleCalendarItem a {
font-weight : bold;
}

.GoogleCalendarText {
margin-left : 12px;
}

.more-events {
font-family : "Trebuchet MS", Arial, sans-serif;
float : right;
margin-top : 15px;
text-align : right;
font-size : 14px;
margin-right : 10px;
}

.featured_news {
float : left;
width : 290px;
margin : 10px;
}

.featured_news h3 {
font-size : 20px;
font-weight : bold;
margin : 0;
}

.article p {
padding-bottom : 10px;
}

.article {
color : #002f2f;
font-size : 13px;
font-family : "Trebuchet MS", Arial, sans-serif;
padding-top : 10px;
}

.read-entry {
font-family : "Trebuchet MS", Arial, sans-serif;
float : right;
margin-top : 15px;
text-align : right;
font-size : 14px;
margin-right : 10px;
}

.community_news {
float : left;
width : 290px;
margin : 10px 15px;
}

.community_news ul li {
font-weight : bold;
border-bottom : 1px dotted #046380;
display : block;
padding : 6px;
}

.community_news ul li a {
font-size : 14px;
}

.date-post {
display : block;
font-size : 12px;
font-weight : normal;
margin-top : 5px;
}

.more-news {
font-family : "Trebuchet MS", Arial, sans-serif;
float : right;
margin-top : 15px;
text-align : right;
font-size : 14px;
margin-right : 10px;
}

/*Alumni Directory / Community Houses Styles
------------------------------------------------------------------*/


ul.alumni_directory {
margin-bottom: 15px;}


ul.alumni_directory li {
list-style-type : none;
font-size: 14px;
line-height : 1.1em;
}

ul.alumni_directory .float_image {
padding : 3px;
margin-left: 10px;
border : 1px solid #000;
background-color : #fff;
float : right;
vertical-align : top;
width: 160px;
height: 160px;
}

ul.alumni_directory li.name {
font-size: 20px;
line-height : .9em;}

/*Alumni News Styles
------------------------------------------------------------------*/

.alumni {
margin-top: 40px;}

.alumni h3 {
font : 26px/1em bold Arial, Helvetica, sans-serif;
color : #400707;
margin-bottom: 0px;

}

.alumni h4 {
font : 20px/1em bold Arial, Helvetica, sans-serif;
padding-bottom : 3px;
margin-bottom: 7px;
border-bottom : 1px dotted #046380;
}


/*Community House Styles
------------------------------------------------------------------*/

.community_houses {
display : block;
width : 690px;

}

.community_houses ul {
float : left;
width : 220px;
margin : 5px;
height: 150px;
}
.community_houses ul li {
list-style-type : none;
font-size: 14px;
line-height : 1.1em;
}

.community_houses ul li.name {
font-size: 20px;
line-height : .9em;}


/*Form Styles
------------------------------------------------------------------*/

.category {
clear : both;
border-top: 1px dotted #046380;
padding-top: 10px;
margin-top: 10px;
display: block;
list-style-type : none;
}

.category h3 {
margin: 0; 
padding:0 0 10px 0
}

.category ul {
clear : both;
display : block;
list-style-type : none;
}

.category li.float_left {
font-size: 16px;
list-style-type : none;
font-weight : bold;
float : left;
width: 250px;
text-align : right;
padding-bottom:5px;        
}

.category li.float_right {
float : right;
width : 420px;
text-align : left;
list-style-type : none;
display : block;
}


ul.special_feature li {
list-style-type : none; 
margin: 0;
padding: 0;
list-style-position: inside; 
}

ul.special_feature h3 {
padding-top: 20px;
}




/*Footer Styles
------------------------------------------------------------------*/

#footer_wrap {
background-image : url(images/bottom_gradiant.gif);
background-repeat : repeat-x;
background-color : #444444;
display : block;
}

.footer {
margin : 0 auto 30px auto;
width : 960px;
text-align : left;
color : #efecca;
font-size : 15px;
padding-top : 10px;
display : block;
}

ul.left_footer {
float : left;
width : 290px;
margin : 10px;
}


ul.center_footer {
float : left;
width : 290px;
margin : 10px;
}

ul.right_footer {
float : left;
width : 290px;
margin : 10px;
}

li.footer_item {
display : block;
margin-bottom : 20px;
font-size : 14px;
line-height : 1.4em;
}

li.footer_item h3 {
font : bold 18px Helvetica, sans-serif;
padding-bottom : 3px;
margin-bottom : 5px;
border-bottom : 1pt solid #efecca;
}

li.footer_item p {
padding-bottom: 6px;}

li.footer_item a:link {
color : #e17d12;
text-decoration : none;
}

li.footer_item a:visited {
color : #e17d12;
text-decoration : none;
}

li.footer_item a:hover {
color : #e17d12;
text-decoration : underline;
}

.search h3 {
font-size : 14px;
line-height : 1.7em;
padding-bottom : 3px;
}